prednasky

Prednášky

1. Úvod (WWW, HTTP, URL, webový server, statický/dynamický obsah, DOM), HTML5 - rozdeľujúce elementy (22.9.)

2. HTML5 - účel, štruktúra a sémantika textu, obrázky a multimédiá, ďalší obsah (29.9.)

3. CSS - úvod, syntax, vloženie štýlov, selektory, miera konkrétnosti selektora, dedenie, box model, základné vlastnosti (6.10.)

   • Príklady z prednášky

4. CSS - štandardný tok, rozloženie stránky (float, css tabuľky, grid layout), responzívny dizajn (vs. statický, tekutý, adaptívny) (13.10.)

   • Príklady z prednášky

5. Zostavenie na strane servera - SSR architektúra, REST, Laravel MVC úvod, prvá aplikácia (20.10.)

   • PHP rýchlokurz

6. Laravel - základné koncepty architektúry, Blade, ORM (Eloquent), vzťahy medzi modelmi (27.10.)

7. Laravel - sedenia (sessions), cache, validácia, logovanie, obsluha chýb (error handling), udalosti (events), autorizácia, lokalizácia (i18n), jednotkové testovanie (unit testing) (3.11.)

   • Jednoduchý manažér úloh: pridanie ďalších technológií - prezentácia HANDS ON
     • Jednoduchý manažér úloh: aktuálny stav z prednášky - zdrojový kód bez vendora

8. JavaScript - úvod, základné konštrukcie, OO vs. funkcionálne programovanie (koncepty multiparadigmový, dynamický, prototypovací jazyk), objekty, dedenie (prototype chaining), vloženie JS, režimy vykonania JS, Web API, manipulácia s DOM, udalosti, delegovanie udalostí (24.11.)

   • Ukážka - deklaratívne vs. imperatívne programovanie

9. JavaScript - AJAX, Fetch API, sľuby (promises), lokálne úložisko (local storage), úložisko sedenia (session storage), IndexedDB, moduly - AMD, CommonJS, zavádzače, transpilátor, balíkovač (bundler), minifikácia, zamlženie kódu (obfuscation), Webpack, strict režim, Vue.js - úvod (1.12, 7.12.)

   • Ukážka - AJAX vs. Fetch API

10. Vue.js - rektivita, základné konštrukcie, komponenty, dynamické/asynchrónne komponenty, hooks, udalosti, filtre, mixins, Vuex (store), rámec Quasar (1.12.)

    • Príklady z prednášky

11. Node.js, Vue.js - zostavenie na strane servera (server-side rendering), prerendering, hydratácia (client-side hydration), Adonis.js, websockety, Sass preprocesor (15.12.)

    • Ukážka - Vue.js - server-side rendering