Začněte s kódováním JavaScriptu právě teď s těmito 5 skvělými zdroji zdarma

“Láska - láska je sloveso, láska je slovo,” nebo tak píseň jde. A vlastně to samé lze říci o JavaScriptu: tento prskající programovací jazyk je dělá Jazyk.

Pokud si myslíte, že je JavaScript zajímavý, musíte dělat JavaScript - nejen o tom číst. Začínáme je mnohem jednodušší, než byste čekali, a nic nestojí. Sledoval jsem tři zdroje výběru pro učení JavaScriptu, které jsou všechny o tom, jak vás dostat dělat něco s jazykem, spíše než jen číst nebo sledovat videa.

Pro prohlídku s průvodcem: JavaScriptová dráha Codeacademy

Předpokládejme, že o JavaScriptu víte jen velmi málo, byl by prvním krokem dobrý průvodce. Někteří to dělají s knihou nebo dvěma, jiní to s řadou videí. Vynikající kódová škola má cestu JavaScriptu, která využívá jak dobře vytvořená videa, tak cvičení, ale točí kolem pomocných technologií, jako je jQuery nebo CoffeeScript CoffeeScript je JavaScript bez bolesti hlavy CoffeeScript je JavaScript bez bolesti hlavy Nikdy jsem opravdu neměl rád psaní kódu JavaScript tolik. Od chvíle, kdy jsem použil svůj první řádek, jsem vždycky nesnášel, že to, co v něm píšu, vždy vypadá jako Jackson…. Také to stojí peníze.

Pokud hledáte zdroj, který je zdarma a má velký důraz na to, co potřebujete, je potřeba sledovat JavaScript jazyka Codeacademy. Tento kurz JavaScriptu s průvodcem používá absolutní minimum textových vysvětlení, vše nacpané na postranním panelu. Převážnou část obrazovky zaujímá elegantní editor kódu, který běží přímo v prohlížeči. Chcete-li pokračovat v kurzu, musíte dokončit skutečné (jednoduché) přiřazení kódování:

Prohlížeč zkontroluje váš kód - jakmile to napravíte, přejdete do další fáze. Kurz zahrnuje mnoho základů JavaScriptu, od funkcí přes smyčky, kontrolní tok, datové struktury a objekty. Je to skvělý způsob, jak se seznámit s hlavním jazykem, než se pustíte do knihoven, jako je jQuery. Pokud již nějaký JavaScript znáte, nemusíte začínat od začátku: Můžete udělat libovolnou sekci, kterou chcete, nebo dokonce postupovat několika sekcemi paralelně.

Experimentování: Konzola Chrome a jsFiddle

Jakmile budete mít základní přehled o jednoduché syntaxi JavaScriptu, další důležitou věcí, kterou byste měli mít na paměti, je, že je velmi přístupný: Tato slova pravděpodobně právě čtete z okna prohlížeče. To znamená, že již nyní provozujete plnohodnotné prostředí JavaScriptu, právě teď. Nic k instalaci nebo konfiguraci - stačí kliknout pravým tlačítkem na cokoli na stránce a vybrat Zkontrolujte prvek. Získáte následující:

Kliknutím na ikonu zobrazenou výše můžete vyskočit konzoli JavaScriptu, která se spouští v kontextu stránky, na kterou se právě díváte. Jinými slovy, můžete manipulovat s aktuální stránkou pomocí libovolného kódu JavaScript, používat libovolné knihovny (jako je jQuery jQuery tutorial - Začínáme: Základy a selektory jQuery Tutorial - Začínáme: Základy a selektory Minulý týden jsem mluvil o tom, jak důležité je jQuery pro každého moderního webového vývojáře a proč je to úžasné. Tento týden si myslím, že je čas, abychom si zašpinili ruce nějakým kódem a naučili se, jak ...) načtení se stránkou, a uděláme vše, co si přejete.

Jedná se o velmi dobrý způsob učení pomocí pokusů a omylů, protože je tak přístupný a nemá strach. Nemůžete udělat žádnou škodu - žádná z vašich změn se nikde neuloží a stačí jediné klepnutí na klávesu F5, abyste vrátili vše, co jste udělali, a začali znovu. Další důležitou věcí, kterou je třeba na konzole pochopit, je to, že nejste omezeni pouze na jednoplášťové: Můžete napsat několik řádků kódu. Chcete-li zahájit nový řádek bez provedení dosud zadaného kódu, stiskněte Shift + Enter.

