FULL-STACK PRO ZAČÁTEČNÍKY
Začni programovat moderní webové aplikace od nuly a postupně ovládni front-end, back-end i práci s databázemi.

O KURZU
- TIMELINE:
březen–květen
- ČEKÁ TĚ:
20 LEKCÍ
- FORMÁT
ŽIVĚ ONLINE
Zjisti, jak funguje moderní vývoj a osvoj si HTML, CSS, JavaScript, React, API i databáze. Naučíš se psát a upravovat kód, pracovat s daty, verzovat změny a vytvářet funkce, které drží aplikaci pohromadě. Vše využiješ při práci na vlastních projektech i budování kariéry v IT.
Kurz je pro tebe, pokud chceš:
-
Začít s programováním webů
Projdeš si základy HTML, CSS, JavaScriptu i backendu v Node.js a pochopíš, co jednotlivé technologie dělají a jak spolu souvisejí.
-
Získat práci v IT
Naučíš se krok za krokem tvořit webové aplikace a používat nástroje, se kterými můžeš začít stavět vlastní projekty nebo směřovat k juniorní pozici.
-
Lépe rozumět vývojářům
Získáš přehled o tom, co všechno obnáší vývoj aplikací. Díky praktické zkušenosti se budeš při komunikaci s týmem cítit jistěji a lépe pochopíš technické souvislosti projektu.
Lektor
Vladimír Říha
Lead Front-end Developer, Oracle
-
Má více než 9 let praxe a ve společnosti Oracle vede vývoj uživatelského rozhraní pro Oracle Cloud Infrastructure.
-
Začínal jako Quality Engineer v Oracle, kde pracoval na NetBeans IDE a později na webových aplikacích.
-
Působil také v Memsource a MSD jako full-stack či front-end developer.
-
Má zkušenosti s technologiemi AngularJS, Vue.js, React, Java i Node.js a pravidelně se vzdělává v moderním webovém vývoji.
Program
-
0. lekce
SEZNÁMENÍ (50 minut)
- Seznámení s lektorem a mezi sebou
- Instalace potřebných nástrojů
- Q&A
-
1. lekceStředa 4. 3. 2026
ARCHITEKTURA WEBOVÝCH APLIKACÍ
- Představení kurzu a cílů lekcí
- Architektura klient–server
- REST API, GraphQL, WebSockets, Server Sent Events
- JSON a struktura dat
- Single Page aplikace
-
2. lekcePondělí 9. 3. 2026
GIT, GITHUB
- Seznámení s nástrojem Git
- Gitflow, GitHub Flow
- Pull requesty a jejich popis
- Řešení konfliktů
- Práce s verzováním v IDE, lokální historie
-
3. lekceStředa 11. 3. 2026
NODE.JS, SPRÁVA BALÍČKŮ, ESLINT
- Co je Node.js
- package.json a lock soubory
- Yarn, NPM, PNPM
- Spouštění a debugování kódu
- Husky a pre-commit hooky
Praktické cvičení: Vytvoříš Node.js projekt, nainstaluješ ESLint, přidáš vlastní konfiguraci a nastavíš automatickou kontrolu kódu pomocí Husky.
-
4. lekcePondělí 16. 3. 2026
SEZNÁMENÍ S HTML
- Struktura HTML dokumentu
- Nadpisy, odstavce, seznamy, tabulky
- Atributy v HTML
- Práce s DevTools
-
5. lekceStředa 18. 3. 2026
HTML – SPECIÁLNÍ ZNAKY, PŘÍSTUPNOST, FORMULÁŘE
- ARIA atributy a přístupnost
- Escape znaky
- Formuláře a vstupní pole
Praktické cvičení: Vytvoříš stránku s formulářem (jméno, příjmení, email, telefon) a tabulku, do které se po odeslání vloží nový řádek s daty.
-
6. lekcePondělí 23. 3. 2026
KASKÁDOVÉ STYLY (CSS)
- Selektory a stylování
- Flexbox a Grid
- Media query a responzivní design
Praktické cvičení: Upravíš stránku pomocí CSS — přidáš responzivní rozložení formuláře, barvení řádků tabulky a hover efekty.
-
7. lekceStředa 25. 3. 2026
JAVASCRIPT 1
- Event loop
- Datové typy
- let/var/const
- Scope a hoisting
- Funkce a čisté funkce
- this a kontext
- Destrukturování
- Debugování v DevTools/IDE
-
8. lekcePondělí 30. 3. 2026
JAVASCRIPT 2
- Řídicí struktury (if/else, switch, smyčky)
- Práce s poli
- Práce s řetězci
- Regulární výrazy
- Prototypy, třídy, dědičnost
-
9. lekceStředa 1. 4. 2026
JAVASCRIPT 3: ASYNCHRONNÍ KÓD A DOM
- Callback, Promise, async/await
- Zpracování událostí
- Validace formulářů
- Manipulace s DOM
- Event bubbling/capturing
Praktické cvičení: Vytvoříš stránku, kde uživatel zadá až tři města a po odeslání se načte jednodenní předpověď počasí přes externí API.
-
10. lekceStředa 8. 4. 2026
ZÁKLADY TYPESCRIPT
- Co je TypeScript
- Typování proměnných a funkcí
- Generics
- Utility typy (Partial, Pick, Omit…)
- Propojování TS s JS
-
11. lekcePondělí 13. 4. 2026
REACT 1: ÚVOD A KOMPONENTY
- Principy Reactu
- Vytvoření aplikace
- JSX
- Komponenty a props
- Práce s poli v JSX
- Testování komponent
Praktické cvičení: Vytvoříš komponentu „Event“ s tabulkou účastníků a termínů a pokryješ ji testy.
-
12. lekceStředa 15. 4. 2026
REACT 2: HOOKY A ROUTER
- useState, useEffect, useMemo, useRef
- Prop drilling a Context API
- React Router
- Optimalizace výkonu a React DevTools
-
13. lekcePondělí 20. 4. 2026
REACT 3: FORMULÁŘE, API, TESTY
- Řízené a neřízené komponenty
- Validace vstupů
- Volání REST API
- Vlastní React hook
- Mockování v testech
Praktické cvičení: Postavíš aplikaci se třemi stránkami (seznam událostí, detail události, formulář) s routerem, API voláním a testy.
-
14. lekceStředa 22. 4. 2026
NODE.JS 1: EXPRESS A REST API
- Express.js a generátor
- Statické soubory
- Routování
- Návrh REST API
- Query parametry
Praktické cvičení: Vytvoříš Express server s endpointy pro seznam událostí, detail události a přidání nové události.
-
15. lekcePondělí 27. 4. 2026
REST API, SWAGGER A CORS
- Zpracování binárních dat
- HTTP hlavičky
- CORS
- Swagger specifikace
Praktické cvičení: Vytvoříš Swagger specifikaci svého API a vygeneruješ HTML dokumentaci včetně TS typů.
-
16. lekceStředa 29. 4. 2026
NODE.JS 2: AUTENTIKACE A MIDDLEWARE
- Session v Expressu
- Základy OAuth
- Autentikace a autorizace
- Passport.js
- Škálování pomocí PM2
-
17. lekcePondělí 4. 5. 2026
RELAČNÍ DATABÁZE
- Základy SQL
- Primární/cizí klíč
- Indexy
- Relace
- Normální formy
-
18. lekceStředa 6. 5. 2026
RELAČNÍ DATABÁZE 2: PRÁCE S DATY V NODE.JS
- SQLite v Node.js
- CRUD operace
- Napojení databáze na REST API
Praktické cvičení: Navrhneš databázový model aplikace a nahradíš statické proměnné reálnými databázovými dotazy.
-
19. lekcePondělí 11. 5. 2026
LOGOVÁNÍ, NASAZENÍ, CI/CD
- Logování a trasování
- CI/CD workflow
- GitHub Actions
- Docker image
-
20. lekceStředa 13. 5. 2026
ZÁVĚREČNÁ LEKCE A Q&A
- Shrnutí kurzu
- Doporučení k dalšímu studiu
- Prostor pro dotazy
Zjistit cenu kurzu
Vyplňte registrační formulář a získejte podrobnější informace o kurzu a jeho ceně