Detail kurzu
Tvorba, programovanie webstránok V. - jQuery, interaktivita a úvod do JavaScriptu
IT LEARNING SLOVAKIA, s.r.o.
Popis kurzu
Kurz Tvorba, programovanie webstránok V. je ďalším pokračovaním našich kurzov pre budúcich programátorov webstránok. Tento kurz je ideálnym vstupom do sveta JavaScriptu. Naučíme sa JavaScript pochopiť, čítať kód a používať jeho zápis. Kurz je určený pre začiatočníkov v tejto oblasti. Na tomto kurze sa po prebratí základov JavaScriptu bude následne pre jednoduchosť používania a efektivitu programovania používať knižnica jQuery. Naučíme sa s knižnicou pracovať a využívať ju na oživenie webstránok bez nutnosti hlbších znalostí programovania.
Kinžnica jQuery sa stala za posledné roky určitým synonymom pre moderný web plný animácií, prechodov, tlačidiel a vyskakovacích okien. Na kurze sa účastník naučí rozumieť DOM modelu, selektorom, pochopí rozmýšľanie jQuery programátorov a pomocou množstva príkladov začne túto technológiu denne využívať pri obohacovaní svojich webových aplikácií a stránok.
Otváranie, zatváranie a animácie prvkov na webstránke, pokročilé, ale zato jednoduché selektovanie prvkov bude s jQuery hračka. Táto knižnica je pripravená maximálne šetriť Váš čas popri programovaní webstránky, preto je jej znalosť dnes vyžadovaná takmer každým zamestnávateľom.
Obsah kurzu
- Pohľad na modernú webstránku - Dnes využívané technológie - HTML5 a podpora JavaScriptu - Vývoj jazyka JavaScript - Podpora prehliadačov - Čo všetko dnes vieme spraviť na webe? - Píš menej, urob viac – jQuery - Čo je to knižnica jQuery? - Ako sa v jQuery programuje? - Čo budeme potrebovať? - Nástroje na ladenie skriptov - Dostupnosť a verzie - Výhody a nevýhody - Čo sa robí cez jQuery a čo pomocou CSS a HTML5? - Pripájame do stránky jQuery - Aktuálna verzia - Podpora IE - Čo je to plná verzia a čo jQuery min? - Stiahneme si jQuery lokálne, alebo máme použiť CDN? - Prvý príklad - Predstavme si dôležité možnosti a funkcionality - Funkcie - Prístup k objektom - Animácie - Interaktivita - Začíname programovať v JavaScripte s pomocou jQuery - Elementy, selektory a atribúty - Objektový model dokumentu – DOM - Vlastné selektory a pozičné selektory - Vyberáme a pristupujeme na objekty cez - Názov - Atribút - Triedu - Prvé príkazy: .html, .text, .css, .hide, .show, .toggle, .addClass - Syntax „jazyka“ - Ostatné selektory: všetko, tagy v tagoch, podľa obsahu, podľa potomkov, podľa atribútov, ... - Tagy podľa hodnoty atribútu a iné - Pozičné selektory v praxi – tabuľky a zoznamy - Pracujeme s DOM - Zabudnime na onclick = “moja funkcia();“ – máme niečo lepšie! - Skrývame a odkrývame na jeden klik - CSS ešte efektívnejšie - Nový selektor - Hľadáme texty :contains - jQuery a udalosti - Čo sú to udalosti? - Priame nanášanie udalostí – eventuality - Prepojenie eventualít a jQuery - Obsluha udalostí - Obsluhujeme selecty a sledujeme hodnoty - Zväzujeme udalosti .on - Zisťujeme pozíciu kurzora - Zisťujeme informácie o objektoch - .mouseenter vs. .mouseover - Ostatné udalosti: mousedown, mouseup, mouseleave - Nanášame na objekt viac udalostí - pageX a pageY - Obsluhujeme klávesnicu - Sledujeme stlačené znaky - Kontrolujeme vstupy - Focusin, focusout - Efekty za pár sekúnd - Neprogramujme – používajme - CSS vlastnosti display a opacity - Show, hide, toogle, fadein, fadeout a vlastnosť duration - Slideup, slidedown, slidetoogle - Pokročilé grafické efekty a animácie - .animate a jej vlastnosti - jQuery a vstavané AJAX funkcie - Z čoho sa skladá AJAX? - Využívanie $.ajax - Čítame externý obsah bez nutnosti refreshu celého prehliadača - Jednoduchý príklad – hodiny - Tvoríme záložkový AJAX systém - Spracovávame hodnoty z formulára cez AJAX - Rozdiel medzi požiadavkami POST a GET - metóda .load - Programujeme a tvoríme praktické príklady - DiskusiaCieľová skupina
mierne pokročilýHodnotenie
Organizátor
Ďalšie termíny kurzu
Podobné kurzy
podľa názvu a lokality
