Část 1 Moderní JavaScript

Transkript

1 Obsah Část 1 Moderní JavaScript Kapitola 1 Moderní programování v JavaScriptuh Objektově orientovaný JavaScript Testování zdrojového kódu Rozčleňování do balíků pro distribuci Nevtíravé skriptování DOM Document Object Model Události JavaScript a CSS Ajax Podpora ze strany prohlížečů Shrnutí Část 2 Profesionální vývoj v JavaScriptu Kapitola 2 Objektově orientovaný JavaScript Vlastnosti jazyka Reference Přetěžování funkcí a kontrola typů Scope rozsah působnosti proměnné Uzávěry Kontext Základy objektově orientovaného kódu Objekty Vytvoření objektu Veřejné metody Soukromé metody Privilegované metody Statické metody Shrnutí

2 4 Obsah Kapitola 3 Tvorba znovupoužitelného kódu Standardizovaný objektově orientovaný kód Prototypová dědičnost Klasická dědičnost Knihovna Base Knihovna Prototype Rozdělení do balíků Prostory jmen Dojo YUI Úklid našeho kódu Deklarace proměnných != a == versus!== a === Bloky a závorky Středníky Komprese JSMin Packer Distribuce Shrnutí Kapitola 4 Nástroje pro ladění a testování Ladění Chybová konzola Internet Explorer Firefox Safari Opera Inspektoři DOM Inspektor DOM ve Firefoxu Web Inspektor v Safari View Source Chart FireBug Venkman Testování JSUnit J3Unit Test.Simple Shrnutí

3 Obsah 5 Část 3 Nevtíravý JavaScript Kapitola 5 Objektový model dokumentů Úvod do DOM Navigování v DOM Zpracování bílých znaků v DOM Jednoduchá navigace v DOM Svázání s elementy HTML Standardní metody DOM Čekání na načtení DOM Čekání na načtení stránky Čekání na načtení větší části DOM Zjištění okamžiku načtení DOM Hledání elementů v dokumentu HTML Hledání elementů podle názvu třídy Hledání elementů podle selektoru CSS cssquery jquery XPath Získání obsahu elementu Získání textu z elementu Získání HTML z elementu Práce s parametry elementů Získání a nastavení hodnoty parametru Úprava DOM Tvorba uzlů pomocí DOM Vkládání do DOM Vkládání HTML do DOM Odstraňování uzlů z DOM Shrnutí Kapitola 6 Události Úvod do událostí JavaScriptu Asynchronní události versus vlákna Vlákna v JavaScriptu Asynchronní callback funkce Fáze událostí

4 6 Obsah Běžné vlastnosti události Objekt události Klíčové slovo this Zrušení bublání události Přepsání standardní akce prohlížeče Vázání monitorů událostí Tradiční vázání Výhody tradičního vázání Nevýhody tradičního vázání Vázání DOM: W3C Výhody vázání podle W3C Nevýhoda vázání podle W3C Vázání DOM: IE Výhoda vázání podle IE Nevýhody vázání podle IE addevent a removeevent Výhody funkce addevent Nevýhoda funkce addevent Typy událostí Nevtíravé skriptování DOM Předpoklad, že JavaScript bude zakázán Ujištění se, že odkazy nezávisí na JavaScriptu Sledování, kdy je zakázán CSS Dostupnost událostí Shrnutí Kapitola 7 JavaScript a CSS Přistupování k informaci o stylech Dynamické elementy Pozice elementu Zjištění pozice Nastavení pozice Velikost elementu Viditelnost elementu Animace Rozvinutí Roztmívání Prohlížeč Pozice ukazatele myši Zobrazovací pole

5 Obsah 7 Velikost stránky Pozice rolovací lišty Posun rolovací lišty Velikost zobrazovacího pole Táhni a pusť ( drag&drop ) Knihovny moo.fx a jquery Scriptaculous Přeuspořádání pomocí techniky táhni a pusť (tzv. sortables ) Šoupátko ( slider ) Shrnutí Kapitola 8 Vylepšování formulářů Validace formulářů Povinná pole Kontrola podle shody se vzorem URL Telefonní číslo Datum Sada pravidel Zobrazování chybových zpráv Validace Kdy validovat Validace při potvrzení formuláře Validace při změně pole Validace po načtení stránky Zlepšování použitelnosti Vznášející se popisky Označení povinných polí Shrnutí Kapitola 9 Vytváření galerie obrázků Ukázkové galerie Lightbox ThickBox Vývoj galerie Nenápadné načítání Průhledná překryvná plocha

6 8 Obsah Umístěný obalový prvek Navigace Prezentace Shrnutí Část 4 Ajax Kapitola 10 Úvod do Ajaxu Použití Ajaxu Požadavky HTTP Navázání spojení Serializace dat Poslání požadavku GET Poslání požadavku POST Odpověď HTTP Ošetření chyb Kontrola vypršení časového limitu Zpracování dat z odpovědi Kompletní balíček pro AJAX Příklady užívání různých druhů dat Kanál RSS založený na XML Vkládání HTML JSON a JavaScript: Vzdálené spouštění Shrnutí Kapitola 11 Blogy vylepšené Ajaxem Nekonečný blog Šablona blogu Zdroj dat Detekce událostí Požadavek Výsledek Živé blogování Shrnutí

7 Obsah 9 Kapitola 12 Vyhledávání s automatickým dokončováním Příklady vyhledávání s dokončováním Výstavba stránky Sledování vstupu z klávesnice Přijímání výsledků Ovládání menu s výsledky Navigace pomocí klávesnice Navigace pomocí myši Konečný výsledek Shrnutí Kapitola 13 Ajax a Wiki Co je Wiki? Komunikace s databází Ajaxový požadavek Kód na straně serveru Zpracování požadavku Spouštění a formátování SQL Zpracování odpovědi JSON Speciální případová studie: javascriptový blog Kód aplikace Hlavní javascriptový kód Javascriptová knihovna SQL Serverový kód v jazyce Ruby Shrnutí Část 5 Budoucnost JavaScriptu Kapitola 14 Kam se ubírá vývoj JavaScriptu? JavaScript 1.6 a JavaScript ECMAScript pro XML (E4X) Novinky pro práci s poli JavaScript Generátor polí

8 10 Obsah Platnost jmen s let Destrukturování Web Applications Hodiny Jednoduchá simulace planet Comet Shrnutí Část 6 Přílohy Příloha A Reference DOM Zdroje Terminologie Globální proměnné Navigace v DOM Informace o uzlu Atributy Úpravy DOM Příloha B Referenční příručka událostí Zdroje Terminologie Objekt Event Události stránky Události uživatelského rozhraní Události myši Události klávesnice Události formuláře Příloha C Prohlížeče Rejstřík