Započnite kodiranje JavaScripta odmah s ovih 5 sjajnih besplatnih resursa

“Ljubav - ljubav je glagol, ljubav je riječ koja radi,” ili tako pjesma ide. A zapravo se isto može reći i za JavaScript: ovaj ključan programski jezik je a radite Jezik.

Ako mislite da je JavaScript zanimljiv, morate čini JavaScript - ne samo o tome čitati. Početak je mnogo lakši nego što očekujete i ne košta ništa. Pronašao sam tri izvora za učenje JavaScript-a koji se odnose na vas čini nešto s jezikom, a ne samo čitati ili gledati videozapise.

Za obilazak: Vodič kroz JavaScript Codeacademy

Ako pretpostavimo da znate vrlo malo o JavaScript-u, dobro bi bilo obaviti vođenje obilaska kroz jezik. Neki to rade s knjigom ili dvije, drugi to čine s nizom videozapisa. Odlična škola Code ima JavaScript stazu koja koristi i dobro izrađene videozapise i vježbe, ali se vrti oko pomoćnih tehnologija poput jQuery ili CoffeeScript CoffeeScript Je li JavaScript bez glavobolje CoffeeScript je JavaScript bez glavobolje Nikad nisam volio pisati JavaScript sve toliko. Od dana kada sam napisao svoj prvi redak koristeći ga, oduvijek mi je bilo zamjereno što sve što napišem u njemu uvijek izgleda kao Jackson…. Također, to košta novac.

Ako tražite izvor koji je istovremeno besplatan i ima jak naglasak na poslu, potreban vam je Codeacademyjev JavaScript zapis. Ovaj vođeni tečaj JavaScript koristi apsolutni minimum tekstualnih objašnjenja, a sva nagurana na bočnu traku. Veći dio zaslona zauzima elegantni uređivač koda koji se pokreće točno u vašem pregledniku. Da biste prošli kroz tečaj, morate dovršiti stvarne (jednostavne) zadatke kodiranja:

Preglednik provjerava vaš kod - nakon što ga ispravno pređete na sljedeću fazu. Tečaj pokriva mnoge JavaScript osnove, od funkcija preko petlji, upravljačkog toka, struktura podataka i objekata. Ovo je sjajan način da se upoznate s jezgrom jezgre prije ronjenja u biblioteke poput jQuery. Ako već znate neki JavaScript, ne morate početi od početka: Možete raditi bilo koji odjeljak koji vam se sviđa ili čak napredovati kroz nekoliko odjeljaka paralelno.

Za eksperimentiranje: Chromeova konzola i jsFiddle

Jednom kada ste shvatili jednostavnu JavaScript sintaksu, slijedeća bitna stvar na koju treba imati na umu o jeziku je da je on vrlo dostupan: Te riječi trenutno vjerojatno čitate iz prozora preglednika. To znači da već trenutno provodite punopravno JavaScript okruženje. Ništa za instaliranje ili konfiguriranje - samo desnom tipkom miša kliknite bilo što na stranici i odaberite Pogledajte element. Dobit ćete sljedeće:

Klikom na gornju ikonu možete iskočiti JavaScript konzolu koja se pokreće u kontekstu stranice koju trenutno gledate. Drugim riječima, možete manipulirati trenutnom stranicom proizvoljnim JavaScript kodom, koristiti bilo koju biblioteku (poput jQuery jQuery Tutorial - Prvi koraci: Osnove i selektori bilo kojem modernom web programeru i zašto je to sjajno. Ovaj tjedan, mislim da je došlo vrijeme da se umažemo rukama s nekim kodom i naučimo kako…) učitane stranice i uradimo sve što želite.

Ovo je vrlo dobar način učenja pokušajem i pogreškama, jer je tako dostupan i nema nula straha. Ne možete učiniti bilo kakvu štetu - nijedna promjena se ne sprema nigdje, a sve je potrebno samo jednim dodirom tipke F5 da biste vratili sve što ste napravili i započeli ispočetka. Još jedna važna stvar koju trebate razumjeti u vezi s konzolom je da niste ograničeni samo na jednom linijom: možete napisati nekoliko redaka koda. Da biste započeli novi redak bez izvršenja do sada unesenog koda, pritisnite Shift + Enter.

