Începeți să codificați JavaScript chiar acum cu aceste 5 resurse gratuite

“Dragostea - dragostea este un verb, dragostea este un cuvânt,” sau așa se duce piesa. Și de fapt, același lucru se poate spune despre JavaScript: acest limbaj de programare sizzling-fierbinte este a face limba.

Dacă credeți că JavaScript este interesant, trebuie să faceți acest lucru do JavaScript - nu doar citiți despre el. Noțiuni de bază este mult mai ușor decât v-ați aștepta și nu costă nimic. Am urmărit trei resurse de alegere pentru învățarea JavaScript care vă vor ajuta să ajungeți do ceva cu limba, mai degrabă decât să citiți sau să vizionați videoclipuri.

Pentru a face un tur cu ghid: Track-ul JavaScript al Codeacademy

Presupunând că știți foarte puțin despre JavaScript, luați un tur al ghidului prin limbă ar fi un prim pas bun. Unii oameni fac asta cu o carte sau două, alții o fac cu o serie de videoclipuri. Școala excelentă Code are o cale JavaScript care folosește atât videoclipuri cât și exerciții bine realizate, dar se învârte în jurul unor tehnologii auxiliare, cum ar fi jQuery sau CoffeeScript CoffeeScript este JavaScript fără dureri de cap CoffeeScript este JavaScript fără dureri de cap Nu mi-a plăcut niciodată scrierea JavaScript atât de mult. Din ziua în care am scris prima mea linie folosind-o, am întotdeauna resimțit că tot ceea ce scriu în ea întotdeauna sfârșește ca un Jackson ... Citește mai mult. De asemenea, costă bani.

Dacă căutați o resursă care este gratuită și are un accent puternic pe face, aveți nevoie de Trackpad Codeacademy lui JavaScript. Acest curs de ghidare JavaScript utilizează minimul absolut de explicații textuale, toate îngrădite pe bara laterală. Cea mai mare parte a ecranului este preluată de un editor elegant de cod care rulează chiar în browserul dvs. Pentru a progresa în cadrul cursului, trebuie să completați asignările reale (simple) de codare:

Browserul verifică codul dvs. - odată ce ați reușit, treceți la următoarea fază. Cursul acoperă multe elemente de bază ale JavaScript, de la funcții prin bucle, flux de control, structuri de date și obiecte. Aceasta este o modalitate foarte bună de a vă familiariza cu limba de bază, înainte de a vă scufunda în biblioteci, cum ar fi jQuery. Dacă știți deja unele JavaScript, nu trebuie să începeți de la început: puteți face orice secțiune doriți sau chiar progresează prin mai multe secțiuni în paralel.

Pentru experimentare: Consola Chrome și jsFiddle

Odată ce aveți o înțelegere de bază a sintaxei JavaScript simple, următorul lucru important de ținut minte în legătură cu limba este că este foarte accesibil: probabil că ați citit aceste cuvinte dintr-o fereastră de browser chiar acum. Aceasta înseamnă că deja desfășurați un mediu JavaScript cu drepturi depline, chiar în acest minut. Nimic de instalat sau de configurat - faceți clic dreapta pe orice pe pagină și selectați Inspectează elementul. Veți obține următoarele:

Făcând clic pe pictograma de mai sus, puteți afișa o consolă JavaScript care rulează în contextul paginii pe care o vizualizați în prezent. Cu alte cuvinte, puteți manipula pagina curentă cu cod JavaScript arbitrar, utilizați orice biblioteci (cum ar fi jQuery jQuery Tutorial - Noțiuni de bază: Elementele de bază și selectorii jQuery Tutorial - Noțiuni de bază: Elementele de bază și selectorii Săptămâna trecută am vorbit despre cât de important este jQuery la orice dezvoltator web modern și de ce este minunat. În această săptămână, cred că este timpul să ne cădem mâinile murdare cu un cod și să învățăm cum ... Citește mai mult) încărcate cu pagina și fa tot ce-ți dorești.

Aceasta este o modalitate foarte bună de învățare prin încercări și erori, deoarece este atât de accesibilă și există frică zero. Nu puteți face niciun prejudiciu - niciuna dintre modificările dvs. nu este salvată nicăieri și tot ce este nevoie este o singură apăsare a tastei F5 pentru a reveni la tot ceea ce ați făcut și a începe din nou. Un alt lucru important de înțeles în ceea ce privește consola este că nu vă limitați la linia unică: puteți scrie mai multe rânduri de cod. Pentru a începe o linie nouă fără a executa codul pe care l-ați introdus până acum, apăsați Shift + Enter.

