Naučte se tvořit weby, které skutečně fungují
Většina kurzů vás naučí kliknout na tlačítka a kopírovat kód. My vás naučíme přemýšlet jako vývojář. Pochopíte, proč věci fungují tak, jak fungují, a jak stavět weby, které obstojí v reálném světě.
Každý modul je postavený na projektech, které vás donutí řešit problémy. Ne sledovat videa a dělat přesně to samé. Budete debugovat chyby, hledat řešení a učit se z vlastních omylů. Přesně tak, jak to chodí v praxi.
Kurz není o tom naučit vás framework. Je o tom, abyste pochopili HTML, CSS a JavaScript natolik dobře, že pak zvládnete jakýkoliv nástroj.
Jak probíhá učení
Program je rozdělen na tři fáze, které vás provedou od základů až k samostatné práci na komplexních projektech. Každá část má svůj účel a připravuje vás na tu další.
Základy bez kompromisů
Začnete s HTML a CSS, ale ne tak, jak jste zvyklí. Žádné "přidej tuhle třídu a bude to fungovat". Naučíte se, jak prohlížeč skutečně interpretuje váš kód.
Pochopíte box model, specificity, kaskádu. Věci, které většina lidí přeskakuje a pak se diví, proč jim layout nefunguje na mobilech.
- Sémantické značky a jejich vliv na SEO
- Flexbox a Grid bez tutoriálů
- Responzivní design od začátku
- Přístupnost jako standard, ne bonus
JavaScript, který dává smysl
Hodně lidí se bojí JavaScriptu, protože skočili rovnou do frameworků. My začneme u toho, jak jazyk funguje pod kapotou. Proměnné, funkce, scope, asynchronní kód.
Budete psát kód, který dělá konkrétní věci. Formuláře, které validují data. Interaktivní komponenty bez knihoven. Fetch API pro práci s daty.
- DOM manipulace bez jQuery
- Event handling a delegace
- Promises a async/await v praxi
- Práce s API a reálnými daty
Projekty, ne cvičení
Poslední fáze je o aplikaci všeho, co jste se naučili. Postavíte kompletní web od wireframu až po deployment. S verzováním v Gitu, optimalizací výkonu, responzivitou.
Dostanete zadání jako od reálného klienta. Budete muset rozhodnout, jakou strukturu zvolit, jak organizovat CSS, kde použít JavaScript. Žádné návody krok za krokem.
- Kompletní workflow od návrhu po nasazení
- Git, pull requesty, code review
- Performance optimization a debugging
- Vlastní portfolio projekt
Co najdete v každém modulu
HTML a CSS bez prázdných slov
První modul není jen o značkách a stylech. Pochopíte, jak prohlížeč renderuje stránku, jak funguje CSSOM, proč záleží na pořadí selektorů. Budete psát kód, který je čitelný a udržovatelný.
Naučíte se stavět layouty, které fungují na všech zařízeních bez media query hackování. Grid a Flexbox použijete tak, jak byly navržené, ne jak je najdete v tutoriálech.
Délka: 6 týdnů- Sémantický HTML pro SEO a přístupnost
- CSS specificity a kaskáda v praxi
- Responzivní design s moderním přístupem
- Vlastní CSS proměnné a organizace kódu
JavaScript pro weby, ne pro algoritmy
Tenhle modul vás naučí psát kód, který ovládá prohlížeč. Budete pracovat s DOM, zpracovávat události, fetchovat data z API. Všechno, co potřebujete pro reálné projekty.
Zaměříme se na ES6+ syntaxi, protože to je to, co používá každý moderní projekt. Arrow funkce, destructuring, spread operátor, template literals. A hlavně asynchronní JavaScript, protože bez toho se dnes neobejdete.
Délka: 8 týdnů- DOM manipulace a event handling
- Fetch API a práce s JSON daty
- Promises, async/await a error handling
- Formuláře, validace, localStorage
Workflow jako ve skutečném týmu
Poslední modul kombinuje všechno, co jste se naučili. Postavíte kompletní projekt s Git verzováním, optimalizací, testováním na reálných zařízeních. Budete psát čitelný kód, dokumentovat rozhodnutí, dělat code review.
Naučíte se pracovat s build tools, optimalizovat obrázky, minifikovat CSS a JavaScript. Pochopíte, proč záleží na velikosti bundlu a jak měřit výkon webu.
Délka: 6 týdnů- Git workflow, branches, pull requesty
- Performance optimization a Lighthouse
- Build proces a deployment
- Portfolio projekt a prezentace práce