DOM v JavaScripte I: Základy

Kurz je určený pre začínajúcich JS programátorov, ktorí už poznajú základnú syntax JavaScriptu a chceli by použiť JS na tvorbu interaktívnych HTML stránok.

• Dynamicky ovládať prvky na HTML stránke pomocou JavaScriptu
• Reagovať na užívateľské udalosti
• Používať objekty poskytované prehliadačom, ako sú Document alebo Window
• Používať a validovať formuláre pomocou programovej logiky
• Používať úložiská poskytované prehliadačom, ako je cookies alebo LocalStorage
• Dynamicky generovať obsah dokumentu

• Základná znalosť jazyka HTML na úrovni kurzu [HTMLCSS]
• Znalosť syntaxi jazyka JavaScript na úrovni kurzu [JS_PROG1]

• Odborný výklad s praktickými ukážkami, cvičenia na počítačoch

• Prezentácia preberanej látky v tlačenej alebo online forme

Úvod

• Skriptovanie webu
• Vlastnosti jazyka JavaScript (pripomenutie)
• Zapracovanie JavaScriptu do HTML

Úvod do objektového modelu dokumentu (DOM)

• Používanie objektov
• Uzol, element, atribútu a ich vlastností a metód
• Nájdenie prvku v DOM

Používanie udalostí

• Inline registrácia
• Obsluha udalostí vlastností DOM
• Štandardný prístup pomocou addEventListener
• Ukladanie predvolenej akcie udalosti
• Ladenie udalostí

Používanie Document Object Model (DOM)

• Prístup k css
• Prechádzanie DOM
• Vyhľadávanie DOM
• Manipulácia DOM

Vytváranie interaktívnych Formuláre

• Prvky formulára
• Odosielanie údajov formulára
• Prístup k prvkom formulára
• Validácia údajov formulára

Predošlé kurzy

JavaScript I: Základy [JS_PROG1]

Nasledujúce kurzy

Komunikácia so serverom pomocou AJAX a Fetch API [JS_AJAX]

Angular I: Základy [JS_ANGULAR1]

Asynchrónne a reaktívne programovanie v JavaScripte [JS_ASYNC]

DOM v JavaScriptu II: Pokročilé techniky [JS_DOM2]

TypeScript - typová kontrola pro JavaScript [JS_TS1]

Úvod do Vue.js [JS_VUE1]

Tvorba JS aplikací s využitím protokolu WebSocket [JS_WEBSOCKET]

jQuery Framework [JS_JQUERY]

React I: Základy [JS_REACT1]

React II: Pokročilé techniky [JS_REACT2]

Redux a jeho implementace v Angular a React aplikacích [JS_REDUXJS1]

Úvod do frameworku Solid.js [JS_SOLID1]

Úvod do frameworku Svelte [JS_SVELTE1]

Automatizované testování JS aplikací pomocí knihovny Jest [JS_TEST_JEST]