Share
Am creat un ghid complet care vă ajută să învățați JavaScript, indiferent dacă începeți doar ca dezvoltator web sau doriți să explorați subiecte mai avansate.
Sau săriți direct și urmăriți cursurile JavaScript:
Învățarea ceva nou este înfricoșător. Pentru mine, cea mai mare problemă cu ridicarea unei noi calități este că nu știu ce nu știu. Având în vedere că este adesea util să găsiți un plan de învățare indiferent de ce sunteți interesat. Asta este ceea ce este acest post: planul dvs., foaia dvs. de parcurs, planul dvs. de acțiune pentru învățarea JavaScript! Nu trebuie să vă faceți griji cu privire la găsirea celor mai bune resurse, pentru a sorta cele rele și pentru a afla ce să învățați în continuare. Totul este aici. Urmați-l, pas cu pas.
Și dacă, în orice moment, vă simțiți blocați, puteți obține ajutor de la unul dintre experții JavaScript de pe Envato Studio.
JavaScript este limba browserului.
Înainte de a începe de fapt să învățați JavaScript, faceți un minut pentru a înțelege ce este și face.
JavaScript nu este jQuery, Flash sau Java. Este un limbaj de programare separat de toate acestea.
JavaScript este limba browserului (nu exclusiv în aceste zile, deși). Scopul principal este de a adăuga interactivitate unei pagini altfel statice. În browser, nu va înlocui PHP sau Ruby pentru tine. Nici măcar nu va înlocui codul HTML sau CSS; o veți folosi împreună cu ele. De asemenea, nu este atât de groaznic să înveți cum ai fi crezut sau auzit.
Încă o notă: ați auzit despre jQuery, care este probabil cea mai răspândită bibliotecă JavaScript. Sau poate ați auzit despre unul dintre celelalte cadre JavaScript populare, cum ar fi Mootools, YUI, Dojo și altele. Unde se potrivesc acestea în imagine? Luați în considerare o colecție de utilitare JavaScript de ajutor; încă scrieți JavaScript atunci când le folosiți, dar JavaScript este puternic abstractizat. Te salvează o grămadă de muncă.
S-ar putea chiar să fi auzit pe cineva să spună că ar trebui să începi cu jQuery (sau altă bibliotecă) și să înveți JavaScript după. Cu respect, încă nu sunt de acord. Obțineți o mai bună manevră pe JavaScript mai întâi și apoi folosiți bibliotecile. Veți înțelege ce faceți mai bine; și, prin urmare, veți scrie mult mai bine JavaScript.
Codecademy este un site relativ nou care se facturează ca fiind cel mai simplu mod de a învăța cum să codificați. Vei fi judecătorul ăla! În prezent, există doar două cursuri:? Noțiuni de bază cu programare? și? JavaScript Ghid de pornire rapidă.? Acesta este un mod minunat de a-ți atingi degetele de la picioare în bazinul JavaScript. Foarte similar cu exercițiile Try Ruby, veți urma lecții scurte, veți scrie cod în interiorul browserului și veți urmări rezultatele. Toate în timp ce câștigați puncte și deblocați ecusoane de realizare.
Dacă deja cunoașteți un alt limbaj de programare, puteți începe cu Ghidul de inițiere rapidă JavaScript ?; dacă aceasta este prima dvs. inițiere a programării (dincolo de HTML și CSS), atunci veți găsi "Începeți cu programarea? curs foarte util. Codecademy este gratuită, dar este necesară înscrierea.
Oamenii de la appendTo au un set fantastic de screencast-uri adaptate special pentru incepatori. Dacă doriți să învățați JavaScript în mod corect (și ușor), lucrați cu siguranță împreună cu aceste lecții. Instruirea vizuală este întotdeauna un plus!
"Îmbunătățiți-vă abilitățile cu soluția noastră la cerere, practică pragmatică.
Odată ce ați lucrat prin cursurile de la Codecademy, veți dori să obțineți o introducere mai detaliată a JavaScript - o introducere care vă va prezenta toate tipurile, operatorii, structurile de control și multe altele.
O mână de introduceri bune, dacă aș putea:
Odată ce începeți să lucrați cu JavaScript în browser, veți dori să instalați Firebug și să vă familiarizați cu acesta. Firebug este un plugin pentru Firefox, care vă ajută în construirea și depanarea paginilor dvs. web: gândiți-vă la aceasta ca la cuțitul chirurgului pentru dezvoltatorii web. Nu utilizați Firefox? Ca și Safari sau Chrome mai bine? Nicio problemă: verificați instrumentele de dezvoltare încorporate, care sunt foarte asemănătoare cu Firebug.
Puteți deschide panoul Instrumente pentru dezvoltatori apăsând
Opțiune + Comandă + Ipe Mac, sauControl + Shift + Ipe PC.
Veți învăța o mulțime prin deschiderea instrumentului de alegere și făcând clic în timp ce vă aflați pe unul dintre site-urile dvs. preferate. Iată câteva resurse care vă vor ajuta să accelerați:
Deci, acum sunteți familiarizați cu elementele de bază. Cu toate acestea, mai sunt multe de învățat. În timp ce aș putea recomanda o listă de cărți care te-ar falimenta, o voi păstra la patru cărți de cea mai bună calitate pe care le vei găsi oriunde:
Primele două sunt resurse generale, în profunzime, care iau ceea ce știi de la introduceri la un nivel mult mai profund; sigur, vor fi unele suprapuneri față de introduceri, dar nu foarte mult: suficient pentru a vă menține confortabil.
(Notă: în timp ce toate aceste cărți sunt disponibile pe Amazon, m-am conectat la site-urile editorilor, astfel încât să puteți verifica capitolele disponibile.)
În timp ce aceste cărți sunt minunate pentru înțelegerea limbajului JavaScript și a modului de utilizare a acestuia în browser, există multe de învățat. Și în timp ce aceste cărți merg în anumite modele și practici, iată două cărți dedicate acelor subiecte pe care le consider utile.
Pe măsură ce ați lucrat prin resursele de mai sus, ar fi trebuit să urmăriți împreună cu mostrele de cod: trăgându-le în afară și ajustându-le pentru a vedea ce se întâmplă. Dar acum este momentul să vă lăsați cu adevărat pe cont propriu. E timpul să construim ceva.
Deci, ce poți construi? Există multe lucruri pe care le puteți face. Iată câteva idei.
Accentsconagua
Alt eticheta sau buclă prin fotografii dacă utilizatorul nu a făcut clic pe unul pentru un minut.div cu un text în el și mai multe butoane de mai sus. Un buton poate regla lățimea; una, înălțimea; și una, culoarea de fundal. Cheia nu este ca schimbările să aibă loc imediat, dar pe parcursul, de exemplu, o secundă. Rețineți că Google este prietenul dvs., mai ales dacă nu ați făcut niciodată o animație în JavaScript până acum.Sunt sigur că vă puteți gândi la alte proiecte care vor fi o practică excelentă. Desigur, împingeți-vă din zona dvs. de confort; aceasta este singura modalitate de a învăța.
De asemenea, asigurați-vă că vă referiți la categoria JavaScript aici pe Nettuts + pentru o listă masivă de tutoriale, la toate nivelurile de calificare.
Dacă ați ajuns atât de departe, probabil veți realiza că există câteva lucruri greu de realizat într-un mod browser (sau deloc) în JavaScript. Cei mai mari infractori sunt probabil niște manipulări DOM excesive, AJAX și animație. Aici vine o bibliotecă.
După cum am menționat mai devreme, punctul de vedere al unei biblioteci JavaScript este de a sugera lucrurile dureroase. Deci, acum ar putea fie timpul să te uiți la unul. Există o tona de a alege și vă voi lăsa să decideți cu ce să experimentați. Fie că este vorba despre jQuery sau Mootools, YUI sau Dojo, site-urile lor respective vă vor oferi tot ce aveți nevoie pentru a începe. Dacă simțiți nevoia, faceți o încercare.
Deși există cu siguranță un număr nenumărat de biblioteci disponibile, ar trebui să încercați să vă mențineți cu o alegere populară - cel puțin la început.
Aruncați ceea ce faceți și abonați / urmați acești dezvoltatori. Aceasta este o cerință.
Există o grămadă de geniali JavaScript incredibili acolo, care fac întotdeauna lucruri interesante pe care nu doriți să le pierdeți. Din fericire, editorul nostru, Siddharth, care a dormit niciodată nu a dormit, a completat o listă de dezvoltatori pe care trebuie să-l abonați ca un JavaScript Junkie. Aruncați ceea ce faceți și abonați / urmați acești dezvoltatori. Aceasta este o cerință.
Dar puteți face mai mult. Acest site corect este de multe ori postarea despre JavaScript, deci nu pleca. De asemenea, verificați afișarea JavaScript, un podcast despre cele mai recente și cele mai bune din lume ale JavaScript. S-ar putea să doriți, de asemenea, să vă înscrieți la newsletter-ul săptămânal JavaScript JavaScript.
Envato Market are sute de articole populare din JavaScript, de la glisiere la știri și de la calendare la cărucioare de cumpărături.
Deci, aruncăm o privire la ceea ce este acolo. Chiar dacă nu cumpărați nimic, vedeți ce au creat ceilalți oameni vă poate inspira cu un sentiment de ceea ce este posibil cu JavaScript.
O selecție a elementelor JavaScript pe Envato MarketVă mulțumim pentru lectură! Sperăm că acest plan vă poate ajuta să deveniți un fanatic JavaScript. Dacă sunteți deja familiarizat cu JavaScript, puteți recomanda orice alte resurse în comentarii?
