Moderné webové technológie 3 - Angular

Zhrnutie prednášky

Prednáška predstavuje framework Angular ako nástroj na tvorbu client-side webových aplikácií, kde server (napríklad Spring Boot) poskytuje iba dáta cez REST rozhranie a všetka logika vizualizácie a interakcie prebieha na strane klienta. Vysvetľuje princíp DOM modelu ako objektovej reprezentácie webovej stránky, s ktorou frameworky priamo pracujú namiesto manipulácie s HTML. Predstavuje TypeScript ako jazyk, na ktorom je Angular postavený, vrátane tried, modulov a anotácií, ktoré framework využíva na registráciu komponentov. Ďalej sa preberá proces transpilácie do JavaScriptu (ES2015 a ES5) a praktické kroky inštalácie Angular CLI a vytvorenia nového projektu, vrátane vysvetlenia štruktúry vygenerovaných súborov ako index.html, app.component.ts a app.module.ts.

• - Angular slúži na tvorbu client-side aplikácií, server poskytuje len dáta cez REST
• - Princíp fungovania webových frameworkov spočíva v manipulácii s DOM modelom (objektovou reprezentáciou HTML)
• - Angular je postavený na TypeScripte, ktorý prináša triedy, moduly a anotácie
• - Kód sa transpiluje do dvoch verzií JavaScriptu (ES2015 a ES5) kvôli kompatibilite prehliadačov
• - Vývojové prostredie obsahuje Node.js server s automatickým obnovením stránky pri zmene kódu
• - Postup inštalácie Angular CLI (npm install -g @angular/cli) a vytvorenia nového projektu (ng new)
• - Základná štruktúra projektu: index.html, app.component.ts (hlavný komponent) a app.module.ts (konfigurácia modulu)

Zhrnutie pripravené s pomocou AI z prepisu videa.