|
|
@ -11,7 +11,7 @@ Tento repozitář obsahuje **kódy a příklady z hodin** - materiály pro výuk |
|
|
- 📖 [Základní lekce (01-11)](#-část-i-základy-webových-technologií-lekce-01-11) |
|
|
- 📖 [Základní lekce (01-11)](#-část-i-základy-webových-technologií-lekce-01-11) |
|
|
- 🎨 [CSS Grid (12)](#-část-ii-css-grid-lekce-12) |
|
|
- 🎨 [CSS Grid (12)](#-část-ii-css-grid-lekce-12) |
|
|
- 🎯 [Bootstrap (13-17)](#-část-iii-bootstrap-framework-lekce-13-17) |
|
|
- 🎯 [Bootstrap (13-17)](#-část-iii-bootstrap-framework-lekce-13-17) |
|
|
- 🚀 [Pokročilé (18-20)](#-část-iv-pokročilé-techniky-lekce-18-20) |
|
|
|
|
|
|
|
|
- 🚀 [Pokročilé (18-23)](#-část-iv-pokročilé-techniky-lekce-18-23) |
|
|
- 📁 [Bonusové materiály](#-bonusové-materiály) |
|
|
- 📁 [Bonusové materiály](#-bonusové-materiály) |
|
|
- 💻 [VS Code Setup](#-vývojové-prostředí---visual-studio-code) |
|
|
- 💻 [VS Code Setup](#-vývojové-prostředí---visual-studio-code) |
|
|
- 🛠️ [Jak pracovat s materiály](#️-jak-pracovat-s-materiály) |
|
|
- 🛠️ [Jak pracovat s materiály](#️-jak-pracovat-s-materiály) |
|
|
@ -42,7 +42,7 @@ Tento repozitář obsahuje **kódy a příklady z hodin** - materiály pro výuk |
|
|
4. **Postupujte chronologicky:** |
|
|
4. **Postupujte chronologicky:** |
|
|
- Lekce 01-11 → Základy HTML, CSS a JavaScriptu |
|
|
- Lekce 01-11 → Základy HTML, CSS a JavaScriptu |
|
|
- Lekce 12 → CSS Grid |
|
|
- Lekce 12 → CSS Grid |
|
|
- Lekce 13-20 → Bootstrap framework a pokročilé techniky |
|
|
|
|
|
|
|
|
- Lekce 13-23 → Bootstrap framework a pokročilé techniky |
|
|
|
|
|
|
|
|
--- |
|
|
--- |
|
|
|
|
|
|
|
|
@ -80,21 +80,24 @@ Tento repozitář obsahuje **kódy a příklady z hodin** - materiály pro výuk |
|
|
| **16** | [Carousel](16_carousel/) | Bootstrap carousel komponenta | |
|
|
| **16** | [Carousel](16_carousel/) | Bootstrap carousel komponenta | |
|
|
| **17** | [Modal](17_modal/) | Modal dialogy a jejich použití | |
|
|
| **17** | [Modal](17_modal/) | Modal dialogy a jejich použití | |
|
|
|
|
|
|
|
|
### 🚀 ČÁST IV: Pokročilé Techniky (Lekce 18-20) |
|
|
|
|
|
|
|
|
### 🚀 ČÁST IV: Pokročilé Techniky (Lekce 18-23) |
|
|
|
|
|
|
|
|
| Lekce | Téma | Zaměření | |
|
|
| Lekce | Téma | Zaměření | |
|
|
|-------|------|----------| |
|
|
|-------|------|----------| |
|
|
| **18** | [Bootstrap Forms](18_forms/) | Form validace s Bootstrapem | |
|
|
| **18** | [Bootstrap Forms](18_forms/) | Form validace s Bootstrapem | |
|
|
| **19** | [Todo List](19_todolist/) | Praktický projekt - dynamická aplikace | |
|
|
| **19** | [Todo List](19_todolist/) | Praktický projekt - dynamická aplikace | |
|
|
| **20** | [AJAX](20_ajax/) | Asynchronní komunikace se serverem | |
|
|
| **20** | [AJAX](20_ajax/) | Asynchronní komunikace se serverem | |
|
|
|
|
|
| **21** | [Opakování](21_opakovani/) | Souhrnné opakování Bootstrapu a layoutu | |
|
|
|
|
|
| **22** | [JavaScript Hra](22_javascripthra/) | Logika hry, stavové proměnné, DOM interakce | |
|
|
|
|
|
| **23** | [Zvětšovadlo](23_zvetsovadlo/) | Dynamická změna stylů, input[type=color] | |
|
|
|
|
|
|
|
|
### 📁 Bonusové Materiály |
|
|
### 📁 Bonusové Materiály |
|
|
|
|
|
|
|
|
- **[novyprojekt_bootstrap](novyprojekt_bootstrap/)** - Šablona pro nové Bootstrap projekty |
|
|
- **[novyprojekt_bootstrap](novyprojekt_bootstrap/)** - Šablona pro nové Bootstrap projekty |
|
|
- **[AI_extra_material](AI_extra_material/)** - Doplňkové studijní materiály |
|
|
- **[AI_extra_material](AI_extra_material/)** - Doplňkové studijní materiály |
|
|
- Bootstrap form validace ukázky |
|
|
|
|
|
- XSS bezpečnostní demo |
|
|
|
|
|
- Informační materiály pro učitele (ISP, hodnocení) |
|
|
|
|
|
|
|
|
- Bootstrap form validace ukázky a XSS demo |
|
|
|
|
|
- Responzivní Grid a Sémantické Portfolio |
|
|
|
|
|
- Příprava na Bootstrap a pokročilé validace |
|
|
|
|
|
|
|
|
--- |
|
|
--- |
|
|
|
|
|
|
|
|
|
skrabanek
2 weeks ago