🏆
Lekce 15 z 15 — Kurz dokončen!
Gratulujeme — jste webový vývojář !
Prošli jste 15 lekcí pokrývajících celý moderní webový stack. Teď je čas na praxi.
🎓 Certifikát
Váš certifikát
Zadejte své jméno a vytiskněte certifikát o absolvování kurzu.
🖨️ Tisknout
❧
❧
❧
❧
HTML Kurz Pro · Profesionální vzdělávání
Certifikát o absolvování
Tento certifikát potvrzuje, že
Vaše jméno
úspěšně absolvoval/a kurzModerní webový vývoj — HTML, CSS, JavaScript, TypeScript
HTML5 & Sémantika
CSS Grid & Flexbox
CSS Animace
Responzivita
JavaScript ES2024
DOM Manipulace
Async/Await & Fetch
localStorage
REST API & CRUD
TypeScript
Git & GitHub
SEO & Web Vitals
CI/CD & Deployment
📊 Skill Tree
Vaše nové dovednosti
Přehled témat, která kurz pokryl — a jak hluboko jste se v každém dostali.
🏅 Sbírka odznaků
Vaše odznaky
Každá lekce měla jeden odznak. Zlaté = získané (uložené v localStorage tohoto prohlížeče).
🗺️ Co dál
Vaše další kroky
Kurz dal solidní základy. Kam pokračovat záleží na vašem cíli:
⚛️
React nebo Vue
Komponentové frameworky pro komplexní UI aplikace. React je nejrozšířenější, Vue má mírnější křivku učení.
Frontend
🟢
Node.js & Express
JavaScript na serveru. REST API, autentizace, databáze. Přirozené rozšíření pro JS vývojáře.
Backend
▲
Next.js
Full-stack React framework — SSR, SSG, API routes, file-based routing. Standard pro produkční React projekty.
Full-stack
🐍
Python & FastAPI
Backend alternativa. Výborný pro datovou vědu, AI/ML integraci a rychlé REST API.
Backend / AI
🗄️
Databáze
PostgreSQL (relační), MongoDB (dokument), Redis (cache). Každá aplikace potřebuje data.
Data
🧪
Testování
Jest, Vitest, Playwright, Cypress. Profesionální vývojáři píší testy. Vaše CI/CD pipeline vás odmění.
Kvalita
☁️
AWS / GCP
Cloud infrastruktura pro škálovatelné aplikace. Certifikace AWS Solutions Architect je velmi ceněná.
DevOps
🤖
AI integrace
OpenAI API, Anthropic Claude API, Vercel AI SDK. AI funkce jsou dnes součástí každé moderní aplikace.
AI / LLM
📱
React Native
Mobilní aplikace s React znalostmi. iOS + Android z jednoho kódu. Expo CLI pro rychlý start.
Mobilní
💼 Portfolio
Projekty pro portfolio
Nejlepší způsob jak prokázat schopnosti je ukázat reálný kód. Doporučujeme postavit alespoň 3 projekty před prvním pohovorem:
🟢 Začátečnické projekty (udělejte první)
Osobní portfolio web — responzivní, s tmavým režimem, animacemi, kontaktním formulářem
Kalkulačka nebo konvertor — čistý JS, validace vstupů, localStorage pro historii
Quiz aplikace — otázky z JSON/API, skóre, timer, výsledková obrazovka
🟡 Středně pokročilé (s API)
Weather app — OpenWeatherMap API, geolokace, 5-denní předpověď, responzivní
GitHub profile viewer — GitHub API, repozitáře, grafy aktivity
Správce úkolů — CRUD, localStorage/backend, filtry, drag & drop
🔴 Komplexní (pro senior pozice)
E-commerce frontend — produktový katalog, košík, checkout, Stripe platby
Realtime chat — WebSockets, autentizace, místnosti, notifikace
Full-stack blog/CMS — Next.js, databáze, admin panel, SEO, RSS feed
💡 Tip pro portfolio: Každý projekt dejte na GitHub s pěkným README (screenshot, popis, jak spustit, co jste se naučili). Nasaďte ho živě na Vercel/Netlify — pohovorující chce vidět funkční výsledek, ne jen kód.
🤝 Komunita
Kde hledat pomoc a inspiraci
Zdroje pro učení
📖 MDN Web Docs (developer.mozilla.org) — nejlepší HTML/CSS/JS reference
🎯 The Odin Project — bezplatný full-stack curriculum
📺 Fireship.io — rychlé a přesné video tutoriály
📚 javascript.info — nejlepší JS učebnice online
🎨 CSS-Tricks — CSS tipy, triky a reference
Komunity
💬 Stack Overflow — odpovědi na konkrétní technické otázky
🔴 Reddit: r/webdev, r/learnprogramming — komunita vývojářů
💼 LinkedIn — profesionální síť, pracovní nabídky
🐙 GitHub — přispívejte do open-source projektů
🇨🇿 Péhápkaři — česká PHP/web komunita na Slacku
🚀
Jste připraveni
Dokončili jste kurz, který pokrývá víc než 80 % toho, co junior vývojář potřebuje. Zbývá jedno: začít stavět věci. Každý projekt vás naučí víc než deset lekcí.