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]

Úvod

• Skriptovanie na webových stránkach
• Vlastnosti jazyka JavaScript (pripomenutie)
• Začlenenie JavaScriptu do HTML

Úvod do Document Object Model (DOM)

• Použitie objektov
• Node, Element, Attribute a ich vlastnosti a metódy
• Vyhľadanie elementu v DOM

Použitie udalostí

• Inline registrácia
• DOM Property Event Handlers
• Štandardný prístup pomocou addEventListener
• Stornovanie defaultnej akcie udalosti
• Prebublávanie udalosti

Document Object Model (DOM)

• Objekt Window
• Objekt Document
• Objekt Image
• Objekt Navigator

Vytváranie interaktívnych formulárov

• Formulárové prvky
• Odoslanie dát formulára
• Prístup k formulárovým prvkom
• Validácia dát formulára

Moduly

• Druhy modulov
• Lazy loading

Základy Cookies a Web Storage

• Cookies
  • Vytváranie a čítanie cookies
  • Možnosti a obmedzenia cookies
  • Bezpečnostné aspekty a obmedzenie platnosti
• Local Storage
  • Ukladanie dát
  • Načítanie dát
  • Odstraňovanie dát
  • Obmedzenie a bezpečnostné aspekty
• Session Storage
  • Rozdiely medzi Local Storage a Session Storage
  • Príklady použitia

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]