Share
Abbiamo creato una guida completa per aiutarti a imparare JavaScript, sia che tu stia appena iniziando come sviluppatore web o che desideri esplorare argomenti più avanzati.
Oppure salta a destra e osserva i nostri corsi JavaScript:
Imparare qualcosa di nuovo è spaventoso. Per me, il più grande problema con la raccolta di una nuova abilità è che non so quello che non so. Detto questo, è spesso utile trovare un piano per imparare ciò che ti interessa. Questo è ciò che questo post è: il tuo progetto, la tua roadmap, il tuo piano d'azione per l'apprendimento di JavaScript! Non devi preoccuparti di trovare le risorse migliori, di individuare quelle cattive e di capire cosa imparare dopo. È tutto qui. Seguilo, passo dopo passo.
E se, in qualsiasi momento, ti senti bloccato, puoi ottenere aiuto da uno degli esperti JavaScript su Envato Studio.
JavaScript è la lingua del browser.
Prima di iniziare a imparare JavaScript, prenditi un minuto per capire cosa è e cosa fa.
JavaScript non è jQuery, Flash o Java. È un linguaggio di programmazione separato da tutti questi.
JavaScript è la lingua del browser (non solo in questi giorni, però). Lo scopo principale è aggiungere l'interattività a una pagina altrimenti statica. Nel browser, non sostituirà PHP o Ruby per te. Non sostituirà nemmeno il tuo codice HTML o CSS; lo userai insieme a loro. Inoltre, non è così terribile da imparare come potresti aver pensato o sentito.
Ancora una nota: hai sentito parlare di jQuery, che è probabilmente la libreria JavaScript più utilizzata. O forse hai sentito parlare di uno degli altri popolari framework JavaScript, come Mootools, YUI, Dojo e altri. Dove si inseriscono queste foto? Considerali una raccolta di utilità helper JavaScript; stai ancora scrivendo JavaScript quando li usi, ma è un JavaScript fortemente astratto. Ti fa risparmiare un sacco di lavoro.
Potresti anche aver sentito qualcuno dire che dovresti iniziare con jQuery (o un'altra libreria) e imparare JavaScript dopo. Sono rispettosamente ma fortemente in disaccordo. Per prima cosa prendi una buona padronanza su JavaScript, quindi utilizza le librerie. Capirai cosa stai facendo molto meglio; e, di conseguenza, starai scrivendo molto meglio JavaScript.
Codecademy è un sito relativamente nuovo che si autodefinisce come il modo più semplice per imparare a codificare. Sarai il giudice di ciò! Attualmente, ci sono solo due corsi:? Primi passi con la programmazione? e? JavaScript Guida di avvio rapido.? Questo è un modo fantastico per immergere le dita dei piedi nel pool JavaScript. Molto simile agli esercizi Try Ruby, seguirai brevi lezioni, scrivendo il codice all'interno del browser e osservando i risultati. Tutto mentre guadagni punti e sblocca i distintivi dei risultati.
Se hai già familiarità con un altro linguaggio di programmazione, puoi probabilmente iniziare con la? Guida rapida di JavaScript ?; se questa è la prima volta che inizi a programmare (oltre a HTML e CSS), troverai la guida introduttiva alla programmazione? corso immensamente utile. Codecademy è gratuito, ma è richiesta la registrazione.
Le persone in allegato hanno un fantastico set di screencast orientato specificamente per i principianti. Se vuoi imparare JavaScript, il modo giusto (e facile), funziona sicuramente insieme a queste lezioni. L'allenamento visivo è sempre un vantaggio!
"Migliora le tue capacità con la nostra soluzione di formazione pragmatica su richiesta, senza registrazione.
Una volta che avrai completato i corsi della Codecademy, ti consigliamo di ottenere un'introduzione più approfondita a JavaScript, un'introduzione che ti introdurrà a tutti i tipi, operatori, strutture di controllo e altro ancora.
Una manciata di buone presentazioni, se posso:
Una volta che inizi a lavorare con JavaScript nel browser, ti consigliamo di installare Firebug e familiarizzare con esso. Firebug è un plugin per Firefox che ti assiste nella costruzione e nel debug delle tue pagine web: pensalo come il coltello del chirurgo per gli sviluppatori web. Non usare Firefox? Ti piace Safari o Chrome meglio? Nessun problema: dai un'occhiata agli strumenti di sviluppo integrati, che sono molto simili a Firebug.
È possibile aprire il pannello degli strumenti per sviluppatori premendo
Opzione + Comando + Isu Mac, oControl + Maiusc + Isul PC.
Imparerai molto aprendo il tuo strumento di scelta e facendo semplicemente clic in giro su uno dei tuoi siti Web preferiti. Ecco un paio di risorse che ti metteranno alla prova:
Quindi ora hai familiarità con le basi. Tuttavia, c'è molto altro da imparare. Mentre potrei consigliarti un elenco di libri che ti rovinerebbero, lo terrò in quattro dei libri di qualità più alta che troverai ovunque:
Queste prime due sono risorse JavaScript generali e approfondite che prendono ciò che sai dalle presentazioni ad un livello molto più profondo; certo, saranno alcune sovrapposizioni delle introduzioni, ma non tanto: quanto basta per farti stare comodo.
(Nota: mentre tutti questi libri sono disponibili su Amazon, sono collegato ai siti Web degli editori, quindi puoi consultare i capitoli di esempio disponibili).
Mentre questi libri sono ottimi per comprendere il linguaggio JavaScript e come usarlo nel browser, c'è molto altro da imparare. E mentre quei libri entrano in alcuni schemi e pratiche, qui ci sono due libri dedicati a quegli argomenti che penso che troveresti utili.
Lavorando con le risorse di cui sopra, avresti dovuto seguire gli esempi di codice: separarli e modificarli per vedere cosa succede. Ma ora è il momento di mettersi in proprio. È tempo di costruire davvero qualcosa.
Quindi, cosa puoi costruire? C'è molto che puoi fare. Ecco un paio di idee.
Accentsconagua
alt tag, o loop attraverso le foto se l'utente non ha cliccato uno per un minuto.div con del testo al suo interno e diversi pulsanti sopra. Un pulsante può regolare la larghezza; uno, l'altezza; e uno, il colore di sfondo. La chiave non è far sì che i cambiamenti avvengano immediatamente, ma nel corso di, per esempio, un secondo. Ricorda, Google è tuo amico, soprattutto se non hai ancora fatto nessuna animazione in JavaScript.Sono sicuro che puoi pensare ad altri progetti che saranno di grande pratica. Certo, spingiti fuori dalla tua zona di comfort; questo è l'unico modo per imparare.
Inoltre, assicurati di fare riferimento alla categoria JavaScript qui su Nettuts + per una lista massiccia di tutorial, a tutti i livelli di abilità.
Se sei arrivato così lontano, probabilmente ti renderai conto che ci sono diverse cose che sono difficili da realizzare in modo cross-browser (o del tutto) in JavaScript. I più grandi delinquenti sono probabilmente cose come eccessiva manipolazione del DOM, AJAX e animazione. È qui che arriva una biblioteca.
Come ho accennato in precedenza, il punto di una libreria JavaScript è quello di sdrammatizzare le cose dolorose. Pertanto, ora potrebbe essere il momento di guardarne uno Ci sono una tonnellata tra cui scegliere e ti permetterò di decidere quale sperimentare. Che si tratti di jQuery o Mootools, YUI o Dojo, i rispettivi siti ti daranno tutto il necessario per iniziare. Se senti il bisogno, prova.
Mentre c'è sicuramente un numero infinito di librerie disponibili, dovresti provare a seguire una scelta popolare - almeno all'inizio.
Lascia perdere ciò che stai facendo e iscriviti / segui questi sviluppatori. Questo è un requisito.
Ci sono un sacco di incredibili geni JavaScript, che fanno sempre cose interessanti che non vuoi perdere. Per fortuna, il nostro editore associato Siddharth, che non ha mai dormito, ha raccolto un elenco di 33 sviluppatori DEVI registrati come Junkie JavaScript. Lascia perdere ciò che stai facendo e iscriviti / segui questi sviluppatori. Questo è un requisito.
Ma puoi fare di più. Questo sito web equo sta pubblicando spesso su JavaScript, quindi non andare via. Inoltre, dai un'occhiata a JavaScript Show, un podcast che parla dell'ultimo e più grande mondo di JavaScript. Potresti anche iscriverti alla newsletter email settimanale di JavaScript.
Envato Market ha centinaia di popolari elementi JavaScript, dai cursori ai ticker delle notizie e dai calendari ai carrelli della spesa.
Quindi dai un'occhiata a cosa c'è là fuori. Anche se non acquisti nulla, vedere ciò che altre persone hanno creato può ispirarti con il senso di ciò che è possibile con JavaScript.
Una selezione degli elementi JavaScript su Envato MarketGrazie per aver letto! Spero che questo piano possa aiutarti a diventare un fanatico di JavaScript. Se hai già familiarità con JavaScript, puoi consigliare altre risorse nei commenti?
