Tvorba klientských aplikací v JavaScriptu

Web components

• Webová interaktivní prezentace
• "?" zobrazí krátkou nápovědu
• Tisk jako obvykle
• Pro pokračování stiskněte mezerník

Obsah

1. Info - semestrálka
2. Notification API
3. CSS Nesting
4. Web components

Semestrální práce

• Termín odevzdání: 1. 6. 2025 - 23:59:59
• Penalizace: za každý pracovní den po termínu odevzdání 1 body srážka
• Jak odevzdat semestrální práci?
• https://docs.google.com/forms/d/e/1FAIpQLSe4mgCgb8tqzHryV914JGaGSAAu4CVKgR5mFj6U2KuXgqohrQ/viewform

Informace - příští cvičení

• 13. týden - ve středu tj. 14.5. je rektorský den
• 14. týden - opakování a konzultace, opravné testy, volno

Notification API

• Upozornění na úrovni OS
• Uživatel musí dát povolení
• new Notification()
• MDN Notification
• Ukázka:
  • Aplikace, která zjistí pozici zařízení a pomocí Notifikace dá vědět uživateli tuto informaci.
  • application-notify.html

CSS Nesting

• Inspirováno existujícími řešeními v preprocesorech
• Zanořený selektor představuje hierarchický vztah
• Znak & znamená právě zpracovávaný selektor
• Dokumentace:
  • https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting

Web components

• zadani.html
• Dokumentace:
  • Custom Elements
  • Shadow DOM
  • HTML Templates

Řešení

• reseni.html

Prostor pro otázky