Inizia a imparare JavaScript: perché dovresti e come farlo gratuitamente

Vuoi iniziare ad imparare JavaScript ma non sai come o da dove iniziare? In questo post, ti forniremo la guida di cui hai bisogno per iniziare a istruirti nel popolare linguaggio di programmazione.

Parleremo del perché potresti considerare di imparare JavaScript sia in termini di difficoltà che di prospettive di carriera. Successivamente, il post tratterà come iniziare, spesso gratuitamente. Quando hai finito, vogliamo che tu abbia una buona comprensione di come iniziare ad imparare JavaScript da zero da solo.

Cos'è JavaScript e perché impararlo?

Prima di entrare nel modo in cui puoi iniziare a istruirti in JavaScript, parliamo dei motivi per farlo. Per questo, è utile sapere per cosa puoi usare il linguaggio di programmazione.

Applicazioni per JavaScript

Parliamo prima di tutto di web design. Quando si tratta di creare siti Web, JavaScript è la parte che li rende interattivi. Mentre HTML fornisce lo scheletro e il contenuto e CSS definisce il layout e il design di un sito, JavaScript è lì per aggiungere funzionalità e comportamento. Puoi trovarlo più comunemente come parte di menu a discesa, popup e altre modalità modali, moduli di contatto, animazioni e mappe interattive.

Proprio come HTML e CSS, anche JavaScript è qualcosa che ogni browser può comprendere ed elaborare.

Anche in WordPress stiamo assistendo a una maggiore applicazione di JavaScript. Calypso, l'app desktop per WordPress.com è completamente basata su JavaScript, in particolare React e Node.js.

Anche l'editor Gutenberg, che ha sostituito il classico editor di WordPress come interfaccia di scrittura predefinita nel 2018, utilizza JavaScript come tecnologia principale.

