8h 26m 38s
80 kapitol
Mierne pokročilý
Popis online kurzu:
V tomto kurze sa naučíš React, Angular aj Vue. V online kurze lektor Yablko spraví dve webové aplikácie v Reacte, Angulare aj vo Vue. V kurze sa naučíš všetko potrebné, aby si si vedel vybrať ten správny framework pre tvoj ďalší projekt. Naučíš sa všetko potrebné, aby si všetky frameworky vedel využívať v praxi. React, Angular aj Vue sú front-endové JavaScriptové technológie, ktoré robia reaktívne UI. UI je User Interface a zahŕňa jednotlivé screeny, stránky, podstránky, tlačidlá a ďalšie vizuálne prvky, ktoré pomáhajú používateľovi pri komunikácií s (webovou) aplikáciou.
React, Angular aj Vue sú 3 nástroje, na tú istú prácu. Robia tri veci:
- Reaktívnosť
- Synchronizácia UI so stavom
- Programovanie cez KOMPONENTY
V kurze Yablko naprogramuje dve appky: na prvej ti ukáže reaktivitu v praxi a porovná troch tátošov (React, Angular, Vue) a na druhej ťa naučí komponenty a TypeScript. Budeš veľa programovať, všetko si vyskúšaš. Všetok kód, čo Yablko napíše, si môžeš stiahnuť.
Čo sa naučíš:
- React, Angular, Vue a TypeScript,
- JSX, JSON, React lifecycle metódy,
- podmienky, cykly, komponenty,
- milión ďalší veci, pozri zoznam kapitol 👇
Čo všetko dostaneš:
- 80 videotutoriálov (videá do kurzu každý deň pribúdajú, zatiaľ je k dispozícii 35/80),
- diskusné fórum,
- certifikát o absolvovaní kurzu,
- garancia vrátenia peňazí do 14 dní v prípade, že s kurzom nebudeš spokojný.
Zoznam kapitol online kurzu:
- VŠETCI
- 01 React, Angular, Vue (a TypeScript)
- 02 Ako bude kurz prebiehať (takto)
- 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
- React
- 06 react | class komponent, JSX, stav/state cez setState
- 07 react | robota s form-om, iterácia cez pole
- 08 react | zobraz IF platí, odošli FORM a spracuj
- 09 react | setState objekt VS. setState function
- 10 react | nová JSX šablóna, odoslanie ENTERom
- 11 react | UPDATE cool, REMOVE dude
- 12 react | REF na DOM element, VIRTUAL DOM, JSON, LIFECYCLE metódy
- 13 react | CREATE-REACT-APP, react SERVER, ANIMÁCIE
- VŠETCI
- 14 React vs Vue, prvá rekapitulácia a PROSBA
- 15 TypeScript (je JavaScript, len viac)
- Angular
- 16 angular | vs Angularjs, CLI inštalácia, súbory adresáre
- 17 angular | CYKLUS, odoslanie FORMU, prvé TypeScript typy
- 18 angular | viditeľnosť a CSS classy podľa podmienky + redizajn
- 19 angular | PRIDAJ dúda, VYMAŽ dúda
- 20 angular | [(ngModel)], @dekorátory, REFerencia na DOM elementy
- 21 angular | JSON, Services, TS Interface, vlastné dátové typy
- 22 angular | ANIMÁCIE, rozdiel COMPONENT vs MODULE
- VŠETCI
- * 23 Ktorý mám najradšej a prečo je to SVELTE? Ktorý je naj?
- * 24 KOMPONENTY, čo je komponent a prečo a taktiež ako a ešte raz prečo
- * 25 Druhá appka s iTunes cez KOMPONENTY a v TypeScripte
- Vue
- * 26 vue | Vue CLI, inštalácia cez terminál
- * 27 vue | ukážková mini appka, ŠTRUKTÚRA SÚBOROV
- * 28 vue | prvý KOMPONENT, SCOPED styles, ROUTER
- * 29 vue | Tunes podstránka, SUB-KOMPONENTY
- * 30 vue | KOMUNIKÁCIA KOMPONENTOV - od rodiča k decku cez PROPS
- * 31 vue | KOMUNIKÁCIA - od decka k tatkovi cez $EMIT EVENT
- * 32 vue | KOMUNIKÁCIA - odvšadiaľ všade cez EVENT BUS, VUEX
- * 33 vue | @types, LODASH, axios, ITUNES API, tsconfig
- * 34 vue | type ANY je cheat, OBJECT DESTRUCTURING, filter, map
- * 35 vue | INTERFACE, vlastné dátový typy v TypeScripte
- * 36 vue | VUE FILTERS, <tunes-song> komponent
- * 37 vue | ANIMÁCIE a emocionálny kolaps
- React
- * 38 react | CREATE-REACT-APP s TypeScriptom, iTunes appka
- * 39 react | chill video, prejdem SÚBORY APPKY, vyrobím pár KOMPONENTOV
- * 40 react | React Router
- * 41 react | tvoje prvý (lol, lož) FUNCTION KOMPONENTY, podstránky
- * 42 react | INLINE styles, css-in-js, STYLED COMPONENTS, CSS MODULES
- * 43 react | REUSABLE CSS rady, JSX opakovačky, podstránky
- * 44 react | HOOKS API, useState, useEffect, VEDĽAJŠIE EFEKTY
- * 45 react | Tunes podstránka v TS s HOOKS a cyklom a formom
- * 46 react | RODIČ a jeho DETI, sub-komponenty
- * 47 react | KOMUNIKÁCIA komponentov
- * 48 react | KOMUNIKÁCIA cez PROPS od rodiča k decku
- * 49 react | KOMUNIKÁCIA cez CALLBACK FUNC od decka k rodičovi
- * 50 react | SINGLE SOURCE OF TRUTH, vytiahni stav do rodiča
- * 51 react | REDUX (nie)
- * 52 react | INTERFACE, vlastné dátové typy v TS + jeho história
- * 53 react | useRef odkaz na DOM elementy, OPTIONAL CHAINING, refaktoring
- * 54 react | LODASH, @types, iTunes api, AXIOS
- * 55 react | extract data, OBJECT DESTRUCTURING, typ Song
- * 56 react | FORMÁTOVANIE výpisov, <TunesSong> komponent
- * 57 react | useEffect a useMemo hooks
- * 58 react | ANIMÁCIE, Vue vs React rekapitulácia, koniec
- * 59 (toto preskoč) hádky, VUE COMPOSITION API, strácame jednoduchosť
- Angular
- * 60 angular | iTunes App inštalácia
- * 61 angular | ROUTER, generate komponent príkaz
- * 62 angular | RouterLinky a <the-navigation>
- * 63 angular | SCOPED CSS, globálne vs lokálne štýly
- * 64 angular | PIPES na formátovanie, TS INTERFACE, form, cyklus
- * 65 angular | SERVICES (a components/views slovíčkarenie)
- * 66 angular | TEMPLATE REF, odkaz na DOM input
- * 67 angular | TEMPLATE priamo v DEKORÁTORE, sub-komponenty
- * 68 angular | KOMUNIKÁCIA rodič --> decko cez @Input
- * 69 angular | KOMUNIKÁCIA decko --> rodič cez @Output
- * 70 angular | CH-CH-CHANGES 👨🎤 reaguj na zmenu v premennej
- * 71 angular | NGRX store, ďalších 100tisíc spôsobov, TOP-DOWN FLOW, SOURCE OF TRUTH
- * 72 angular | lodash, npm @types, DEBOUNCE
- * 73 angular | OBSERVABLES a RxJS vo veľkej skratke
- * 74 angular | iTunes HttpClient service, iTunes API
- * 75 angular | Http subscribe(), komunikácia cez OBSERVABLE service
- * 76 angular | Extract data, Paste JSON as Code pomocník
- * 77 angular | <tunes-song> komponent
- * 78 angular | CUSTOM PIPES
- * 79 angular | ANIMÁCIE, Angular vs React vs Vue posledný rekap
- VŠETCI
- * 80 goodbye horses
Kurz je možné vyskúšať aj zdarma!
Inštruktor
