Parte 10 Corso JavaScript da Principiante ad Avanzato in 10 post sul blog

Questa è la parte 10 e l'ultima parte della serie di post sul blog JavaScript che ti porterà dal principiante all'avanzato. Senza ulteriori indugi, iniziamo con il tutorial finale.

Corso JavaScript – sommario:

1. Argomenti JavaScript che abbiamo trattato
2. Nozioni di base su JavaScript e configurazione dell'ambiente di codifica
3. Migliori pratiche JavaScript
4. Variabili e costanti
5. Tipi di dati di base in JavaScript
6. Cicli di programmazione
7. Matrici e funzioni
8. oggetti JavaScript
9. Concetti molto comuni in JavaScript
10. Dove andare da qui?

Oh! Finalmente sei arrivato qui! La maggior parte delle persone non dà seguito alle proprie passioni e abbandona i corsi che seguono dopo solo pochi tutorial, e questo è il caso solo se iniziano ad agire di conseguenza!

Argomenti JavaScript che abbiamo trattato

Durante questo corso JavaScript siamo partiti dalle basi di JavaScript e siamo passati a concetti piuttosto avanzati.

Il primo passo per iniziare con JavaScript è stato capire perché impariamo JavaScript in primo luogo. Esistono diversi motivi principali per cui potresti voler iniziare con JavaScript, ma le applicazioni più importanti di JavaScript sono solitamente in un modo o nell'altro nello sviluppo web. JavaScript è iniziato come linguaggio solo front-end e si è diffuso ai server back-end e ha iniziato a dominare anche lì.

Indipendentemente dal motivo per cui stai imparando JavaScript, è probabilmente una buona idea dare di nuovo una rapida occhiata a questo corso JavaScript.

In questo modo puoi vedere i tuoi progressi e vedere le parti in cui capisci davvero bene, cosa che all'inizio potrebbe averti intimidito, oltre a cogliere le parti che potresti aver ignorato o perso.

Nozioni di base su JavaScript e configurazione dell'ambiente di codifica

Dopo aver visto perché JavaScript è così popolare e cosa puoi effettivamente fare con esso, abbiamo iniziato con un po' di Hello world! esempi. Abbiamo configurato il nostro ambiente di codifica all'interno di Google Chrome e abbiamo iniziato a utilizzare la console JavaScript per scrivere del codice. Inizialmente, il codice che scrivevamo era molto semplice e ogni riga che scrivevamo aveva uno scopo semplice, senza essere interconnessa ad altre righe. Poiché la complessità del nostro codice ha iniziato ad aumentare, abbiamo aggiornato il nostro ambiente di codifica a Google Chrome Console. Con la Console, abbiamo iniziato a essere in grado di scrivere comodamente codice multilinea che ha iniziato a diventare gradualmente più complesso e avanzato durante l'intero corso JavaScript.

Migliori pratiche JavaScript

In tutta la serie abbiamo anche incorporato molte migliori pratiche di codifica. Queste best practice ti semplificano la vita quando sei appena agli inizi e diventano anche più preziose quando inizi a lavorare o collaborare con altre persone. Ed esattamente per questo motivo, ci sono persino standard e detti come "Tutto il codice dovrebbe apparire come se fosse stato scritto da una sola persona, non importa quante persone hanno collaborato". Questo è esattamente il motivo per cui uno dei primissimi concetti che abbiamo visto è stato commentare il nostro codice. In questo modo, non solo ti rende un programmatore migliore in futuro, ma ti consente anche di avere una migliore esperienza di programmazione anche all'inizio.

Variabili e costanti

Successivamente, abbiamo visto che possiamo memorizzare i dati in quelle che vengono chiamate variabili e costanti. Al momento di decidere quale scegliere per un nuovo dato, dobbiamo tenere presente che se non prevediamo di modificare i dati, vogliamo utilizzare la parola chiave "const". Se pensiamo che dovremo modificare quel valore, allora dobbiamo usare la parola chiave "let". Queste sono le migliori pratiche attuali, ma abbiamo anche visto che prima di ES6, l'unico modo per utilizzare le variabili era dichiararle con la parola chiave "var". Dopo aver visto i potenziali problemi causati dalle flessibilità che derivano dalla parola chiave var, nel 2015, con lo standard ES6, il modo nuovo e moderno di scrivere JavaScript è diventato l'utilizzo delle parole chiave "const" e "let".

Tipi di dati di base in JavaScript

Successivamente abbiamo parlato dei tipi di dati di base in JavaScript. Il punto principale qui è capire che tipi di dati diversi sono bravi a fare cose diverse. Ecco perché è importante capire con che tipo di tipi di dati stiamo lavorando. Successivamente, abbiamo visto che usando le istruzioni if ​​else possiamo iniziare ad avere il controllo sul nostro codice. A partire da quelli, abbiamo imparato a ignorare parzialmente il nostro codice per adattarlo a determinate condizioni specifiche. Abbiamo appreso delle diverse strutture di controllo che possiamo utilizzare per avere un controllo più preciso sul nostro codice e dati. In questo modo, il nostro codice potrebbe adattarsi a diversi input con risposte più accurate.

