Javascript Tutorial Italiano 02 - Le VARIABILI

buongiorno a tutti bentornati episodio il numero due di javascript adesso si comincia a parlare dei tasselli fondamentali che compongono javascript sono tasselli che in realtà sono le colonne portanti di quasi tutti i linguaggi di programmazione perciò se avete già esperienza con altri ingaggi di programmazione vi risulterà veramente semplici se il vostro primo sappiate che la conoscenza che fate qua poi la potete portare su altri linguaggi programmazione a prescindere dalla sintassi che è che utilizzano quindi andiamo subito a vedere la scaletta abbiamo che cos'è una variabile oggi parliamo di variabili andremo a dichiarare una variabile con

alcune regole su come dare il nome la variabile inizializzare la variabile ci sono due parole chiave che possiamo utilizzare per definire una variabile andremo a vedere la differenza come aggiornare una variabile che cosa possiamo contenere dentro le variabili che cos'è la tipizzazione dinamica che caratterizza javascript e velocemente le costanti cos'è una variabile pensate alla variabile ad una scatola ok la variabile è una scatola che può contenere dei dati ok dei dati indefiniti ci ha pensato al classico xxv una scatola di un valore indefinito che può cambiare nel tempo cioè se ne abbiamo cinque sappiamo che

sarà sempre 5 ma se leviamo questa scatola che può contenere numeri o altre cose ma poniamo che sia numeri una volta può esser 5 una volta può esser 7 quindi nel momento in cui ne abbiamo in cui il momento in cui l'abbiamo xi3 ad esempio sappiamo che questo x75 sarà 5 peuterey e fa 8 se invece questa scatola contiene 77 peuterey fa 10 quindi una variabile è letteralmente una scatola che contiene dei valori che possono cambiare nel tempo questa cosa ci torna utile perché ci permette appunto avere dei programmi dinamici altrimenti sarebbero tutti arco dati

sarebbe impossibile poter avere casistiche diventerebbero troppo complessi dichiariamo questi dichiariamo questa scatola innanzitutto noi indichiamo così questa scatola lett il nome facendo così siamo andati a dichiarare letteralmente una scatola vi faccio vedere con sol punto log ne facciamo nome salviamo andiamo a prendere allora fatemi ok vedete che ci dà undefined vi faccio vedere la differenza tra scrivere console log nome allora console home server per mandarci appunto serve per loggare loggare in consolle quello che vogliamo ok vi scrivo cognome adesso guardate la differenza ok allora cognome is not find quindi la differenza tra le due non

abbiano dato alcun valore a nome ma esiste quindi quello che siamo andati a fare siamo nate a dichiarare la variabile quindi il programma sa che esiste questa scatola che viene modificata come nome quindi qualsiasi cosa vogliamo prendere da quella scatola esiste e possiamo metterci dentro qualcosa ma cognome non l'abbiamo inizializzata non è identificata quindi quando noi andiamo a mandarla in consolle ci dà errore quindi inizializzare una variabile vuol dire letteralmente prendere una scatola e scrivergli sopra il nome della variabile quindi questa questa variabile si chiama nome e tutto ciò che sarà qua dentro si desume

che conterrà a qualcosa di relativo ai nomi poi aspettano di dare dei nomi coerenti appunto su questo mi raccomando le regole per per i nomi della variabile allora quello che possiamo usare sono caratteri numerici da 09 da az ok ea maiuscolo ok importante sapere che le variabili sono case sensitive ovvero che nome scritto così e nome scritto così o ecco infatti così ho un nome scritto così sono cose diverse ok altra cosa da dire potete usare al massimo underscore non potete usare il trattino quindi possiamo avere eventualmente nome utente ok anche se una delle cose

più consigliate sarebbe utilizzare per quanto riguarda javascript il camel cage mentre legge con php si trovano variabili e così in javascript se proprio proprio dovete mettere più parole attaccate si fa così quindi lower kamel casa ovvero tutto in minuscolo possibilmente tutto è minuscola la variabile se avete più parole insieme non potete dividerle quello spazio non potete dividerle con il trattino infatti detto che ci dà errore potete dividerle con l'under scorre mai consigliato fare questo che è il camel caso ovvero minuscolo e la parola nuova a la la lettera che l'altra con cui comincia maiuscola in

questo modo c'è più facile veramente leggere le cose proviamo possiamo così lett dichiarazione variabile nuova rispetto a dichiarazione dichiarazione variabile nuova vedete la differenza si legge molto più velocemente questa perché vediamo il maiuscolo è comunque c'è una nuova lettera sappiamo che c'è una nuova spa parola scusatemi quindi dichiarazione variabile automaticamente lo vediamo più velocemente che dichiarazione variabile nuova quindi possibilmente usate camel keynes è quello più consigliato se non vi piace il massimo che vi posso dire è fare una cosa del genere ok non cominciate le variabili con underscore ok non cominciate le variabili coi numeri

