Ahoj! Tady uvidíš kód, jak skroluješ. 🕵️

Vítej! Začni skrolovat dolů...

Vítej v klubu, Junior Developere! 🚀

Tohle je tvoje super tajná stránka o tom, jak postavit vlastní web. Skroluj dolů a odhalíš svět kódu!

Koule

Co je to HTML?

Představ si to jako stavebnici. Každá stránka je postavená z barevných kostiček. Kostičky jsou HTML tagy. A tagy píšeme do "závorek" <> (anglicky *brackets*).

CSS - Oblečení pro web

HTML kostičky jsou sice super, ale nudné. CSS jim dodá barvu, tvar a styl! Představ si to jako oblečení pro tvou HTML kostičku.

Modrá koule
Obdélník
Modrá

JavaScript - Mozek stránky

A teď do toho zapojíme mozek! JavaScript je jako ovladač, který říká, co se stane. Klikneš na tlačítko? Něco se pohne, změní barvu nebo vyskočí!

Klikni na mě!

Super důležitá slovíčka 🕵️‍♀️

Jako správný developerek musíš znát tahle slovíčka. Jsou to základy celého webu!

HTML

Jazyk, který dává stránce strukturu (stavební bloky).

CSS

Jazyk pro styly (oblečení, barvy, tvar).

JavaScript

Jazyk, který dělá stránku interaktivní (mozek).

bracket <>

Speciální závorky pro psaní HTML tagů.

div

Univerzální "krabice" pro skupinu dalších bloků.

table

Tabulka pro data, jako ve škole!

header

Záhlaví stránky (horní část).

footer

Zápatí stránky (spodní část).

Jsi úžasný! 🎉

Už znáš základy. Teď už stačí jen začít kódovat! Otevři poznámkový blok a vytvoř svůj první kód. Hodně štěstí při tvoření!

Malý grafický bonus!

Pokus se najít doprovodný obrázek ze složky grafwebaddons.

Ahoj ze složky grafwebaddons