Uneori, poate doriți să vă creați propriul mediu, însă: O combinație personalizată de HTML, CSS, biblioteci JavaScript și propriul cod. Acest lucru vă poate ajuta să testați idei mai cuprinzătoare. Dacă doriți să creați ceva de genul asta fără a trebui să configurați nimic local, jsFiddle este ceea ce aveți nevoie. Acesta este un mediu cu patru coloane: HTML, CSS, JavaScript și ieșirea. O bară laterală vă permite să alegeți tot felul de extra, cum ar fi biblioteca JavaScript pe care doriți să vă bazați. Există, de asemenea, o grămadă de exemple, dintre care unele pot fi prea elaborate pentru începători:

Utilizarea judicioasă a consolei Chrome și a lui jsFiddle ar trebui să vă ajute să păstrați în minte accesibilitatea, jocul și viața JavaScript. Concentrându-se doar pe excursii ghidate prin intermediul limbii fără a face propriile dvs. experimente ar putea sfârși prin a face ca JavaScript să pară mai intimidant decât este cu adevărat. La urma urmei, este ta cod - jucați în jur!

Pentru referință: Rețeaua de dezvoltatori Mozilla și documentația API jQuery

Ne-am referit mai devreme la Rețeaua de dezvoltatori Mozilla, fiind una din resursele care vă pot ajuta să învățați să codificați codul de învățare: 10 resurse gratuite și fantastice online pentru a vă perfecționa abilitățile Învățați să codificați: 10 resurse gratuite și fantastice online pentru a-ți îmbunătăți abilitățile Codificare. Un subiect care este evitat de mulți. Există o abundență de resurse și instrumente gratuite, toate fiind disponibile online. Sigur că ați putea lua niște cursuri pe această temă la un ... Citește mai mult. Acesta a fost într-un context mai general, deoarece MDN conține informații despre o mare varietate de subiecte. Pentru scopurile noastre aici, trebuie să știți că MDN servește ca un manual de referință foarte solid la toate lucrurile JavaScript. MDN nu oferă un Ghid JavaScript JavaScript structurat, pe care îl puteți urma pas cu pas (în funcție de nivelul dvs. de cunoștințe de programare anterioare), dar adevărata sa putere constă în secțiunea de referință JavaScript. Aceasta este o secțiune pe care o puteți folosi ca dicționar de feluri, doar pentru a afla structura unor afirmații specifice.

O altă resursă de referință cheie este documentația API jQuery. La fel ca MDN, această documentație API poate părea descurajantă, înfricoșătoare și, în general, neprietenoasă la început. Și da, niciuna dintre aceste resurse de referință nu vă va înlătura prin explicații blânde - dar ele se compensează prin faptul că sunt cuprinzătoare, foarte demne de încredere și autoritate.

Coderii nu trebuie neapărat să știe totul - o mare parte din lucrare este să știi unde să te uiți când trebuie să dai seama de ceva. Învățarea citirii și înțelegerii documentației oficiale reprezintă un pas important pe calea îmbunătățirii stilului și cunoștințelor de codare. Referințele sunt instrumente puternice în căutarea de a învăța prin a face, deoarece fiecare subiect se află de obicei pe cont propriu: puteți căuta rapid ceva ce aveți nevoie de mai multe informații despre, obțineți nucleul a ceea ce aveți nevoie și continuați codarea.

Și, în final, o carte opțională

De fapt, de fapt este o carte pe care aș vrea să o recomand. Nu este vorba despre JavaScript și nu veți găsi niciun exercițiu în el. De fapt, abia are vreun cod. Și totuși, este o carte foarte bună pentru a citi dacă sunteți curios de programare de orice fel: Se numește Simplitate de Cod și vă învață cum să vă gândiți la programare și cum să abordați subiectul în ansamblu. Puteți citi revizuirea completă a acestui articol chiar pe pagina Amazonului (care este în prezent marcată ca fiind cea mai utilă recenzie a clienților, awww), dar pe scurt, aceasta este o carte minunată despre fundamentele filosofice ale codării. Este ca și cum ai face câțiva pași înapoi de la tastatură și doar să reflectezi subiectul în ansamblu.

Simplitatea codului nu este necesară citirea prin orice mijloace, dar dacă vă simțiți că cunoștințele dvs. pot beneficia citirea unei cărți, aceasta este una minunată pentru a începe cu.

Învățați prin a face?

Și acum, în cele din urmă, vă întreb: cum tu abordarea învățării codului? Inveti prin a face, sau esti mai mult de un cititor? Care sunt resursele pe care le-ați folosit în căutarea dvs. de a deveni coder? Anunță-mă în comentariile!

Explorați mai multe despre: Educație Tehnologie, JavaScript, Programare.