scrive una cosa del genere ok mi raccomando vedete che ci dà errore evitate questo evitate così cercando di tenere la variabile allora i nomi migliori per le variabili sono tutto in minuscolo colca mail che se avete più parole i numeri dopo gli underscore eventualmente dopo cercate non mettete nomi di parole chiave di javascript quindi lett non usatelo c'è bar lett non usatelo ok piuttosto che vedremo for vedremo altre parole chiave vedete che quarti la proprio errore non utilizzate i sonohra loud che non è non è consentito usarla quindi sono delle parole chiave che non dovete

usare colpo di darmi problemi però quindi non utilizzate queste parole chiave è altra cosa cercate di scrivere nomi che siano intuibili ok perché queste variabili dovete riprendere più volte nel vostro nel vostro programma non potete avere una roba così ok dovete avere appunto un nome utente dichiarazione variabile nuova togliamo questa roba qua la variabile migliore che possiamo scrivere è una cosa tipo del genere variabile utente piuttosto che le età ovviamente no accenti let cognome cose le variabili così vanno bene alla peggio come vi dicevo let nome utente specificata questa parte possiamo andare avanti allora così

abbiamo dichiarato una variabile ora la iniziali siamo abbiamo il nostro nome mettendo uguale e io metto giustamente il mio nome ok così stiamo inizializza ndaw una variabile ovvero che quando andiamo a dichiarare una variabile stiamo prendendo una scatola ok immaginatevi un pacchetto amazon quando mettono lì la scatola per il vostro pack permette la scatola per la vostra spedizione e la mette un solo lì la stanno in la stanno dichiarando la variabile stanno dichiarando la scatola quando invece ci mettono dentro del contenuto la stanno iniziali zando ok quindi una scatola con dentro il contenuto è inizializzato

seno adesso andiamo a mandare a schermo vediamo qua vedete che ci c'è da il mio nome ok qual è la differenza tra var e lett in realtà non vi spiegherò la vera differenza tra bar e lett sappiate che si può scrivere o var nome all at cognome il fatto è che var è una parola chiave d'inizio javascript mente lett e stata aggiunta negli ultimi anni è consigliato utilizzare lett non voglio neanche entra nel merito del perché non perché non dovete farlo perché dovete farlo utilizzate let quando dovete definire una variabile e basta tanto vara non

si sa più forse lo vedrete ancora in giro con andres a cercare soluzioni si verte codici abbastanza vecchiotto potrebbe capitarvi possibilmente cercato di utilizzare let non voglio darvi questa informazione aggiuntiva perché non mi serve a niente saperlo ormai si usa lett continuate a utilizzare lett come possiamo aggiornare una variabile molto semplice riprendiamo il nome della variabile senza ridefinirla ok quindi se io facessi così mi darebbe errore mentre invece aveva ne approfitto iscriversi vara due volte var cognome uguale qualcosa e bar cognome uguale qualcos'altro var non mi darebbe errore ok mentre invece let mida errore perché

non possiamo definire non possiamo dichiara una variabile più volte non ha senso quindi questo è uno dei motivi per cui non si usa più barra dicevo se vogliamo aggiornare una variabile ci basta semplicemente riprendere il nome della variabile adesso che ce l'abbiamo e assegnargli un nuovo un nuovo valore quindi noi salviamo e vedete che ci da luca questo perché noi l'abbiamo dichiarata e subito inizializzata con edoardo poi veneto sa cosa c'è nella giorni con luca questa è la potenza delle delle variabili ovvero che noi stava andando veramente creare una scatola che può contenere una serie

di valori ma che nel tempo sono immutabili quindi è una cosa molto comoda considerato che lavoriamo e non sappiamo effettivamente cosa succede durante il corso del programma 15 dall'elasticità giusta per poter per poter programmare quali sono i tipi di variabili allora i tipi di variabili possono essere numeri in questo caso potrebbero essere degli interi per esempio 34 oppure potremmo avere dei flop non con la virgola ma quel punto il flop sono i numeri con la virgola ok gli interi sono letteralmente gli interi i flop sono i numeri con la virgola altrimenti abbiamo le stringhe le

stringhe non sono altro che testo io prima ho scritto il mio nome questa una stringa di testo ok se noi lo scriviamo così ci dà errore quindi vele decida errore che non ce lo può prendere finiamo qui vedete lui cerca una referenza come se edoardo fosse una variabile quindi tutte le stringhe di testo fosse anche la gala divina commedia tutto ciò che è testo di qualsiasi genere deve essere tra singoli a pc o doppi apici questa è una si chiamano stringhe quindi stringhe di testo abbiamo i valori ball and honey booleani ball and honey o