Někdy však budete chtít vytvořit své vlastní prostředí: Vlastní kombinace knihoven HTML, CSS, knihoven JavaScript a vlastního kódu. To vám může pomoci vyzkoušet komplexnější nápady. Pokud byste chtěli vytvořit něco takového, aniž byste museli něco lokálně nastavovat, je to, co potřebujete. Toto je prostředí se čtyřmi panely: HTML, CSS, JavaScript a výstup. Postranní panel umožňuje vybrat nejrůznější doplňky, například knihovnu JavaScript, na kterou se chcete spolehnout. Existuje také několik příkladů, z nichž některé mohou být pro začátečníky příliš komplikované:

Rozumné používání konzole Chrome a jsFiddle by vám mělo pomoci udržovat přístupný, hravý a živý JavaScript ve vaší mysli. Zaměření pouze na prohlídky s průvodcem jazykem bez provádění vlastních experimentů by ve skutečnosti mohlo způsobit, že JavaScript bude vypadat zastrašující, než ve skutečnosti je. Koneckonců, to je vaše kód - pohrajte si!

Pro referenční účely: Dokumentace Mozilla Developer Network a jQuery API Documentation

Mozilla Developer Network Network jsme již zmínili jako jeden z několika zdrojů, které vám mohou pomoci naučit se kódovat Naučte se kódovat: 10 bezplatných a fantastických online zdrojů pro zdokonalení vašich dovedností Naučte se kódovat: 10 bezplatných a fantastických online zdrojů pro zdokonalení svých dovedností Kódování. Téma, kterému se mnozí vyhýbají. Existuje velké množství bezplatných zdrojů a nástrojů, z nichž všechny jsou k dispozici online. Určitě byste mohli absolvovat nějaké kurzy na toto téma v blízkém…. To bylo v obecnějším kontextu, protože MDN obsahuje informace o široké škále témat. Pro naše účely zde byste měli vědět, že MDN slouží jako velmi solidní referenční příručka ke všem věcem JavaScript. MDN nabízí strukturovaného průvodce skriptem JavaScriptu, který budete moci sledovat krok za krokem (v závislosti na úrovni vašich předchozích znalostí programování), ale jeho skutečná síla spočívá v referenční sekci JavaScriptu. Toto je sekce, kterou můžete použít jako slovník druhů, jen aby zjistili strukturu konkrétních příkazů.

Dalším klíčovým referenčním zdrojem je dokumentace k rozhraní jQuery API. Stejně jako MDN se tato dokumentace API může na první pohled zdát skličující, děsivá a celkem nepřátelská. A ano, žádný z těchto referenčních zdrojů vás nezachytí jemným vysvětlením - ale Vymýšlejí to tím, že jsou komplexní, velmi důvěryhodní a autoritativní.

Kodéři nemusí nutně vědět všechno - velká část práce je vědět, kde hledat, když potřebujete něco vymyslet. Naučit se číst a porozumět oficiální dokumentaci je důležitým krokem na cestě ke zlepšení stylu a znalostí kódování. Reference jsou výkonné nástroje, které se snaží učit tím, že každé téma obvykle stojí samo od sebe: můžete rychle vyhledat něco, co potřebujete více informací, získat jádro toho, co potřebujete, a pokračovat v kódování.

A konečně jedna volitelná kniha

Vlastně tam je jednu knihu, kterou bych chtěl doporučit. Nejde o JavaScript a v něm nenajdete žádná cvičení. Ve skutečnosti má sotva nějaký kód. A přesto je to velmi dobrá kniha, kterou si můžete přečíst, pokud jste zvědaví na programování jakéhokoli druhu: Říká se tomu kódová jednoduchost a naučí vás myslet na programování a jak přistupovat k předmětu jako celku. Úplnou recenzi si můžete přečíst přímo na stránce Amazonu (v současné době označované jako nejužitečnější hodnocení zákazníků, awww), ale v kostce je to skvělá kniha o filozofických základech kódování. Je to jako udělat pár kroků zpět od klávesnice a jen přemýšlet o předmětu jako o celku.

Kód Jednoduchost není vyžadováno čtení v žádném případě, ale pokud máte pocit, že vaše znalosti mohou být přínosem čtení knihy, je to skvělé začít.

Učíte se tím, že děláte?

A teď se konečně tě chci zeptat: Jak na to vy přístup k učení kódu? Učíte se tím, že děláte, nebo jste spíše čtenář? Jaké jsou zdroje, které jste použili ve své snaze stát se kodérem? Dejte mi vědět v komentářích!