Detail kurzu

JavaScript II. - JSON a dáta, pokročilé možnosti a konštrukcie jazyka

IT LEARNING SLOVAKIA, s.r.o.

Popis kurzu

Kurz JavaScript na webe II. je určený pre ľudí, ktorí už poznajú syntax jazyka JavaScript a poznajú základné spôsoby ako manipulovať s časťami HTML stránky. Ale ak chcete Vašu stránku meniť ešte sofistikovanejšie, potrebujete viac. Je dôležité poznať vstavané objekty jazyka JavaScript, ktoré poskytujú základnú funkcionalitu pre prácu s textom, číslami a dátumami. Pri modernom JavaScripte takisto nemôžeme nespomenúť callback funkcie, AJAX či JSON. Čo všetko znamenajú tieto podivné ale dôležité skratky a slová sa dozviete na tomto kurze. Aké sú predpoklady úspešného absolvovania kurzu? Na kurze očakávame, že máte znalosti z nášho kurzu JavaScript I. Teda, že viete porozumieť a vytvoriť HTML kód jednoduchej stránky a takisto viete čítať syntax jazyka JavaScript. Na kurze sa naučíme čo sú to objekty a funkcie a zoznámime sa so vstavanými objektami jazyka JavaScript. To všetko si ukážeme na praktických príkladoch. Ďalej si ukážeme, ako môžeme komunikovať so serverom, posielať a prijímať dáta vo formáte JSON pomocou AJAXu. Tieto dáta využijeme tak, že dynamicky vygenerujeme časť stránky. To ale nieje všetko, lebo popri tom si povieme aj o zopár vychytávkach z ES6. Tento JavaScriptový kurz je veľmi praktický.

Obsah kurzu

  • Opakovanie

    • hľadanie v DOM

    • eventy - na čo môžme reagovať

    • čo môžme meniť

    • ukazka zmeny na viacerých elementoch

    • Dátové typy a operácie s nimi

    • funkcie

    • Podmienka If

    • Cykly For a While

  • Objekt

    • Čo je objekt?

    • Iný druh poľa - pomenované prvky

    • Bodková notácia vlastností

    • Objekt window, document

    • Vlastnosti môžu byť aj funkcie

  • Funkcie v objekte

    • Zápis funkcie ako vlastnosti objektu - function expression

    • Vlastnosť “this”

  • vstavané objekty a čo s nimi môžeme robiť

    • Math

      • Zaokrúhľovanie

      • generovanie náhodného čísla

    • Number

      • Konverzia z textu na číslo - parseInt, parseFloat

    • String

      • Hľadanie v texte - includes, indexOf, replace

      • Orezávanie textov - split, slice, trim

    • Date

      • Získanie dátumu

      • Manipulácia - počítanie s dňami, mesiacmi, rokmi

    • Spravíme si formulár s úrokovou kalkulačkou

  • Funkcie, ktoré voláme spätne - callback funkcie

    • Zbavíme sa on*** atribútov

    • Použijeme “počúvadlo na udalosti” s callback funkciou - addEventListener()

    • Anonymné callback funkcie - píšeme ako obyčajné parametre

    • Udalosť nahratia celej stránky - DOMContentLoaded

    • Parameter event pre callback funkciu

    • Reagujeme na stlačenie kláves - event.which

    • Reagujeme na pozíciu myší - event.clientX, event.clientY

    • Vybublávanie udalostí - preventDefault(), stopPropagation()

    • Spravíme si jednoduchú hru

  • Polia s callback funkciami

    • Array.forEach

    • Array.map

    • Array.filter

  • JSON

    • Spôsob zápisu JS objektov

    • porovnanie s XML

    • využitie

    • Objekt JSON a metódy parse() a stringify()

  • AJAX

    • Čo to je? - zmením stránku bez refreshu

    • Aké typy requestov môžeme robiť? - GET, POST

    • Objekt XMLHttpRequest

    • Na čo musíme počkať? - state

    • HTTP Status kódy

      • Dobré - 20x

      • Presmerovania - 30x

      • Zlé - 40x, 50x

    • Reagujeme, keď prídu údaje

    • Reagujeme, keď nastane chyba

    • Úloha - spravíme si menovú kalkulačku, údaje stiahneme AJAXom z NBS

  • DOM manipulácia

    • Vytváranie elementov - createElement()

    • Vkladanie do stránky - appendChild()

    • Vyberanie a náhrada - removeChild(), replaceChild()

    • Úloha - spravme si vlastný datePicker

  • Knižnice na uľahčenie programovania

    • Nevymyslame znova koleso

    • jQuery, lodash

Cieľová skupina

mierne pokročilý
Hodnotenie




Organizátor



Ďalšie termíny kurzu
Termín Cena Miesto konania Zarezervovať