🛝 Část 5 ze 8
Volné
Hřiště!
Žádné lekce, žádné kvízy — jen ty a kód. Zkoušej co chceš, používej hotové bloky nebo piš od nuly.
📋 Hotové bloky
⚡ Živý náhled
🎯 Výzvy
📦 HTML bloky
📰
Nadpis
h1, h2, h3
📄
Odstavec
tag p s textem
🔘
Tlačítko
button s onclick
🖼️
Obrázek
img tag
📋
Seznam
ul s položkami
⌨️
Textové pole
input + button
🎨 CSS styly
🌈
Barevné pozadí
gradient background
🃏
Kartička
box-shadow, border-radius
📐
Flexbox řada
display: flex
🔲
Grid mřížka
3 sloupce
✨
Hover efekt
transition + :hover
🎬
Animace
@keyframes
⚡ JavaScript
💬
Alert zpráva
alert()
🔢
Počítadlo
proměnná + funkce
🎨
Změna barvy
random color
🕐
Hodiny
setInterval + Date
🚀 Celé stránky
📄
Prázdná stránka
základní kostra
🌟
Portfolio karta
profilová stránka
🎮
Jednoduchá hra
klikací hra
🧠
Kvíz
otázky s odpověďmi
✏️ Tvůj kód
−
14px
+
🔧 Vyčisti
🗑️ Smazat vše
▶ Spustit
HTML / CSS / JavaScript
Náhled (živý)
🎯 Výzvy:
1. Změň barvu textu
2. Přidej tlačítko
3. Udělej seznam
4. Přidej animaci
5. Hra: počítadlo
Výzva
✕ Zavřít
📋 Načíst kód výzvy