Cesta před vámi

Tak takhle funguje web: je to sada souborů, obsah je v HTML, vzhled v CSS a chování v JavaScriptu. Soubory leží na serveru, prohlížeč si je podle URL stáhne a udělá z nich stránku, kterou vidíte.

Zatím jste jen upravovali hotové stránky. Teď se je naučíte psát sami, krok za krokem. Tady je, kam cesta vede:

1. HTML. Začnete úplně od začátku a naučíte se psát stránky s nadpisy, seznamy, odkazy, obrázky, tabulkami a formuláři.
2. CSS. Barvy, písma, mezery a rozvržení do řad, sloupců a mřížek.
3. Projekt: Web kina. S oběma jazyky postavíte web Kina Hvězda, malého starého kina: úvodní stránku s filmy na tento týden a cenami vstupenek a stránku s programem.
4. Web na internetu. Web kina nahrajete na server a dostane vlastní adresu, kterou můžete komukoli poslat.
5. JavaScript. Naučíte se programovat a oživovat stránky, aby reagovaly na kliknutí a formuláře a načítaly data.
6. Projekt: Program kina. Stránka s programem ožije: návštěvníci si vyberou den a místa v sále a rezervují si vstupenky.
7. Tailwind CSS. Moderní způsob, jak stylovat stránky hotovými třídami, který používá spousta dnešních webů.
8. Projekt: Kino v Tailwindu. S Tailwindem dáte webu kina nový vzhled.
9. React. Naučíte se skládat webové aplikace z komponent, tedy z kousků stránky, které napíšete jednou a které se samy aktualizují.
10. Projekt: Kino v Reactu. Nakonec kino postavíte znovu jako aplikaci v Reactu a dáte ji na internet.

Nebojte se, jestli si z téhle lekce všechno nepamatujete: kurz HTML začíná od nuly a všechno v klidu vysvětlí znovu. Ale než půjdete dál, podepište se pod svou stránku.