Nejlepší bezplatné knihy, videa, návody a další pro výuku jQuery

jQuery je dnes bezpochyby nejpopulárnější JavaScript knihovnou na webu. Používá ho 70 % špičkových webů a stává se defacto standardem ve vývoji webu. Pokud hledáte práci v programování, znalost knihovny je velké plus.

Věci pokročily také v oblasti kvality a dostupnosti učebních materiálů. Jinými slovy, nyní je nejlepší čas dozvědět se o vývoji webu! V tomto článku najdete seznam zdrojů, které bych si přál mít k dispozici, když jsem s jQuery začínal, a které bych doporučil každému začátečníkovi.

Nejprve se seznamte s rodinou jQuery

jQuery je knihovna, která mimo jiné usnadňuje práci s DOM, naslouchání událostem, animaci prvků a vydávání požadavků AJAX. Víte však, že projekt jQuery ve skutečnosti podporuje tři knihovny, které nesou název jQuery? Jsou to:

  1. Knihovna jQuery. Toto je knihovna, na kterou lidé obvykle odkazují, když říkají jQuery. I o tom jsou zdroje v tomto článku. Další dvě knihovny na něm staví s ohledem na konkrétní případy použití. V době psaní tohoto článku existují dvě verze jQuery:1.9.1 a 2.0. Verze 2.0 snižuje podporu starších prohlížečů, jako je IE 6, 7 a 8, takže důrazně doporučuji stáhnout a používat verzi 1.9.1, která funguje všude.
  2. jQuery Mobile je odlehčený rámec pro vytváření mobilních webových aplikací s HTML5. Umožňuje vám vytvářet rozhraní řízená ajaxem a přátelská k dotyku s panely nástrojů, tlačítky, seznamy a dalšími, které budou vypadat a fungovat konzistentně napříč mobilními zařízeními. Toto je knihovna, kterou mohu doporučit naučit se poté, co získáte základy jQuery, protože na ní staví. Zde je jeden z našich návodů, jak začít.
  3. Uživatelské rozhraní jQuery. Jedná se o sbírku widgetů, jako jsou nástroje pro výběr data, dialogy, ukazatele průběhu, efekty a další, zaměřené na interaktivní webové aplikace. Mám pocit, že tato knihovna ztrácí vědomí, protože vývojáři se hrnou do modernějších frameworků, a proto bych doporučil naučit se místo toho Twitter Bootstrap.

Takže teď, když víte trochu více o rodině jQuery, kde začít?

První kroky

V posledních letech došlo k pozoruhodnému nárůstu počtu a kvality bezplatných zdrojů dostupných pro webové vývojáře. To platí zejména pro jQuery. Zde je to, čím byste měli začít:

  • JavaScript 101 je dobrý úvodní článek k JavaScriptu z webu jQuery. Zde byste měli začít, pokud nejste obeznámeni s jazykem. Poté můžete pokračovat s některými bezplatnými knihami JS obsaženými v další kapitole.
  • Příručka Začínáme s jQuery je dobrým prvním krokem pro začátečníky. Vysvětluje základy, například jak byste měli zahrnout jQuery na svou stránku a jak napsat svůj první skript.
  • Vyzkoušejte jQuery je velmi dobrý interaktivní kurz s videi a kódovými výzvami, které můžete absolvovat zdarma.

Až získáte chuť k jídlu, můžete si přečíst některé z knih v další kapitole.

Bezplatné elektronické knihy

Návody a příspěvky na blogu jsou dobré k tomu, abyste se naučili konkrétní techniky, ale nejsou příliš užitečné, pokud jste v něčem úplně nový. V tom jsou knihy nejlepší – poskytují vám úplný a systematický přehled o technologii s příklady a spoustou podrobností.

