Angular

4h 14m 39s
Čas
37
Kapitol
765
Studentů
4.6
Hodnocení
Mírně pokročilý
Level
slovenský
Jazyk kurzu

Popis online kurzu

Naučím tě Angular. V kurzu v Angular naprogramujeme 2 aplikace. Kurz má 3 části:

  1. PRINCIPY REAKTIVITY
  2. ANGULAR
  3. PROGRAMOVÁNÍ PŘES KOMPONENTY
Angular je JavaScript frontend framework na tvorbu UI. Pomáhá ti vyrábět uživatelská rozhraní, která musí svižně reagovat na vstupy uživatele a příchozí data. Představ si Netflix, Spotify, Discord. UI reaguje na každé kliknutí, hledání, každý JSON ze serveru a automaticky se překresluje.

V první části online kurzu ti to ukážu na zjednodušeném příkladu. Ve druhé části půjdu hlouběji a naučím tě, jak funguje Angular.

Ve třetí, největší části kurzu, tě naučím programovat přes komponenty. Aplikaci rozbiješ na menší, samostatné části. Netflix může mít komponent pro navigaci, kategorie, seznam filmů, konkrétní film. Každý z nich má vlastní vzhled, vlastní chování, vlastní proměnné. Kód pro každý komponent můžeš uklidit do samostatného adresáře a oddělit ho od zbytku kódu.

Díky tomu je kód appky přehlednější a snadněji se ti nad ním přemýšlí. Když vyrábíš komponent pro film, soustředíš se jen na něj a nemusíš se bát, že by změna v něm přepsala něco v jiné části aplikace. V praxi ti komponenty dovolují jakoby vymyslet a naprogramovat vlastní HTML elementy

A kromě toho všeho tě naučím i TypeScript. Poněvadž sranda musí být.

Co všechno se naučíš

  • jak fungují reaktivní aplikace,
  • Angular,
  • rozdíl mezi Angular a AngularJS,
  • animace, component vs modulu,
  • komponenty v Angular,
  • TypeScript. 

Co všecho dostaneš

  • certifikát o absolvování kurzu,
  • diskusní fórum,
  • garance vrácení peněz do 14 dnů.

Seznam kapitol

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
Tipy, rady a pravidlá pre každý kurz
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
Dala si Angular
🎉 THE END, YAY!

Hodnocení kurzu

Roman J.
Daniel M.

Online kurz Angular je možné