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

IT LEARNING SLOVAKIA, s.r.o.

Popis kurzu

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

Hodnotenie