Cicli di programmazione

Successivamente, abbiamo scoperto i loop nella programmazione. Abbiamo visto che usando i loop possiamo iniziare a evitare di ripeterci nel codice. Questo sostanzialmente ci ha permesso di iniziare parzialmente ad essere ASCIUTTI. Questo sta per Non ripetere te stesso.

In generale, non vogliamo scrivere codice più del necessario per completare l'attività. Perché ogni volta che scriviamo più codice, introduciamo più possibilità di errori nel codice. Ci vuole più tempo e fatica per scrivere più codice, introduce potenziali errori, di solito non è efficiente poiché ora devi salvare lo stesso codice forse 10 volte. E nel complesso può ridurre significativamente l'esperienza di codifica. Questo è il motivo per cui, a partire dai cicli while e for, abbiamo iniziato a tagliare il codice potenzialmente ripetitivo.

Matrici e funzioni

Abbiamo anche visto altri concetti fondamentali, argomenti e best practice in JavaScript. Abbiamo visto che gli array sono davvero bravi a raggruppare i dati correlati, come i mesi dell'anno, alcuni numeri correlati che dobbiamo archiviare e così via. Successivamente, abbiamo visto che le funzioni sono davvero potenti e possiamo utilizzare le funzioni per modularizzare davvero il nostro codice e avere molti vantaggi. Alcuni dei vantaggi del raggruppamento delle nostre funzionalità all'interno di diverse funzioni sono che creiamo un codice molto più modulare e relativamente facilmente verificabile. Riduciamo anche significativamente le nostre possibilità di ripeterci.

Abbiamo visto che ci sono due tipi principali di funzioni. Uno di loro sono funzioni pure, l'altro tipo sono funzioni impure. In generale, ogni volta che possiamo, dovremmo mirare a utilizzare funzioni pure rispetto a funzioni impure. In questo modo, le funzioni pure che scriviamo si comporteranno allo stesso modo e ci daranno gli stessi risultati, indipendentemente da dove eseguiamo il codice o quando eseguiamo il codice.

oggetti JavaScript

Successivamente, abbiamo visto gli oggetti. Abbiamo imparato che gli oggetti sono bravi a memorizzare dati altamente associati che possono avere molte dimensioni. Abbiamo iniziato con il modo più semplice per creare oggetti e siamo passati alla creazione di progetti per gli oggetti e quindi alla creazione di più oggetti da quel progetto. L'utilizzo di questi progetti ci consente di assicurarci che i campi negli oggetti seguano le stesse linee guida e abbiano gli stessi campi. In questo modo alla fine della giornata possiamo essere sicuri di avere un database molto più uniforme con cui lavorare. Ci ha anche permesso di scrivere codice DRY in modo significativo.

Concetti molto comuni in JavaScript

Successivamente, abbiamo visto concetti e argomenti molto comuni in JavaScript. La stragrande maggioranza di essi si basava su un'ulteriore ottimizzazione delle funzioni, in un modo o nell'altro. Usando i metodi map e filter siamo stati in grado di saltare alcuni for loop e if istruzioni. Usando le funzioni della freccia, siamo stati in grado di ridurre notevolmente le dimensioni delle nostre funzioni. Abbiamo visto molte funzionalità in questo corso JavaScript, incluse le funzioni freccia introdotte con ES6 o ES2015, che sono le più grandi modifiche recenti agli standard JavaScript.

Dove andare da qui?

A seconda di ciò che vuoi ottenere, puoi prendere strade diverse. Se vuoi solo ricordare a te stesso le basi di JavaScript perché devi lavorarci presto, spero che questo corso JavaScript ti abbia fornito una guida completa. Forse eri già bravo in un altro linguaggio, come Python, ma volevi anche vedere JavaScript. In tal caso, spero di aver reso relativamente facile iniziare con la sintassi e i concetti di JavaScript. O forse hai appena iniziato con lo sviluppo web e sapevi che JavaScript è piuttosto popolare.

In entrambi i casi spero che questo corso JavaScript ti abbia dato un certo valore. Se conosci un amico che potrebbe trovare utile questa serie, considera la possibilità di condividere il primo tutorial di questa serie con loro, in modo che anche loro possano iniziare con il loro viaggio JavaScript.

Autore: Robert Whitney

Esperto di JavaScript e istruttore che allena i dipartimenti IT. Il suo obiettivo principale è aumentare la produttività del team insegnando agli altri come cooperare efficacemente durante la programmazione.

Visualizza tutti i post

Corso JavaScript dal principiante all'avanzato in 10 post del blog:

1. Come iniziare a codificare in JavaScript?
2. Nozioni di base su JavaScript
3. Variabili e diversi tipi di dati in JavaScript
4. Snippet e strutture di controllo
5. While loop e for loop
6. matrice Java
7. Funzioni JavaScript
8. oggetti JavaScript
9. Metodi JavaScript e altro
10. Riepilogo del corso JavaScript