Vytvoření webových formulářů pro webové stránky (praktický tutoriál)

Zde se dozvíš, o čem kurz je a co můžeš očekávat.

Proč bychom vlastně využívali HTML formuláře a jak se to obecně dělá?

Zde bude vytvořen projekt, do kterého bude integrován první formulář.

Vytvoříš svůj první jednoduchý formulář a naučíš se základní strukturu.

Osvětlujeme různé možnosti použití HTML formulářů v webovích aplikacích.

Učíš se, jak číst a zpracovávat data zadaná uživateli pomocí JavaScriptu.

Zaměřím se na možnosti úprav formulářů a představím ti různá vstupní pole.

Implementujete jednoduchou validaci e-mailu, abyste zajistili, že zadaná data odpovídají formátu e-mailu.

Zabýváme se numerickými vstupy a příslušnými atributy k omezení možných hodnot.

Učíš se, jak zachytit události v JS, které se vyskytují při změně obsahu vstupního pole.

Zdokonalujeme téma zpracování událostí a používáme addEventListener pro flexibilnější reakce.

Podrobný souhrn různých typů vstupů a jejich vlastností.

Vyjasníme nejzákladnější atributy pro řízení chování vstupních polí.

Učíš se, jak provádět složité ověřování pomocí pravidelných výrazů a atributu required-.

Ukážeme vám, jak můžete aktivovat nebo deaktivovat kontrolu pravopisu ve vašich formulářích.

Dozvíš se, jak vytvořit pole pro heslo.

Začínáme základy zaškrtávacích polí a jejich možnosti použití.

Učíš se, jak číst a nastavit stav zaškrtávacích polí pomocí JavaScriptu.

Ukážu různé způsoby, jak přizpůsobit vzhled zaškrtávacích oken.

Vysvětlím funkci radiových tlačítek a jak je používat ve svých formulářích.

Učíš se, jak umožnit uživatelům nahrávat soubory.

Pokročíte ve svých znalostech o nahrávání souborů a naučíte se, jak můžete vybraný soubor upravovat pomocí JavaScriptu.

Zmiňuji se o použití skrytých polí vstupu pro předání dalších informací.

Shrňujeme různé možnosti zadávání čísel.

Učíš se, jak s pružinovými posuvníky umožnit výběr určitého rozsahu hodnot a implementovat posuvník.

Ukážu ti, jak implementovat datumové a časové vstupy do svých formulářů.

Zaměřujeme se na speciální vstupní pole pro e-mailové adresy a adresy URL.

Učíš se, jak nechat uživatele vybírat barvy pomocí pole pro výběr barev.

Představuji vám vstupní pole pro hledaná slova a telefonní čísla.

Dozvíš se, jak implementovat víceřádkové vstupy textu pomocí prvku textarea.

Vysvětlím, jak vytvořit volitelné seznamy pomocí prvku select.

Učíš se, jak můžeš seskupovat možnosti v rozbalovacím seznamu.

Ukážu ti, jak vytvořit seznam návrhů pro vstupní pole.

Učíš se, jak aktivovat automatické dokončování zadání.

Vysvětlím, jak strukturovat své formuláře s prvky fieldset.

Podrobný úvod do klientovské validace formulářů s JavaScriptem.

Ukážu vám, jak přijímat odeslaná formulářová data na serveru pomocí Node.js a Express .

Učíš se, jak přijímat formulářová data pomocí metody GET.

Vysvětlím, jak přijímat formulářová data pomocí metody POST.

Začínáme s vytvořením projektu v Reactu a integrací formulářů.

Učíš se, jak používat různé vstupní prvky v Reactu.

Zabýváme se prvky select- a textarea- v Reactu.

Ukážu ti, jak pracovat s formuláři pomocí JavaScriptového frameworku Alpine.js.

Vykládám, jak integrovat formuláře do aplikací Vue.js.