Nauč saFRONTEND

Popis kurzu

Kurz má za cieľ previesť študenta frameworkom Angular 2 takým spôsobom, aby bol na konci kurzu schopný vytvoriť hodnotnú stredne veľkú webovú aplikáciu. Zároveň poskytne aj jeden z možných postupov pri návrhu budúcej aplikácie a jej vývoji od skúseného profesionála. Postupne si vybudujeme aplikáciu, ktorú budeme na každej hodine vylepšovať na základe nových poznatkov. Prejdeme si jednotlivé stavebné prvky frameworku, prinútime ich medzi sebou komunikovať a vymienať si dáta, napojíme aplikáciu na server, budeme vedieť vkladať a vyťahovať prvky z databázy, upravovať ich za pomoci formulárov. Prejdeme si základy optimalizácie aplikácie a automatické testovanie. Na kurze budeme využívať okrem samotného Angularu aj Typescript, ktorý nám pomôže tvoriť čitateľný a moderný kód. Pre účasť na kurze nie je potrebná žiadna znalosť AngularJS (starej verzie), súčastou kurzu nie je ani migrácia kódu z AngularJS do Angular 2. Kurz bude vedený blokovou formou, jeden blok za týždeň.

Predpoklady:

• Vlastný notebook s OS (Windows, Linux, OSX)
• Znalosť Javascriptu
• Základná znalosť HTML + CSS

Osnova kurzu

Kurz je rozdelený do 10 blokov. Dĺžka jedného bloku je 3 x 45 minút, v prestávkach si môžeme dať kávičku a nabrať sily. Témy v rámci jedného bloku budú prepojené.

1. Blok

• nastavenie vývojového prostredia
• typescript
• štruktúra projektu Angular 2

2. Blok

• základné stavebné prvky
• naviazanie štýlov na komponenty
• cyklus komponentu

3. Blok

• rozdiel medzi component a directive
• pipes

4. Blok

• naviazanie štýlov na komponenty
• tok dát a vzájomná komunikácia

5. Blok

• modularita
• dependency injection
• globálne premenné

6. Blok

• smerovanie a prepájanie častí aplikácie
• vnorené stavy
• http - prepojenie s backendovým API

7. Blok

• tvorba formulárov
• vstavaná a custom validácia

8. Blok

• performance
• testovanie
• produkčná verzia