Všetky ONLINE kurzy

od 49,00 €

4.9 z 5

Hodnotenie

5x
94%
4x
3%
3x
0%
2x
3%
1x
0%

Všetky online kurzy od 49 €

Viac info

Course duration 5h 6m 47s
Course chapters 39 kapitol
Course difficulty Mierne pokročilý

Popis online kurzu

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

  1. PRINCIPY REAKTIVITY
  2. REACT
  3. PROGRAMOVÁNÍ PŘES KOMPONENTY

React je JavaScript frontend knihovna 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é půjdu hlouběji a naučím tě, jak funguje React. Ve třetí, největší části kurzu, tě naučím programovat přes komponenty. Aplikaci si 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. Protože, proč ne.

Co všechno se naučíš

  • jak fungují reaktivní aplikace,
  • React,
  • JSX – speciální syntaxe pro jazyk JavaScript používaná v React,
  • React router,
  • komponenty v React,
  • TypeScript.

Čo všetko dostaneš

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

Osnova kurzu

  • 0 | REAKTIVITA     
    •  01 React  
    •  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 | REACT    
    •  06 Class komponent, JSX, stav/state cez setState  
    •  07 Robota s FORM-om, iterácia cez POLE  
    •  08 Zobraz IF platí, odošli FORM a spracuj dáta  
    •  09 setState objekt VS. setState function  
    •  10 Nová JSX šablóna, odoslanie ENTERom  
    •  11 UPDATE cool, REMOVE dude  
    •  12 REF na DOM element, VIRTUAL DOM, JSON, LIFECYCLE metódy  
    •  13 CREATE-REACT-APP, react SERVER, ANIMÁCIE  
  •  Intermezzo    
    •  14 TypeScript (je JavaScript, len viac)  
    •  15 KOMPONENTY, čo je komponent a prečo a taktiež ako a ešte raz prečo  
    •  16 Druhá appka s iTunes cez KOMPONENTY a v TypeScripte  
  •  2 | KOMPONENTY    
    •  17 CREATE-REACT-APP s TypeScriptom, iTunes appka  
    •  18 Chill video, prejdem SÚBORY APPKY, vyrobím pár KOMPONENTOV  
    •  19 React ROUTER  
    •  20 Tvoje prvé (lol, lož) FUNCTION KOMPONENTY, podstránky  
    •  21 INLINE styles, css-in-js, STYLED COMPONENTS, CSS MODULES  
    •  22 REUSABLE CSS rady, JSX opakovačky, podstránky  
    •  23 HOOKS API, useState, useEffect, VEDĽAJŠIE EFEKTY  
    •  24 Tunes podstránka v TS s HOOKS a cyklom a formom  
    •  25 RODIČ a jeho DETI, sub-komponenty  
    •  26 KOMUNIKÁCIA komponentov, TOP-DOWN DATA FLOW (teória)  
    •  27 KOMUNIKÁCIA cez PROPS od rodiča k decku  
    •  28 KOMUNIKÁCIA cez CALLBACK FUNC od decka k rodičovi  
    •  29 SINGLE SOURCE OF TRUTH, vytiahni stav do rodiča  
    •  30 REDUX (nie)  
    •  31 TS INTERFACE, vlastné dátové typy v TS + jeho história  
    •  32 useRef odkaz na DOM elementy, OPTIONAL CHAINING, refaktoring  
    •  33 LODASH, @types, iTunes api, AXIOS  
    •  34 Extract data, Samotvorba Interfacu, OBJECT DESTRUCTURING, typ Song  
    •  35 FORMÁTOVANIE výpisov, <TunesSong> komponent  
    •  36 useEffect a useMemo hooks  
    •  37 KONIEC reactu, ANIMÁCIE, Vue vs React rekap
Online kurz React je možné vyskúšať aj zdarma!