<h1>Gratulujeme! 🎉</h1> <p style="color:#637381;">Hotovo! Dokončili jste další milník.</p>

Pro pokračování zadejte prosím svůj e-mail k ověření.

Poslali jsme 6místný kód na #MAIL_ADDRESS#\nZkontrolujte prosím doručenou poštu nebo spam a zadejte níže kód pro pokračování.

Ověřovací kód odeslán

Děkujeme za platbu. Nyní můžete přistupovat k {collectionName} jednoduchým kliknutím na tlačítko níže.

Ano, úspěšně jste objednali! 🎉

Odemknout tento exkluzivní kurz

Zdá se, že vaše e-mailová adresa není momentálně na seznamu oprávněných přístupů. Ujistěte se prosím, že používáte e-mailovou adresu, která byla pozvána, nebo kontaktujte vlastníka obsahu pro pomoc.

Pro přístup je vyžadováno ověření

Zahájení a kontext kurzu

Předmluva a cíle kurzu

Kontaktní informace a podpora

Základy HTML pro CSS

Nástroje a otevření HTML souboru

Základní struktura HTML stránky

Jak psát cesty k externím souborům

Základy CSS: syntaxe, selektory, kaskáda

Připojení a aplikace CSS kódu

Syntaxe CSS pravidla

Výběr prvků, tříd a ID

Další selektory a pseudo třídy/prvky

Pořadí přednosti, dědičnost a kaskáda

Box model a zobrazení

CSS Box model v praxi

Šířka, výška, okraje a ohraničení

Zobrazení a viditelnost prvků

Rozvržení: pozicování, Flexbox a Grid

Pozicování a plovoucí prvky

Flexbox – jednorozměrné rozvržení

Grid – dvourozměrné rozvržení

Typografie, barvy a pozadí

Písmo a textové vlastnosti

Barvy a pozadí

Architektura CSS a škálování

Architektura, názvosloví a proměnné

Integrace CSS do projektu

Ověření znalostí a zpětná vazba

Kvíz: připojení CSS a selektory

Kvíz: specifita, dědičnost a kaskáda

Kvíz: box model a rozměry

Kvíz: zobrazení a viditelnost

Kvíz: pozicování a vrstvení

Kvíz: Flexbox

Kvíz: Grid

Kvíz: typografie, barvy a pozadí

Dotazník: sebehodnocení dosažených cílů

Dotazník: zpětná vazba ke kurzu

Moderní CSS: od základů k škálovatelným rozhraním je praktický online kurz, který vás provede od pevných základů CSS až po moderní layouty a udržitelnou architekturu stylů. Začnete nezbytnostmi: jak propojovat styly s HTML, jak funguje syntaxe, selektory a kaskáda v praxi. Postupně si osvojíte box model, práci s rozměry a zobrazením, a přejdete k profesionálním technikám rozvržení pomocí Flexboxu a CSS Gridu. Důraz klademe na čitelnost, specifitu a předcházení konfliktům, aby váš kód zůstal čistý i v rostoucích projektech. V samostatné části se zaměříme na typografii, barvy, pozadí a využití CSS proměnných (design tokenů) pro konzistentní vizuální jazyk napříč aplikací. Kurz uzavírá modul o architektuře CSS (BEM, utility-first, modulární struktura) a integraci do reálného projektu. Čekají vás kvízy k ověření znalostí a doporučené postupy pro řešení technických potíží v prohlížečích. Pokud chcete rychle zefektivnit svou práci s front-endem, psát škálovatelný kód a tvořit responzivní rozhraní bez zbytečného boje, tento kurz je přesně pro vás.

Moderní CSS: od základů k škálovatelným rozhraním

<div class="simple-box-wrapper">
    <div class="simple-box">
        <div class="column">
            <p>Moderní CSS: od základů k škálovatelným rozhraním je prakticky orientovaný kurz pro vývojáře, kteří chtějí navrhovat udržitelné a výkonné front‑endové systémy. Začneme zasazením tématu do kontextu – jasně definujeme cíle, očekávání a vazby mezi klíčovými pilíři CSS: syntaxí, selektory, kaskádou, box modelem a moderními layouty. Hned v úvodu nastavíme i způsob podpory a doporučené postupy při řešení technických problémů napříč prohlížeči a nástroji.</p>
<p>Pro hladkou práci se styly nejprve sjednotíme minimum z HTML: strukturu dokumentu, sémantiku pro efektivní cílení selektorů a správné psaní cest k externím souborům. Následuje jádro CSS – připojení stylů (externí, interní, inline), syntaktická pravidla a specifita včetně strategií, jak minimalizovat konflikty a přepisy. Detailně rozkryjeme box model (content, padding, border, margin), práci s rozměry a zobrazením prvků, aby byl layout předvídatelný a snadno laditelný.</p>
<p>V části věnované rozvržení přejdeme od základního pozicování a vrstvení k Flexboxu pro jednorozměrné komponenty (navigační lišty, karty) a ke Gridu pro dvourozměrné, adaptivní mřížky a šablony stránek. Typografie, barvy a pozadí budou pokryty s důrazem na čitelnost, kontrast, proměnné (custom properties) a design tokeny. Vrcholem je architektura CSS: BEM, utility‑first přístup, modulární struktura a integrace do projektu včetně struktury složek a základních build nástrojů – tak, aby byl výsledný kód škálovatelný v týmu i v dlouhodobé údržbě.</p>
<p>Pro průběžné ověřování znalostí jsou zařazeny cílené kvízy: od připojení stylů a selektorů přes specifitu, box model, zobrazení a pozicování až po Flexbox a Grid. Kurz uzavírá sebehodnocení dosažených cílů a dotazník ke zpětné vazbě, který pomůže kalibrovat další kroky. Výstupem je schopnost navrhovat rozhraní, která obstojí v produkci: konzistentní, responsivní a snadno rozšiřitelná.</p>
        </div>
    </div>
</div>