Franky, nemůžete se naučit jQuery bez znalosti JavaScriptu, takže zde je několik knih, které vám pomohou začít:

  • Výmluvný JavaScript je kniha, která vás nenaučí pouze JavaScript, ale také základy programování. Je to skvělé čtení pro ty, kteří nemají moc zkušeností s psaním kódu.
  • Průvodce JavaScriptem Mozilla Developer Network je dalším dobrým a stručným přehledem jazyka.
  • JavaScript Enlightenment je kniha, která pokrývá pokročilé koncepty, jako jsou uzávěry, prototypy, komplexní hodnoty, dědičnost a další. Má být krátkým a stravitelným shrnutím jazyka.
  • Dom Enlightenment je od stejného autora a poskytuje vám hluboké pochopení vztahu mezi JS a DOM. Příklady vám ukáží výkonnou funkcionalitu, kterou jQuery používá v zákulisí, aby vám usnadnil život.
  • Jednostránkové webové aplikace do hloubky je kniha, která vás naučí, jak zajistit, aby vaše aplikace působila téměř nativním dojmem. Dozvíte se o implementaci kolekcí, modelů a zobrazení v JS, jejich synchronizaci s backendem a psaní udržovatelného kódu.
  • Learning JavaScript Design Patterns je kniha, která zkoumá použití známých návrhových vzorů ve světě vývoje softwaru na aplikace JavaScript.
  • Patterns for Large-Scale JavaScript Applications je složitější kniha, která se zaměřuje konkrétně na organizaci rozsáhlých kódových základen. Vhodné pouze pro zkušené vývojáře JS.

A samozřejmě zde je několik skvělých bezplatných knih o jQuery:

  • Základy jQuery jsou knihou, kterou si musí přečíst každý začátečník s jQuery. Do hloubky vysvětluje všechny hlavní funkce jQuery a má snadno pochopitelné příklady, které můžete spustit přímo ve svém prohlížeči.
  • jQuery Succinctly je kniha, která byla napsána s cílem vyjádřit koncepty nezbytné pro středně pokročilý a pokročilý vývoj jQuery. Toto je perfektní další krok po knize jQuery Fundamentals výše.
  • jQuery má velmi dobrou dokumentaci k rozhraní API plnou příkladů kódu, což je kniha sama o sobě.

[Hele, podívejte se na naši zbrusu novou knihu jQuery Trickshots, kde se můžete naučit 100 epických tipů a triků pro práci s jQuery!]

Kurzy a školení

Kurzy také jdou dlouhou cestou k vysvětlování nových pojmů. Mohou zahrnovat profesionálně upravená videa se cvičeními a ukázkovým kódem. Zde jsou některé z nejlepších, které jsou k dispozici zdarma:

  • Vyzkoušejte jQuery. Již jsem to zmiňoval, ale pro úplnost je to zde znovu zahrnuto. Tento kurz obsahuje videa, ukázkový kód a cvičení.
  • Lessons by appendTo() obsahuje bezplatné videolekce o JavaScriptu, jQuery, událostech, metodách a selektorech.
  • Učte se jQuery je oficiální výukový portál pro knihovnu. Zde najdete návody a články vhodné pro začátečníky.
  • JavaScript interactive je rychlokurz založený na konzoli, který zahrnuje psaní kódu ve vašem prohlížeči a předávání úkolů.
  • Naučte se jQuery za 30 dní je bezplatný informační bulletin od společnosti tutsplus. Po přihlášení k odběru vám bude každý den po dobu 30 dnů na váš e-mail chodit videolekce.
  • Výuka pokročilého JavaScriptu je řada tipů od tvůrce jQuery Johna Resiga.

Videa

Videa jsou dobrý a líný způsob, jak se dozvědět o nových tématech programování. Přednášející vás lžící krmí chutnými znalostmi vývoje webu, zatímco vy pohodlně sedíte na pohovce. Co se vám nelíbí!

Zde jsou některá z nejlepších videí jQuery, která můžete nyní zdarma sledovat:

  • jQuery pro úplné začátečníky od Nettuts je poměrně zastaralý, ale stále se můžete naučit některé základy knihovny
  • Learning jQuery je obrovský seznam videí YouTube se sérií screencastů, které pokrývají vše od připravené události až po odeslání formulářů pomocí ajaxu.
  • Ontwik's jQuery Videos je rostoucí sbírka vysoce kvalitních videí a přednášek o mnoha tématech pořádaných na konferencích po celém světě (zdá se, že momentálně nefungují).
  • JSConf hostí sbírku videí z populární konference JavaScript.
  • Videa Fronteers toto je sbírka videí front-end konference Fronteers. Některá jejich videa jsou v holandštině, ale je tam spousta zajímavých anglických přednášek.

Prezentace

