Iniziare a codificare JavaScript in questo momento con queste 5 fantastiche risorse gratuite

“Amore - l'amore è un verbo, l'amore è una parola,” o così la canzone va. E in realtà, lo stesso si può dire di JavaScript: questo linguaggio di programmazione frizzante è a fare linguaggio.

Se ritieni che JavaScript sia interessante, è necessario fare JavaScript - non solo leggere a riguardo. Iniziare è molto più semplice di quanto ci si potrebbe aspettare e non costa nulla. Ho rintracciato tre risorse di scelta per l'apprendimento di JavaScript che riguardano l'accesso fare qualcosa con la lingua, piuttosto che leggere o guardare video.

For Taking a Guided Tour: la traccia JavaScript di Codeacademy

Supponendo che tu sappia molto poco su JavaScript, fare un tour guidato attraverso la lingua sarebbe un buon primo passo. Alcune persone lo fanno con un libro o due, altri lo fanno con una serie di video. L'eccellente Code School ha un percorso JavaScript che utilizza video ed esercizi ben realizzati, ma ruota attorno a tecnologie ausiliarie come jQuery o CoffeeScript CoffeeScript È JavaScript senza i mal di testa CoffeeScript È JavaScript senza mal di testa Non mi è mai piaciuto scrivere a tutti i JavaScript tanto. Dal giorno in cui ho scritto la mia prima linea usandola, mi sono sempre dispiaciuto per il fatto che qualsiasi cosa io scriva in essa finisce sempre per sembrare un Jackson ... Read More. Inoltre, costa denaro.

Se stai cercando una risorsa che sia gratuita e ha una forte enfasi sul fare, hai bisogno della traccia JavaScript di Codeacademy. Questo corso JavaScript guidato utilizza il minimo assoluto di spiegazioni testuali, tutte stipate sulla barra laterale. La maggior parte dello schermo è occupata da un elegante editor di codice che funziona direttamente nel tuo browser. Per progredire nel corso, è necessario completare i compiti di codifica effettivi (semplici):

Il browser controlla il tuo codice - una volta che hai capito bene, vai alla fase successiva. Il corso copre molte nozioni di base su JavaScript, dalle funzioni ai loop, al flusso di controllo, alle strutture dati e agli oggetti. Questo è un ottimo modo per familiarizzare con il linguaggio principale, prima di immergersi in librerie come jQuery. Se conosci già qualche JavaScript, non devi ricominciare dall'inizio: puoi fare qualsiasi sezione che ti piace o anche avanzare attraverso diverse sezioni in parallelo.

Per la sperimentazione: Chrome's Console e jsFiddle

Una volta che hai una conoscenza di base della semplice sintassi JavaScript, la prossima cosa importante da tenere a mente sulla lingua è che è molto accessibile: probabilmente stai leggendo queste parole da una finestra del browser in questo momento. Ciò significa che stai già utilizzando un ambiente JavaScript completo, in questo preciso istante. Niente da installare o configurare: basta fare clic con il pulsante destro del mouse sulla pagina e selezionare Ispeziona elemento. Otterrai quanto segue:

Facendo clic sull'icona mostrata sopra, puoi far apparire una console JavaScript che viene eseguita nel contesto della pagina che stai attualmente guardando. In altre parole, puoi manipolare la pagina corrente con codice JavaScript arbitrario, utilizzare qualsiasi libreria (come jQuery Tutorial jQuery - Per iniziare: Nozioni di base e selettori jQuery Tutorial - Per iniziare: Nozioni di base e selettori La settimana scorsa, ho parlato di quanto sia importante jQuery a qualsiasi sviluppatore web moderno e perché è fantastico Questa settimana, penso che sia ora che ci sporchiamo le mani con un po 'di codice e abbiamo imparato come ... Leggi altro) caricato con la pagina e fai tutto ciò che desideri.

Questo è un ottimo modo per apprendere per tentativi ed errori, perché è così accessibile e non c'è paura. Non puoi fare alcun danno - nessuna delle tue modifiche è salvata da nessuna parte, e basta un singolo tocco del tasto F5 per ripristinare tutto ciò che hai fatto e ricominciare da capo. Un'altra cosa importante da capire sulla console è che non sei limitato a one-liner: puoi scrivere diverse righe di codice. Per iniziare una nuova riga senza eseguire il codice che hai inserito finora, premi Maiusc + Invio.