booleano beh in inglese boolean abbiamo i bulian boolean è sì o no truffe falls vero e falso in può esser through o forse perché noi dovremmo avere dei valori che sono tuo falls un esempio palese potrebbe essere la variabile is on line magari noi stiamo aggiornando e volete sapere siamo su telegrammi insieme volete sapere se io sono online probabilmente la spunta che la spunta verde che vi dice se io sono online o meno è legata a una variabile is on line quindi severe che io sono online through il programma telegram ci metterà l'asp mi metterà

la il pallino verde sulla mia immagine e voi saprete che io sono online nel caso fosse così fa dei controlli voi vi logate is on line edoardo falso e quindi non fa niente e voi sapete grazie a questa cosa che io non sono online quindi magari evitate di iscrivermi gli array e gli oggetti li vedremo meglio prossimamente ma un array altro non è che una collezione chiamiamo la collezione di dati allora una collezione di dati un array si apre con con le parentesi quadre ok parentesi quadre e possiamo contenere veramente abbiamo una collezione di dati

infinita di ciò che ci serve potremmo avere una collezione di interi per assurdo ok mettiamo causeranno giusto per farvi vedere no quello che potremmo avere o potremmo avere una collezione di nomi magari luca potrebbe essere una classe questa avevo io di compagni siamo a luca si ce l'avevo abbiamo il buon vicino quindi questa potrebbe essere classe quarta ok classe quarta ci sono solo luca edoardo gino gli altri sono stati maledettamente bocciati quindi questa è una collezione di dati e ha senso per prendere i dati da gli array allora studio qua amando a schermo se io

qua amando a schermo vedete io mando a schermo ci dà tutto ci da luca edoardo e gino ma ci mette questo numero vicino ho fatto rima con gino tra l'altro voglio che apprezziate il fatto allora abbiamo 0 1 e 2 allora perché non è uno due tre perché gli array partono e questa cosa mi succederà su qualsiasi linguaggio di programmazione che farete partono a contare da zero quindi questo è zero questo è uno e queste due questo numero qua si chiama indice o lo troverete in inglese come index quindi quando noi dobbiamo andare a mandare

a schermo un numero specifico dobbiamo fare parentesi quadre ancora e mettiamo dentro l'indice in questo caso voglio mandare a zero e che cosa ci fa uscire stoppate il video rispondete avete ragione ci manda schermo luca quindi se io voglio mandare a schermo anzi vi faccio questo esempio questo esempio qua è fuori di testa perché manda sempre i principianti a farfalle allora un due tre se io scrivo classe quarta 0 cosa ci esce cs1 se io scrivo 2 voi che aspettate che esca due no esce 3 ok quindi mi raccomando fate queste prove ricordatevi che due

è il terzo elemento è quindi qua s3 questo è l'esempio più infame che io potessi farvi però vi dovete abituare perché gli indici non sono la stessa cosa degli elementi e quindi vi ho fatto vedere come tira fuori gli elementi da da gli array arriviamo agli oggetti gli oggetti sono una rappresentazione programmatica chiamiamola così nel mondo dello sviluppo di ciò che esiste nella realtà che cosa voglio dire voglio dire che se noi abbiamo un cane ok un cane fatemi togliere questo noi abbiamo un cane è il nostro cane intanto apriamo l'oggetto cane l'oggetto cane si

apre con le parentesi graffe ok per chi non lo sapesse dovrebbe essere al tgr maiusc e accentata fatemi vedere ok automaticamente poi aveva chiude meno chiude usc il nostro cane ha chiaramente un nome anzi non mi trovo non mi trovo a mio agio col va beh sì ok mettiamo una persona vediamo una persona personale persona io non so i dati dei cani allora una persona chiaramente un nome in questo caso è una stringa e io sono edoardo abbiamo un cognome e io sono chiaramente un random faccio random e di cognome virgola abbiamo un codice fiscale

che mettiamo totalmente randomico ok questo è un codice fiscale più di sedici caratteri ma pazienza abbiamo potremmo avere una città di nascita potremmo avere potremmo avere svariate potremmo avere svariate cose a giusto serve magari altri tipi di dati potremmo avere un'età di età attualmente sono 28 andiamo giù facciamoci b anzi colori preferiti colori preferiti facciamo così facciamo un array ok e magari mettiamo blu non lo so raga facciamo nero e facciamo grigio che palette bella scuola ok allora che cos'è che cosa abbiamo fatto abbiamo fatto una rappresentazione reale con dati falsi di una persona che

si desuma esista nella realtà in questo caso è quindi una persona con il nome di edoardo il cognome e random il codice fiscale è il seguente la città di nascita non la sappiamo mettiamo milano l'età è 28 e i colori preferiti è un array ok anziché avere colore preferito 1234 che diventerebbe troppo non è scalabile una cosa del genere abbiamo un array che contiene un numero indefinito di colori blu nero e grigio ok quindi l'oggetto vuole essere appunto una rappresentazione in codice di ciò che potrebbe essere una persona un oggetto reale quindi se vogliamo andare

