React, Angular a Vue sú JavaScriptové, frontendové knižnice (ok, Angular je framework a Vue je niečo medzi) na tvorbu UI. Pomáhajú 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.

Spravím tú istú appku v každom. To je lož, spravím dve. Na prvej ti ukážem "reaktívnosť" a rozdiely medzi nimi. Na druhej ťa naučím programovanie cez komponenty a TypeScript. Naučím ťa všetky tri. Teda štyri. Veci.

Komponenty sú fajn. 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 kód môžeš písať v TypeScripte.
Ktorý ťa naučím tiež.

🔥🎉🔥 Nový kurz kupuj tu React, Angular, Vue (a TypeScript) 🔥🎉🔥

Je v ňom 80 videí. Stojí 79 eur (dostaneš ho aj v rámci predplatného). 10 hodín a 24 minút videa. Kurz je hotový, kompletný, ale v budúcnosti pár videí ešte môže pribudnúť.

pozri si tak hodinu z kurzu

Spravím tú istú appku v Reacte, Vue aj v Angulare. A potom spravím ešte jednu. Znova vo všetkých troch. A v TypeScripte. Čiže 6 aplikácií. Kód každej z nich si samozrejme môžeš stiahnuť.

• vieš jeden z nich a chceš sa naučiť ostatné
• chceš porovnať rozdiely v kóde a filozofii každého
• roky píšeš javascript, ale "bojíš sa" skočiť do typescriptu
• si so žiadnym "reaktívnym" js ešte nerobil/a

ČO POTREBUJEŠ VEDIEŤ?

Potrebuješ základy HTML, CSS a JavaScriptu. To je asi tak všetko. Akože... zišlo by sa vedieť, čo je programovanie a ako sa robí:) Inak si v poho. Ak síce vieš JavaScript, ale chceš ho vedieť lepšie + sa naučiť všeko o tools ako webpack, npm, babel, yarn... tak mám kurz presne na to.

Ak si nikdy neprogramoval, mám kurz, v ktorom sa síce pracuje v PHP, ale naučí ťa základy programovania. Má to priam v názve.

 
🔥🎉🔥 React, Angular, Vue (a TypeScript) kurz sa dá kúpiť tu za 79 🔥🎉🔥
Samozrejme ak máš predplatné, kurz dostaneš automaticky.

1. React, Angular, Vue (a TypeScript)
2. Ako bude kurz prebiehať (takto)
3. Reaktívne appky | najprv vo VUE
4. PODMIENKY a CYKLY v HTML, SYNCHRONIZÁCIA stavu s UI | vue
5. JSON zo servera, ANIMÁCIE | vue
6. react | class komponent, JSX, stav/state cez setState
7. react | robota s form-om, iterácia cez pole

rozbaliť zvyšné epizódy

8. react | zobraz IF platí, odošli FORM a spracuj
9. 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
14. React vs Vue, prvá rekapitulácia a PROSBA
15. TypeScript (je JavaScript, len viac)
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
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
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, komponent
37. vue | ANIMÁCIE a emocionálny kolaps
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, TOP-DOWN DATA FLOW (teória)
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, Samotvorba Interfacu, OBJECT DESTRUCTURING, typ Song
56. react | FORMÁTOVANIE výpisov, komponent
57. react | useEffect a useMemo hooks
58. react | KONIEC reactu, ANIMÁCIE, Vue vs React rekapitulácia
59. (toto preskoč) hádky, VUE 3 COMPOSITION API, strácame jednoduchosť
60. angular | iTunes App
61. angular | ROUTER, generate komponent príkaz
62. angular | RouterLinky a
63. angular | SCOPED CSS, globálne vs lokálne štýly, Reusable CSS
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 hodnoty
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 | komponent
78. angular | CUSTOM PIPES
79. angular | ANIMÁCIE, Angular vs React vs Vue posledný rekap
80. goodbye horses

Ak ma chceš podporiť patreon.com/yablko.
Ak chceš nové info o všetkom, choď na facebook.com/yablko.smrdi.
Ak chceš ďalšie moje videá, choď na youtube.com/yablko.
Ak chceš všetky kurz na rok, skús predplatné.
Ak sa ti kurz páči, povedz každému:)