Share
JavaScript è un linguaggio che possiamo usare per scrivere programmi eseguiti in un browser o su un server usando il nodo. A causa del Nodo, puoi usare JavaScript per creare applicazioni web complete come Twitter o giochi come Agar.io.
Questa è la prima lezione di una serie in quattro parti in cui ti insegnerò i fondamenti della programmazione di cui avrai bisogno per imparare a costruire le tue app. Nella parte 1, ti presenterò la sintassi di JavaScript ed ES6. ES6 sta per ECMAScript 6, che è una versione di JavaScript.
Innanzitutto, configureremo il nostro ambiente di sviluppo in modo che possiamo eseguire il nostro codice sul nostro computer. In alternativa, puoi testare esempi di codice su un editor online come repl.it. Preferisco che tu abbia iniziato a scrivere e ad eseguire codice sul tuo computer in modo da poterti sentire come un vero programmatore. Inoltre, voglio che tu usi Node in modo da poterlo inserire nel tuo curriculum e stupire il tuo datore di lavoro.
Innanzitutto, è necessario un editor di testo per scrivere il codice. Raccomando il testo sublime. Quindi, scarica e installa Nodo sul tuo computer. È possibile ottenere il software sul sito Web Node.js. Conferma l'installazione eseguita digitando il comando nodo -v dal tuo terminale. Se tutto è a posto, verrà visualizzato il numero di versione dell'installazione del nodo.
Una delle cose che puoi fare con Node è eseguire codice JavaScript dal tuo terminale. Ciò avviene in quella che viene chiamata REPL. Per provarlo, inserisci il comando nodo nel tuo terminale.
Quindi, stampiamo il messaggio "Hello, World". Digitare quanto segue nel terminale:
Accentsconagua
> console.log ("Hello, World"); Per uscire dal REPL, premere Control-C due volte. L'utilizzo del REPL è utile quando si desidera testare semplici istruzioni come nell'esempio sopra. Questo può rivelarsi più comodo rispetto al salvataggio di un codice in un file, specialmente se si sta scrivendo codice usa e getta.
Per eseguire un programma che hai scritto in un file, esegui il comando nel tuo terminale nome file nodo, dove nome del file viene sostituito con il nome del tuo file JavaScript. Non devi digitare il js estensione del nome del file per eseguire lo script. E tu devi essere nella directory root in cui il file vive.
Proviamo un esempio. Crea un file chiamato hello.js. All'interno, inseriremo il seguente codice:
console.log ("Hello, World");Esegui il codice dal terminale:
$ nodo ciao
Se tutto va bene, vedrai l'output del testo "Ciao, Mondo" al terminale. D'ora in poi, puoi testare gli esempi di codice di questo tutorial usando il REPL del nodo o salvando in un file.
Prima di scrivere qualsiasi codice, dovresti prendere il tempo necessario per comprendere il problema. Di quali dati hai bisogno? Qual è il risultato? Quali test deve passare il tuo programma?
Quando capisci i requisiti del programma, puoi scrivere i passaggi per risolverlo. I passaggi sono il tuo algoritmo. Il tuo algoritmo non è un codice. È semplice inglese (sostituire l'inglese con la lingua madre) le istruzioni per risolvere il problema. Ad esempio, se vuoi scrivere un algoritmo per cucinare ramen in alto, potrebbe apparire come questo:
Sì, avevo fame quando pensavo a questo. E no, questo non è qualcosa che verrebbe effettivamente dato come un problema di programmazione. Ecco un esempio di un problema che è più pratico. È un algoritmo per calcolare la media di un elenco di numeri.
Capire il problema e trovare un algoritmo sono i passi più importanti nella programmazione. Quando ti senti sicuro nel tuo algoritmo, dovresti scrivere alcuni casi di test. I test mostreranno come dovrebbe comportarsi il tuo codice. Una volta che hai i tuoi test, allora scrivi il codice e lo modifichi fino a che i tuoi test non passano. A seconda della complessità del problema, è possibile che sia necessario suddividere ulteriormente ciascuno dei passaggi del proprio algoritmo.
Scrivi un algoritmo per calcolare il fattoriale di un numero. Il fattoriale di un numero * n * è il prodotto di tutti gli interi da 1 a * n *. Ad esempio, 4! (4 fattoriale) è 1 x 2 x 3 x 4 = 24.
Un programma è simile alla lingua con cui parliamo. L'unica differenza è che un linguaggio di programmazione è pensato per comunicare con il computer (e altri programmatori che devono usarlo). Le regole per costruire il programma sono la sua sintassi. I programmi consistono in dichiarazioni. Una dichiarazione può essere pensata come una frase. In JavaScript, devi inserire un punto e virgola alla fine di una dichiarazione. Esempio:
a = 2 + 2;
Le dichiarazioni consistono in espressioni. Le espressioni sono come le parti soggetto / predicato di una frase. In un linguaggio di programmazione, le espressioni hanno un valore. Le espressioni consistono in parole chiave come var e per quali sono i vocaboli integrati della lingua; dati come un numero o una stringa; e operatori come + e =. Esempio:
2 + 2
Ecco una lista di operatori aritmetici:
+ - aggiunta- - Sottrazione ** - elevamento a potenza* - Moltiplicazione / - Divisione % - Resto++ - Incremento -- - diminuzioneL'operatore rimanente restituisce il resto dopo aver diviso due numeri. Per esempio, 4% 2 restituisce 0, e 5% 3 restituisce 2. L'operatore rimanente viene comunemente utilizzato per scoprire se un valore è pari o dispari. Anche i valori avranno un resto 0.
Trova il valore delle seguenti espressioni. Annota per prima cosa le tue risposte e poi controllale nella tua REPL.
Una variabile è un nome che rappresenta un valore nella memoria del computer. Qualsiasi valore che vorremmo memorizzare o usare ripetutamente dovrebbe essere inserito in una variabile. Un modo per creare variabili è con il var parola chiave. Ma il modo preferito è usare il permettere o const parole chiave. Ecco alcuni esempi di utilizzo di let per creare variabili:
Dichiarazione di una variabile:
lascia a;
Dichiarazione e inizializzazione di una variabile:
lascia a = 1;
Riassegnazione di una variabile:
a = 2;
Le costanti sono variabili che non possono cambiare. Possono essere assegnati solo una volta. Le costanti che hanno oggetti o matrici come valori possono comunque essere modificate perché assegnate per riferimento. Le variabili non hanno un valore; invece, indicano la posizione dell'oggetto. Esempio:
const a = pippo: 1, bar: 2; a.baz = 3; console.log (a); // mostra foo: 1, bar: 2, baz: 3
Tuttavia, questo ti darà un errore:
const a = pippo: 1, bar: 2; a = ; console.log (a);
I tipi di dati hanno regole su come possono essere gestiti. Ad esempio, se aggiungiamo due numeri, otteniamo la loro somma. Ma se aggiungiamo un numero con una stringa, otteniamo una stringa. Ecco un elenco dei diversi tipi di dati:
Una stringa è un tipo di dati costituito da caratteri. Una stringa sarà circondata da virgolette singole o virgolette doppie. Le stringhe hanno anche metodi che è possibile utilizzare per eseguire azioni su di esse. Di seguito sono riportati alcuni esempi di azioni che è possibile eseguire sulle stringhe.
Determina se una stringa inizia con una sottostringa:
"Hello, World" .startsWith ("Ciao"); //vero Determina se una stringa termina con una sottostringa:
"Hello, World" .endsWith ("Mondo"); //veroDetermina se una sottostringa si trova ovunque in una stringa:
"Hello, World" .include ("Mondo"); //veroRipeti una stringa un numero specificato di volte:
"Ciao" .repeat (3); //Ciao ciao ciao
Possiamo trasformare una stringa in una matrice con l'operatore di spread: ...
let str = [... "ciao"]; console.log (str); //[ 'Ciao' ]
I letterali modello sono un tipo speciale di stringa che utilizza i backtick: ". Possiamo usarli per inserire variabili all'interno di una stringa come questa:
let name = "World"; let greeting = 'Ciao, $ nome'; console.log (auguri); //Ciao mondo
Possiamo creare stringhe multilinea come questa:
''Ciao mondo
Abbiamo visto come impostare il nostro ambiente di sviluppo utilizzando il nodo. Il primo passo verso la programmazione è scrivere i passaggi per risolvere il problema. Questo è chiamato l'algoritmo. Il codice effettivo consisterà in molte affermazioni. Le istruzioni sono le istruzioni del programma e sono composte da espressioni. Le espressioni sono utili nel nostro programma se le assegniamo alle variabili. Le variabili sono create con il permettere o const parola chiave.
Nella parte 2, spiegherò i condizionali.