a schermo il nome di questa persona a noi basta fare persona punto nome e quindi il nome della facciamo che punto vuol dire della il nome della persona andiamo a vedere ed è edoardo se il mio voglio fare codice fiscale d'altro vedete che vsc ce lo suggerisce il codice fiscale di questa persona è il seguente facciamo un altro un altro esempio andiamo a prendere colori preferiti ma io voglio sapere il suo secondo colore preferito qui ne abbiamo persona appunto colori preferiti e poi mettiamo l'uno in questo caso vi ho già fatto una combo tra array

gli oggetti vedete che il suo secondo colore preferito n ok questa è la introduzione agli oggetti parliamo di tipizzazione dinamica javascript a differenza di altri linguaggi di programmazione penso a time script mi viene in mente o java se non mi sbaglio a differenza di questi linguaggi di programmazione quando andiamo a dichiarare una variabile non siamo costretti a dichiarare il tipo in questo caso facciamo così e mettiamo sempre qua luca ok poi abbiamo qua persona automaticamente questa variabile assume facciamo type of persona assume un tipo ma non è che qui abbiamo scritto let string severi vate

string è la stringa di testo o let boolean olet number o cose del genere abbiamo semplicemente detto mi aprì una scatola ok denominata persona e dentro ci metti qualcosa benissimo ma che tipo è che tipo è questa scatola se io voglio sapere di che tipo è questa scatola è di tipo stringa effettivamente è tra peaches io mettessi 500 come potete vedere è tipo number qual è la cosa bella che non solo noi non definiamo il tipo della variabile ma cambia col tempo quindi se faccio un persona uguale 500 guardate un po ci dà al number

queen è talmente elastico che ci permette di cambiare il tipo in corso senza essere strettamente collegati alla tipizzazione che abbiamo scelto perché non c'è ora quando andremo avanti nei vari corsi del canale avremo a type script che io apprezzo particolarmente seppur javascript ci da questa libertà timescape si basa su su javascript seppure si basa su questa libertà diciamo che in fase di compilazione del codice è meglio avere un secondo controllo quindi il fatto di avere qua la tipizzazione ripeto quindi una stringa ci aiuta a capire meglio ed evitare gli errori prima che noi andiamo a

verificare il codice perché automaticamente ci dice guarda che tu hai definito una variabile stringhe e invece hai messo un nuovo quindi l'elasticità di javascript è bella ma anche i suoi anche i suoi contro quindi vi dovete ricordare poi con cosa state con cosa state lavorando arriviamo alle costanti le costanti ovviamente sono dei look sono dei valori che non devono cambiare nel tempo ok quindi non devono cambiare nel tempo per svariati svariati motivi potrebbe essere l'indirizzo del nostro database quindi stiamo lavorando abbiamo il nostro dhabi dove salviamo tutto quell'indirizzo non cambierà e vogliamo che sia costante

di conseguenza lo sappiamo in una costante altrimenti chiunque potrebbe essere in grado nel programma di cambiare il codice invece in questo modo fatemi mandare a schermo vedete qua c'è luca ma se io provo a fare persona uguale gino vedete che ci dice che non possiamo perché non possiamo più assegnare altri valori ad una costante e questa è la forza delle costanti e quindi vi dicevo sappiamo qualcosa di tipo database due punti host appunto quello che volete noi non possiamo andarlo a cambiare magari nel programma diciamo a cavolo siamo non ci ricordiamo già un persona uguale

qualcos'altro e abbiamo perso per sempre il riferimento al nostro al nostro database dentro programma e quindi le cose non funzionano più quindi il valore delle costanti resta appunto immutato e poi quando comincerete a programmare vi verrà con l'esperienza vi verrà più più facile capire quando avere un valore costante e quando no allora questo era un introduzione neanche tanto breve alle variabili noi ci vediamo al noi ci siamo nel prossimo video dove andremo a parlare letteralmente di numeri e operatori quindi un'introduzione basica alla matematica in javascript quindi stiamo guardando ripeto quelli che sono tutti i building

blocks e le fondamenta di di javascript mi raccomando continuate a praticare perché sono tante informazioni insieme ma non sono neanche complesse semplicemente vi risultano difficili perché la prima volta che vi immergete molto brevemente in un linguaggio di programmazione niente continuate continuate continuate vi ricordo che c'è il mio gruppo su telegram il canale per restare aggiornati con il canale e il gruppo per condividere con altre persone che stanno seguendo i corsi vi ricordo che gli abbonamenti sono aperti se volete supportare ragazzone di questi corsi io vi ringrazio alla prossima ciao ciao