4h 8m 45s
36 kapitol
Mierne pokročilý
Popis online kurzu
Naučím ťa Angular. V kurze v Angular naprogramujem 2 aplikácie. Kurz má 3 časti:
- PRINCÍPY REAKTIVITY
- ANGULAR
- PROGRAMOVANIE CEZ KOMPONENTY
Angular je JavaScriptový frontend framework na tvorbu UI. Pomáha ti vyrábať používateľské rozhrania, ktoré musia svižne reagovať na vstupy používateľa a prichádzajúce dáta. Predstav si Netflix, Spotify, Discord. UI reaguje na každé ťuknutie, hľadanie, každý JSON zo servera a automaticky sa prekresľuje.
V prvej časti online kurzu ti to ukážem na zjednodušenom príklade. V druhej pôjdem hlbšie a naučím ťa, ako funguje Angular.
V tretej, najväčšej časti kurzu, ťa naučím programovať cez komponenty. Ty si aplikáciu rozbiješ na menšie, samostatné časti. Netflix môže mať komponent pre navigáciu, kategórie, zoznam filmov, konkrétny film. Každý z nich má vlastný výzor, vlastné správanie, vlastné premenné. Kód pre každý komponent môžeš upratať do samostatného adresára a oddeliť ho od zvyšku kódu.
Vďaka tomu je kód appky prehľadnejší a jednoduchšie sa ti nad ním rozmýšľa. Keď vyrábaš komponent pre film, sústredíš sa len naň a nemusíš sa báť, že by zmena v ňom prepísala niečo v inej časti aplikácie. V praxi ti komponenty dovoľujú akoby vymyslieť si a naprogramovať si vlastné HTML elementy.
A okrem toho všetkého ťa naučím aj TypeScript. Lebo sranda musí byť.
Upozornenie: Videá v tomto kurze sú súčasťou online kurzu React, Angular, Vue (a TypeScript), takže pokiaľ už máš ten kurz zakúpený, tento kurz na Angular si neobjednávaj.
Čo všetko sa naučíš
- ako fungujú reaktívne aplikácie,
- Angular,
- rozdiel medzi Angular a AngularJS,
- animácie, component vs module,
- komponenty v Angular,
- TypeScript.
Čo všetko dostaneš
- 35 videotutoriálov a viac ako 4 hodiny videí,
- certifikát o absolvovaní kurzu,
- diskusné fórum,
- garancia vrátenia peňazí do 14 dní v prípade, že s kurzom nebudeš spokojný.
Upozornenie: Videá v tomto kurze sú súčasťou online kurzu React, Angular, Vue (a TypeScript), takže pokiaľ už máš ten kurz zakúpený, tento kurz na Angular si neobjednávaj.
Osnova kurzu
- 0 | REAKTIVITA
- 01 Angular
- 02 Ako to bude prebiehať (nastavenia, pluginy, programy)
- 03 Reaktívne appky | najprv vo VUE
- 04 PODMIENKY a CYKLY v HTML, SYNCHRONIZÁCIA stavu s UI | vue
- 05 JSON zo servera, ANIMÁCIE | vue
- 1 | ANGULAR
- 06 TypeScript (je JavaScript, len viac)
- 07 Angular vs Angularjs, CLI inštalácia, súbory adresáre
- 08 CYKLUS, odoslanie FORMU, prvé TypeScript typy
- 09 Viditeľnosť a CSS classy podľa podmienky + redizajn
- 10 PRIDAJ dúda, VYMAŽ dúda
- 11 [(ngModel)], @dekorátory, REFerencia na DOM elementy
- 12 JSON, Services, TS Interface, vlastné dátové typy
- 13 ANIMÁCIE, rozdiel COMPONENT vs MODULE
- Intermezzo
- 14 KOMPONENTY, čo je komponent a prečo a taktiež ako a ešte raz prečo
- 15 Druhá appka s iTunes cez KOMPONENTY a v TypeScripte
- 2 | KOMPONENTY
- 16 iTunes App
- 17 ROUTER, generate komponent príkaz
- 18 RouterLinky a <the-navigation>
- 19 SCOPED CSS, globálne vs lokálne štýly, Reusable CSS
- 20 PIPES na formátovanie, TS INTERFACE, form, cyklus
- 21 SERVICES (a components/views slovíčkarenie)
- 22 TEMPLATE REF, odkaz na DOM input
- 23 TEMPLATE priamo v DEKORÁTORE, sub-komponenty
- 24 KOMUNIKÁCIA rodič --> decko cez @Input
- 25 KOMUNIKÁCIA decko --> rodič cez @Output
- 26 CH-CH-CHANGES 👨🎤 reaguj na zmenu hodnoty
- 27 NGRX store, ďalších 100tisíc spôsobov, TOP-DOWN FLOW, SOURCE OF TRUTH
- 28 lodash, npm @types, DEBOUNCE
- 29 OBSERVABLES a RxJS vo veľkej skratke
- 30 iTunes HttpClient service, iTunes API
- 31 Http subscribe(), komunikácia cez OBSERVABLE service
- 32 Extract data, Paste JSON as Code pomocník
- 33 <tunes-song> komponent
- 34 CUSTOM PIPES
- 35 ANIMÁCIE, Angular vs React vs Vue posledný rekap
Inštruktor