A volte potresti voler creare il tuo ambiente personale: una combinazione personalizzata di HTML, CSS, librerie JavaScript e il tuo codice personale. Questo può aiutarti a testare idee più complete. Se desideri creare qualcosa di simile senza dover installare nulla localmente, jsFiddle è ciò di cui hai bisogno. Questo è un ambiente a quattro riquadri: HTML, CSS, JavaScript e l'output. Una barra laterale ti consente di scegliere tutti i tipi di extra, come ad esempio la libreria di JavaScript su cui vuoi fare affidamento. Ci sono anche alcuni esempi, alcuni dei quali potrebbero essere troppo elaborati per i principianti:

L'uso giudizioso della console di Chrome e di jsFiddle dovrebbe aiutarti a mantenere JavaScript accessibile, giocoso e vivo nella tua mente. Concentrarsi solo su visite guidate attraverso la lingua senza fare i propri esperimenti potrebbe finire per far sembrare il codice JavaScript più intimidatorio di quello che realmente è. Dopotutto, lo è il tuo codice - giocare!

Per riferimento: Mozilla Developer Network e jQuery API Documentation

Abbiamo già citato Mozilla Developer Network come una delle numerose risorse che possono aiutarti a imparare a codificare Learn To Code: 10 risorse online gratuite e fantastiche per affinare le tue competenze Impara a codificare: 10 risorse online gratuite e fantastiche per affinare le tue abilità Coding. Un argomento che viene evitato da molti. Ci sono un'abbondanza di risorse e strumenti gratuiti, tutti disponibili online. Certo, potresti seguire alcuni corsi sull'argomento in un vicino ... Per saperne di più. Questo era in un contesto più generale, poiché l'MDN contiene informazioni su un'ampia varietà di argomenti. Per i nostri scopi qui, dovresti sapere che l'MDN funge da manuale di riferimento molto solido per tutte le cose JavaScript. MDN offre una guida JavaScript strutturata che puoi seguire passo passo (a seconda del tuo livello di conoscenza della programmazione precedente), ma la sua vera forza risiede nella sua sezione di riferimento JavaScript. Questa è una sezione che puoi usare come dizionario, giusto per capire la struttura di affermazioni specifiche.

Un'altra risorsa di riferimento chiave è la documentazione dell'API jQuery. Proprio come MDN, questa documentazione API può sembrare scoraggiante, spaventosa e del tutto ostile all'inizio. E sì, nessuna di queste risorse di riferimento ti manterrà attraverso spiegazioni gentili - ma lo compensano essendo comprensivi, molto affidabili e autorevoli.

I programmatori non devono necessariamente sapere tutto - gran parte del lavoro è sapere dove guardare quando hai bisogno di capire qualcosa. Imparare a leggere e comprendere la documentazione ufficiale è un passo importante sulla strada per migliorare lo stile e le conoscenze di codifica. I riferimenti sono strumenti potenti nella ricerca di imparare facendo, perché ogni argomento solitamente sta in piedi da solo: puoi cercare rapidamente qualcosa di cui hai bisogno di più informazioni, ottenere il nucleo di ciò che ti serve e continuare a scrivere.

E infine, un libro opzionale

In realtà è un libro che vorrei raccomandare Non si tratta di JavaScript e non troverai alcun esercizio in esso. In effetti, ha a malapena alcun codice. Eppure, è un ottimo libro da leggere se sei curioso di programmare qualsiasi tipo: si chiama Code Simplicity e ti insegna come pensare alla programmazione e come affrontare l'argomento nel suo complesso. Puoi leggere la mia recensione completa direttamente nella pagina di Amazon (attualmente contrassegnata come la recensione più utile per i clienti, awww), ma in poche parole, questo è un grande libro sulle basi filosofiche della codifica. È come fare qualche passo indietro dalla tastiera e riflettere sul soggetto nel suo complesso.

Codice Semplicità non è richiesta la lettura con qualsiasi mezzo, ma se ritieni che le tue conoscenze possano trarre beneficio leggendo un libro, questo è un ottimo inizio.

Impari facendo?

E adesso finalmente posso chiederti: come tu approcci l'apprendimento al codice? Impari facendo, o sei più un lettore? Quali sono le risorse che hai utilizzato nella tua ricerca per diventare un programmatore? Fatemi sapere nei commenti!

Scopri di più su: Tecnologia didattica, JavaScript, Programmazione.