Kurz se věnuje využití jazyka JavaScript v kontextu dynamické HTML stránky. Potřebujete jednoduchou logiku pro tlačítko, validovat data odesílaná formulářem na server? Vytvřet dynamické efekty nebo pochopit efektivní registraci událostí pomocí [...]
  • JS_DOM1
  • Délka 3 dny
  • 30 ITK bodů
  • 0 termínů
  • Praha (23 100 Kč)

    Brno (23 100 Kč)

    Bratislava (990 €)

  • Mírně pokročilý

Kurz se věnuje využití jazyka JavaScript v kontextu dynamické HTML stránky. Potřebujete jednoduchou logiku pro tlačítko, validovat data odesílaná formulářem na server? Vytvřet dynamické efekty nebo pochopit efektivní registraci událostí pomocí propagace? Nebo vstupujete do světa front-end web developmentu a hledáte první krok směrem k vývoji aplikací v Reactu, Angularu či Vue? Tohle je kurz právě pro vás.

»

Kurz je určen pro začínající programátory v jazyce JavaScript, kteří již ovládají základní syntaxi a chtějí se naučit používat JavaScript pro tvorbu interaktivních HTML stránek. Studenti si osvojí práci s DOM (Document Object Model) a naučí se vytvářet dynamické webové stránky, které reagují na uživatelské události, sbírají data z formulářů a provádějí jejich validaci. Navazující kurz JS_DOM2 se zaměřuje na další webová API, popřípadě studenti mohou dále pokračovat ve studiu konkrétních front-end knihoven, jako jsou React, Angular nebo Vue.

  • Přistupovat k prvkům na HTML stránce pomocí JavaScriptu
  • Používat css pro dynamické formátování stránky
  • Reagovat na události DOMu, používat propagaci událostí
  • Validovat formuláře pomocí vestavěné i programové logiky
  • Travesovat, prohledávat DOM a manipulovat s ním
  • Základní znalost jazyka HTML na úrovni kurzu [HTMLCSS]
  • Znalost syntaxe jazyka JavaScript na úrovni kurzu [JS_PROG1]

Úvod

  • Skriptování na webovských stránkách
  • Vlastnosti jazyka JavaScript (připomenutí)
  • Začlenění JavaScriptu do HTML

Úvod do Document Object Model (DOM)

  • Použití objektů
  • Node, Element, Attribute a jejich vlastnosti a metody
  • Vyhledání elementu v DOM

Použití událostí

  • Inline registrace
  • DOM Property Event Handlers
  • Standardní přístup pomocí addEventListener
  • Stornování defaultní akce události
  • Probublávání události

Použití Document Object Model (DOM)

  • Přístup k css
  • Travesování DOM
  • Prohledávání DOM
  • Manupulace s DOM

Vytváření interaktivních formulářů

  • Formulářové prvky
  • Odeslání dat formuláře
  • Přístup k formulářovým prvkům
  • Validace dat formuláře
Aktuální nabídka
Školicí místo
Jazyk kurzu

Uvedené ceny jsou bez DPH.