Međutim, ponekad biste trebali kreirati svoje okruženje: Prilagođena kombinacija HTML-a, CSS-a, JavaScript knjižnica i vašeg vlastitog koda. Ovo vam može pomoći da isprobate opsežnije ideje. Ako želite stvoriti nešto takvo, a da ne morate ništa lokalno postavljati, jsFiddle je ono što vam treba. Ovo je okruženje s četiri okna: HTML, CSS, JavaScript i izlaz. Bočna traka omogućuje vam biranje svih vrsta dodataka, poput JavaScript biblioteke na koju se želite osloniti. Postoji i hrpa primjera, od kojih su neki možda previše složeni za početnike:

Razumna upotreba Chromeove konzole i jsFiddle trebala bi vam pomoći da JavaScript ostane dostupan, zaigran i živ. Usmjerenost samo na vođene jezike bez vlastitih eksperimenata zapravo bi mogla činiti da JavaScript izgleda zastrašujuće nego što stvarno jest. Napokon je vaš kod - igra se okolo!

Za referencu: Mozilla Developer Network i jQuery API dokumentacija

Prije smo spomenuli Mozilla Developer Network kao jedan od nekoliko resursa koji vam mogu pomoći da naučite kodirati Nauči se šifrirati: 10 besplatnih i fantastičnih internetskih resursa za ojačavanje vaših vještina Saznajte kako kodirati: 10 besplatnih i fantastičnih internetskih resursa koji će poboljšati vaše vještine kodiranje. Tema koju mnogi izbjegavaju. Postoji obilje besplatnih resursa i alata, a svi su dostupni na mreži. Sigurno biste mogli održati neke tečajeve o toj temi u blizini…. To je bilo u općenitijem kontekstu, jer MDN sadrži podatke o širokom rasponu predmeta. U naše svrhe ovdje, trebali biste znati da MDN služi kao vrlo solidan referentni priručnik za sve stvari JavaScript. MDN nudi strukturirani JavaScript vodič koji ćete možda moći slijediti korak po korak (ovisno o vašoj razini prethodnog znanja programiranja), ali njegova prava snaga leži u njegovom referentnom odjeljku za JavaScript. Ovo je odjeljak koji možete koristiti kao vrsta rječnika, samo da biste utvrdili strukturu određenih izjava.

Drugi ključni referentni resurs je jQuery API Documentation. Baš kao MDN, i ova se dokumentacija API-ja u početku može činiti zastrašujućom, zastrašujućom i potpuno neprijateljskom. I da, nijedan od tih referentnih resursa neće vas održati kroz nježna objašnjenja - ali nadoknađuju to što su sveobuhvatni, vrlo pouzdani i autoritativni.

Koderi ne moraju nužno znati sve - veliki dio posla je znati gdje potražiti kad trebate nešto smisliti. Naučite čitati i razumjeti službenu dokumentaciju važan je korak na putu poboljšanja stila i znanja vašeg kodiranja. Reference su moćan alat u nastojanju da naučite radeći, jer svaka tema obično stoji sama: brzo možete potražiti nešto o čemu trebate više informacija, dobiti srž onoga što vam treba i nastaviti kodiranje.

I na kraju, jedna neobvezna knjiga

Zapravo tamo je jednu knjigu koju bih želio preporučiti. Ne radi se o JavaScript-u i u njemu nećete naći nikakve vježbe. U stvari, on jedva ima ikakvu šifru uopće. Pa ipak, vrlo je dobra knjiga koju treba pročitati ako vas zanima programiranje bilo koje vrste: Zove se Code Simplicity i uči vas kako razmišljati o programiranju i kako pristupiti temi kao cjelini. Moju cjelovitu recenziju možete pročitati na stranici Amazon (trenutno označena kao najkorisnija recenzija kupaca, awww), ali ukratko, ovo je sjajna knjiga o filozofskim osnovama kodiranja. To je poput odvajanja nekoliko koraka od tipkovnice i razmišljanja o temi u cjelini.

Jednostavnost koda nije čitanje ni na koji način, ali ako smatrate da bi vaše znanje moglo imati koristi od čitanja knjige, ovo je sjajno za početak.

Učite li radeći?

I sad vas napokon pitam: Kako vas pristup učenja učenja? Učite li radeći ili ste više čitatelj? Koji su resursi koje ste iskoristili u svom nastojanju da postanete koder? Javite mi u komentarima!