Sebbene originariamente fosse un linguaggio lato client (il che significa che viene interpretato ed elaborato nel browser dell'utente), grazie a Node.js ora può essere eseguito anche lato server. Inoltre, React Native e Iconic lo hanno portato su dispositivi mobili, Electron su desktop.

Di conseguenza, l'applicazione di JavaScript va ben oltre il web. Puoi usarlo per creare app Web e prodotti back-end, eseguire smart TV, dispositivi Internet-of-Things e app mobili native. Inoltre, poiché è compatibile con più piattaforme, può alimentare app desktop che funzionano ovunque.

Vantaggi e svantaggi di JavaScript

Oltre a sapere per cosa puoi usare JavaScript, aiuta anche a esaminarne i pro ei contro.

JavaScript Pro

Iniziamo con i vantaggi di JavaScript come linguaggio di programmazione:

• Versatilità — Abbiamo già menzionato la miriade di aree di applicazione per JavaScript sopra. Da siti Web, app mobili e desktop, dispositivi e giochi intelligenti, persino l'apprendimento automatico: c'è davvero poco per cui non puoi usarlo. JavaScript è anche adatto sia per il front-end che per il back-end e funziona bene con altri linguaggi di programmazione. In breve, JavaScript è un concentrato di versatilità.
• Facilità per i principianti : la sintassi di JavaScript è facile da imparare. Inoltre, non è necessario creare un ambiente di sviluppo, puoi semplicemente iniziare a scrivere codice nel tuo browser. Inoltre, la lingua ha una vasta comunità online per consigli e supporto. Inoltre, JavaScript è ottimo per apprendere concetti di base (ad es. programmazione orientata agli oggetti) che si applicano anche ad altri linguaggi. Infine, ci sono molti framework che possono darti un vantaggio.
• Velocità : se confrontato con altri linguaggi di programmazione, in particolare quelli che eseguono lato server come PHP, JavaScript di solito viene eseguito più velocemente. Non c'è da stupirsi poiché può essere eseguito direttamente nel browser senza la necessità di compilare o rispondere a un server (a meno che non necessiti di risorse esterne). Si traduce anche in una riduzione della domanda sul server. Pertanto, è spesso la scelta per app o siti con molta interattività.

Contro di JavaScript

JavaScript ha degli svantaggi? Naturalmente, poche cose sono completamente prive di aspetti negativi. In questo caso, ecco a cosa pensare:

• Problemi di sicurezza : poiché JavaScript è in esecuzione all'interno del browser dell'utente, è possibile sfruttarlo per scopi dannosi. Ecco perché alcune persone scelgono di disattivarlo nel proprio browser per impostazione predefinita.
• Supporto cross-browser : a differenza degli script lato server, a volte browser diversi interpretano lo stesso codice JavaScript in modo diverso. Ciò può rendere difficile la scrittura di codice compatibile con più browser.
• SEO : non è del tutto chiaro quanto bene i motori di ricerca possano eseguire la scansione di JavaScript, quindi presenta un potenziale problema SEO. In ogni caso, devi imparare come implementare JavaScript in modo SEO friendly.

Prospettive di carriera

Negli ultimi anni il linguaggio di programmazione è diventato sempre più popolare. Nel sondaggio per gli sviluppatori Stack Overflow del 2021 è stato votato come il linguaggio di programmazione più popolare tra gli sviluppatori professionisti. Per il nono anno consecutivo!

Inoltre, i primi 5 framework web sono tutti framework JavaScript.

Man mano che la lingua si sposta in nuove aree, si aprono sempre più opportunità di lavoro. Devskiller ha scoperto che nel 2019 il 72% di tutte le aziende cercava sviluppatori JavaScript. Il linguaggio di programmazione è anche l'abilità più comunemente testata nelle interviste.

Se vuoi essere un front-end di sviluppatore full-stack, sapere che JavaScript è praticamente la norma per il corso. Inoltre, se vuoi entrare nello sviluppo di giochi, nell'apprendimento automatico o nell'intelligenza artificiale, anche conoscere JavaScript è utile.

Inoltre, le persone esperte in JavaScript possono ottenere buoni stipendi. Secondo Indeed.com, lo stipendio base medio di uno sviluppatore JavaScript negli Stati Uniti è di $ 111.278 all'anno. Anche i principianti possono aspettarsi di iniziare a $ 90.000.

Inoltre, quando cerchi JavaScript su LinkedIn, mostra oltre 400.000 offerte di lavoro solo negli Stati Uniti. Quindi, con le competenze JavaScript alle spalle, stai affrontando sia buone opportunità di lavoro che ben pagate.

JavaScript è facile da imparare per i principianti?

Più avanti, abbiamo detto che uno dei vantaggi di JavaScript è che è facile da imparare. Per mostrarti che è vero, esamineremo ora alcuni concetti e codice JavaScript di base. In questo modo, puoi formarti un'opinione per te stesso.

Commenti

Parliamo prima dei commenti. Come la maggior parte dei linguaggi di programmazione, JavaScript ti consente di commentare il tuo codice e contrassegnare i commenti in modo che il browser non tenti di eseguirli. In questo modo, puoi documentare il tuo lavoro senza causare errori.

JavaScript conosce due tipi di commenti: riga singola e riga multipla. Ecco come scriverli:

 // Nothing in this line will be executed /* Neither Will Any of This */

Chi ha familiarità con PHP si sentirà come a casa poiché le due lingue contrassegnano i commenti allo stesso modo.

Emissione di dati

Uno dei modi più semplici per provare JavaScript è usare alert() . Puoi utilizzarlo per generare un messaggio in una finestra popup all'interno del tuo browser.

Per ottenere quanto sopra, apri semplicemente la console negli strumenti di sviluppo del tuo browser e incolla il seguente codice:

 alert("With JavaScript, it's really easy to make this box appear.");

Abbastanza facile da capire, vero? Quando ora premi invio, dovresti vedere lo stesso messaggio di cui sopra.

alert() è un metodo JavaScript per inviare dati all'utente. La stringa (che significa testo) tra parentesi è il contenuto del popup. È necessario un punto e virgola alla fine per indicare che la riga di codice è completa.

Con questa conoscenza, è già possibile provarlo di persona. Cambia semplicemente la stringa all'interno delle parentesi (assicurati di metterla tra virgolette) in qualsiasi cosa tu voglia creare il tuo popup.

Manipolazione del DOM

Nel web design, usi molto spesso JavaScript per apportare modifiche all'interfaccia utente o al DOM. DOM sta per "Document Object Model" ed è fondamentalmente l'albero degli elementi HTML che compongono una pagina web. Puoi vederlo quando ispezioni qualsiasi pagina con gli strumenti per sviluppatori.

JavaScript offre molte opzioni diverse per apportare modifiche. Esaminiamo un esempio per mostrare come può farlo e come appare.

 <!DOCTYPE html> <html> <body> <h2>Start Learning JavaScript Demo Page</h2> <p></p> <script> document.getElementById("target").innerHTML = "With JavaScript, it's really easy to manipulate the DOM."; </script> </body> </html>

Sopra, abbiamo creato una semplice pagina HTML. Come puoi vedere, ha un'intestazione e un elemento paragrafo vuoto con un ID di target (se non conosci le classi e gli ID HTML, puoi saperne di più qui).

C'è anche uno script JavaScript in fondo. È stato racchiuso in tag <script> in modo che i browser lo riconoscano. Per capire cosa fa, smontiamolo:

• document — Accede all'oggetto documento, che è la pagina Web.
• getElementByID("target") — Trova un elemento in base al suo ID. La parentesi contiene l'ID da cercare tra virgolette.
• innerHTML — Modifica l'HTML interno di un elemento.

Quando li metti insieme, lo script fondamentalmente cerca nella pagina web un elemento che ha un ID di target e si aggiunge al suo HTML interno. Ciò che dovrebbe includere in quel punto si trova dietro il segno di uguale all'interno delle virgolette. Di conseguenza, quando accedi a un file con il codice sopra in un browser, vedi questo:

Non è così difficile da capire, vero? Si spera che quanto sopra ti abbia dato una rapida impressione di come funziona la sintassi JavaScript. Puoi trovare altri suggerimenti di base in questo cheat sheet di JavaScript.

Che dire dei framework?

Qualcosa di cui inizierai a sentire molto parlare quando inizierai a imparare JavaScript sono i framework. Se non hai familiarità con questo termine, i framework sono praticamente raccolte di librerie di codice. Contengono caratteristiche ed elementi comuni di pagine Web, applicazioni o qualsiasi altra cosa a cui sono rivolti. Ciò ti consente di creare e utilizzare questi elementi e funzionalità senza doverli scrivere da zero.

Quindi, se i framework JavaScript rendono la vita molto più semplice, non dovresti iniziare a usarli subito?

Questo in realtà fa parte di un acceso dibattito tra gli sviluppatori. Alcuni dicono che dovresti imparare il JavaScript vanilla (che significa semplice) prima dei framework. Altri sono dell'opinione che dovresti iniziare subito con i framework per iniziare subito.

Non possiamo darti una risposta definitiva a questo qui, ma probabilmente è sempre una buona idea almeno imparare i fondamenti di JavaScript prima di espandersi. In questo modo avrai una comprensione migliore e più profonda di ciò che stai facendo e ti renderà uno sviluppatore migliore per questo.

Come posso iniziare a imparare JavaScript gratuitamente?

Questo lascia solo la domanda, dove esattamente puoi iniziare a imparare JavaScript, preferibilmente senza pagarlo? Ecco una serie di risorse gratuite che puoi utilizzare per iniziare il tuo viaggio:

• MDN Web Docs — Il Mozilla Developer Network è considerato una delle principali risorse per la conoscenza del web design. È pieno di tutorial di prim'ordine su qualsiasi cosa, dall'HTML ai CSS ai moduli Web, all'accessibilità e altro ancora. Hanno anche una guida completa per l'apprendimento di JavaScript che puoi consultare gratuitamente.
• W3Schools — Simile a MDN, W3Schools ha un'introduzione completa a JavaScript. Viene fornito in piccole lezioni con molti esempi da provare. Il sito è ottimo anche come risorsa di ricerca. Inoltre, se desideri un approccio leggermente più strutturato e sei disposto a pagarlo, puoi provare i loro corsi a pagamento.
• JavaScript.info — Un corso online JavaScript completo su cui puoi fare clic. Molte informazioni, elementi visivi e suggerimenti (incluso, ad esempio, quali editor di codice utilizzare). Ha anche una funzione di commento in cui i lettori possono porre domande, discutere o condividere frammenti di codice.
• Eloquent JavaScript — Originariamente un libro stampato, Eloquent JavaScript è disponibile nella sua interezza gratuitamente online e come ebook. È piuttosto denso, quindi forse più adatto a sviluppatori intermedi.

Abbiamo anche un articolo con risorse di apprendimento se stai cercando ancora di più. Inoltre, ci sono corsi a pagamento come Team Treehouse, Udemy e Skillshare.

Quindi, dovresti iniziare a imparare JavaScript nel 2022?

JavaScript è parte integrante del web moderno. Molte funzioni di siti Web e applicazioni sono impensabili senza questo linguaggio di programmazione dinamico. Inoltre, si è esteso a molte altre aree come i giochi e l'apprendimento automatico.

In questo post, abbiamo cercato di rispondere alla domanda se dovresti e come puoi iniziare a imparare JavaScript. Quando guardi a dove gioca un ruolo il linguaggio, cosa può fare, così come le opportunità di lavoro e di stipendio, è facile vedere che entrare in JavaScript è un percorso sensato. Anche o soprattutto come qualcuno nella sfera di WordPress, ha senso anche perché sta facendo progressi anche qui.

Se vuoi metterti alla prova, ci sono molte risorse online gratuite per iniziare a imparare JavaScript. Puoi iniziare subito, quindi perché no?

Hai altre risorse iniziali per l'apprendimento di JavaScript da condividere? Se è così, per favore fallo nei commenti qui sotto!