Kompetence pro webové technologie
Tento repozitář slouží jako centrální znalostní báze a průvodce pro výuku webových technologií. Obsahuje studijní materiály, dokumentaci a praktická cvičení, která pokrývají cestu od úplných základů až po moderní JavaScript.
Obsah kurzu
Dokumentace je rozdělena do logických celků:
Teorie a Ekosystém
- Webový ekosystém – Jak funguje internet, HTTP/HTTPS, klient-server.
- DevTools – Vývojářské nástroje, ladění kódu a simulace zařízení.
- Git a správa verzí – Verzování kódu, repozitáře a týmová spolupráce. [NOVÉ]
HTML (Struktura)
- HTML – Sémantika, validita a klíčové značky.
CSS a Design (Vzhled)
- CSS základy – Selektory, barvy, písmo, box model.
- CSS layout – Flexbox, Grid, pozicování, responzivita.
- UI/UX a Design – Typografie, psychologie barev a použitelnost. [NOVÉ]
JavaScript (Interaktivita)
- JS základy – Syntax, proměnné, cykly, funkce.
- JS DOM – Manipulace se stránkou, události.
- JS ES6+ – Moderní standardy a efektivní zápisy.
- Asynchronní JS a API – Fetch, JSON, Async/Await. [NOVÉ]
Profesionální vývoj
- Nástroje a NPM – Node.js, příkazová řádka, balíčky. [NOVÉ]
- Nasazení webu – Hosting, domény, CI/CD. [NOVÉ]
- Virtualizace a Docker – Kontejnery, izolace prostředí, Dockerfile. [NOVÉ]
Bonus
- Cheat Sheet – Rychlý tahák pro vývojáře.
Požadavky a Nástroje
Pro práci s těmito materiály doporučujeme:
- Visual Studio Code – Editor kódu.
- Rozšíření Live Server – Pro okamžitý náhled změn v prohlížeči.
- Moderní prohlížeč – Chrome, Firefox, Edge nebo Safari (pro vývojářské nástroje DevTools).
Jak začít
Pro stažení materiálů do počítače použijte git:
bash
git clone https://github.com/bubilem/webove-technologie.git
cd webove-technologieNebo si stáhněte repozitář jako ZIP archiv přes tlačítko Code -> Download ZIP.
Přispívání
Našli jste chybu nebo máte nápad na vylepšení?
- Vytvořte Issue s popisem problému.
- Nebo pošlete Pull Request s opravou.
Vytvořeno pro studenty oboru IT.