Prezentace jsou jako videa, ale jsou výstižnější a bez člověka, který by stál v cestě. Zde jsou některé z nejpopulárnějších prezentací jQuery:

  • jQuery za 30 minut je trochu starý, ale pro začátečníky stále zajímavý.
  • Osvědčené tipy a triky pro výkon jQuery jsou skvělou sbírkou tipů pro optimalizaci kódu jQuery.
  • JQuery Anti-Patterns je prezentace, která vysvětluje, jak správně uspořádat kód a vyhnout se anti-vzorům, kvůli kterým bude vaše aplikace z dlouhodobého hlediska neudržovatelná.
  • Použití objektů k uspořádání kódu je další prezentací, která se zaměřuje na udržovatelnost kódu.
  • jQuery:Je to knihovna, nikoli rámec, který vám připomíná, že ačkoli vám jQuery dává sílu, neudržuje váš kód uspořádaný, což může brzy vést k nepořádku v kódu špaget.
  • Věci, které možná nevíte o jQuery, bylo napsáno pro jQuery 1.4, ale lze je použít i pro nejnovější verze knihovny.

Výukové programy a blogy

Tutoriály samozřejmě mají své místo a jsou dobrou volbou, jakmile zvládnete základy. Zde jsou nejlepší místa, kde najdete výukové programy jQuery:

  • Naše vlastní sbírka výukových programů pokrývá spoustu výhod jQuery. S knihovnou děláme nejrůznější zajímavé věci a ukazujeme pokročilé techniky. (Také všechny naše PSD jsou k dispozici ke stažení z naší členské oblasti, kde se můžete zdarma připojit).
  • Nettuts má velkou sbírku výukových programů jQuery. Do značné míry se od jQuery odstěhovali kvůli svým novým věcem, což je nešťastné.
  • JQuery Howto je jedním z nejstarších blogů jQuery. Popsali téměř vše o knihovně.
  • jQuery For Designers býval velmi oblíbeným výukovým webem, který bohužel nebyl již několik let aktualizován. Každopádně skripty tam jsou užitečné i dnes (s občasnou opravou pro jQuery 1.9).
  • Badass JS je blog, který představuje úžasný vývoj ve světě JavaScriptu. Ačkoli to není výukový web, příspěvky na něm často vedou k podrobným technickým článkům a zajímavým knihovnám.
  • DailyJS je další blog JavaScript/jQuery. Najdete zde spoustu nových pluginů a je velmi často aktualizován.

Různé

A tady jsou některé projekty a stránky, které se nikam nevešly, ale myslím, že stojí za to se na ně podívat:

  • Řazení otázek jQuery na stackoverflow podle hlasů odhalí spoustu zajímavých témat, která vám pomohou stát se lepším vývojářem. Přesvědčte se sami.
  • JavaScript Garden je rostoucí sbírka dokumentace o nejpodivnějších částech JavaScriptu.
  • jQAPI je alternativní prohlížeč dokumentace jQuery. Má pěkné rozhraní, které je podle mého názoru snazší procházet než oficiální stránka API.
  • JQuery Cheatsheet je rychlý a přehledně uspořádaný odkaz na celé jQuery API. Vysoce vhodné pro záložky.
  • jQuery Deconstructed je velmi zajímavý experiment, který vizuálně analyzuje a prezentuje zdrojový kód celé knihovny. Bohužel nebyl aktualizován pro novější verzi jQuery.
  • JavaScript weekly je týdenní zpravodaj. Každý pátek dostanete do e-mailu zajímavé odkazy JavaScript.
  • Unheap je pěkná a přehledná sbírka pluginů jQuery. Vše je přehledně uspořádáno do kategorií s odkazy na ukázky a náhledy.
  • jQuery Plugins je oficiální stránka pluginu jQuery, kde najdete spoustu pluginů uspořádaných do kategorií.
  • Microjs je kolekce minimálních knihoven JavaScriptu (zde nejsou žádné pluginy jQuery), které jsou plně funkční a lehké. Zde jsou zahrnuty pouze soubory s malou velikostí.
  • JSDB je další sbírka užitečných knihoven a pluginů, ale není omezena, pokud jde o velikost souboru. Seřazení seznamu podle oblíbenosti odhalí spoustu život zachraňujících knihoven.
  • CDNJS je velmi rychlý CDN, který hostí mnoho knihoven. Můžete zahrnout jQuery a pluginy z jejich serverů, což může zrychlit váš web (a ušetřit vám část provozu).

Šťastné učení!

Víte o dobrých učebních zdrojích, které nejsou zahrnuty v tomto seznamu? Podělte se o ně v sekci komentářů!