Prototype JS a jQuery video kurzy
Chcete začít s Prototype JS nebo jQuery javascript frameworkem? Zkuste se podívat na videa, která ukazují trošku z toho, jak je možno tyto frameworky používat.
Prototype JS
Na stránce http://peepcode.com/…-prototypejs je za 9 dolarů k mání devadesátiminutový kurz (doplněný zdrojovým kódem prezentovaného příkladu). Ukázku (která i sama o sobě stojí za zhlédnutí) si můžete stáhnout zdarma.
Stručný obsah videa
- 00:00 úvod
- 00:01 Tools – představení pro developery nezbytných pluginů do Firefoxu (Firebug a Web Developer) a MSIE (Firebug Lite)
- 00:13 – Selectors – používání selektorů pro výběr elementů a definování anonymních funkcí
- 00:26 – Architecture – Module (bunch of functions), Class, Extend
- 00:37 – The Source – krátký pohled na zdrojový kód vlastního Prototype JS
- 00:39 – Behaviors – přiklad zobrazení bubliny nad odkazem zobrazující URL (href) odkazu
- 00:57 – Troubleshooting – příklad špatného zápisu syntaxe a možnosti ladění (vč. vypisování debug hlášek do konzole Firebugu)
- 01:06 – Object Internals – práce s nativními JS a Prototype JS přidanými metodami objektů
- 01:16 – Baseline Project – ukázkový projekt: dynamická změna velikosti písma a řádkování na stránce, vč. dynamického generovaní odpovídajícího CSS kódu
Na http://peepcode.com/ najdete i další videa – převážná většina z nich je ovšem věnována Ruby on Rails.
jQuery
- AJAX s jQuery – (YouTube) – jednoduché ukázky AJAXu s jQuery
- Expandable Sidebar Menu – step-by-step postup pro vytvoření rozbalovacího menu
- jQuery: Making JavaScript Fun Again + slides v PDF – člen vývojového týmu Drupalu srovnává na ukázkách psaní kódu v javascriptu s/bez jQuery. Vzhledem k špatnému videu je nezbytné použít při sledování videa slides. Druhá část videa, kde je ukázka demonstrována přímo v prohlížeči se Firebugem je vzhledem ke kvalitě videa špatně použitelná.
- Yahoo! Video – videa související s jQuery – především video „John Resig: Advancing JavaScript with Libraries“
- Video Lecture on Best Practices in JavaScript Library Design – hlavní autor jQuery John Resig rozebírá principy a zásady při tvorbě vlastního javascript frameworku – částečně demonstrováno na jQuery