Webové technologie: praktický kurz CSS - kurz 1699 rub. od Stepik, trénink 21 lekcí, Termín: 29.10.2023.
Různé / / December 04, 2023
Vítejte v kurzu "Webové technologie: Praktický kurz"!
Tento kurz je pro vás vhodný, pokud:
- Už víte, co je HTML a CSS a chybí vám praxe.
- Pokud víte, co je selektor třídy, a již jste nastylovali malé stránky.
- Je vhodné mít pochopení pro flexbox, nebo touhu se ho naučit v procesu - na to bude samostatný blok.
Účel kurzu: naučit se CSS a získat praktické dovednosti.
Struktura kurzu:
1. Popis kurzu
Stručné informace o kurzu a způsobu plnění úkolů
2. HTML a CSS: Cvičný modul
Připomeneme si základní teorii HTML a CSS: strukturu dokumentu, základní prvky HTML, selektory CSS, zvážíme příklady a samozřejmě provedeme praktické úkoly.
3. Více CSS
Teoretický blok CSS: kombinátory a složené selektory, Box Model, kaskádování a dědičnost. Rozumějme stínům, přechodům, z-indexu, přechodům a animaci.
4. Praktický modul
Vše, co jsme se během kurzu naučili, aplikujeme na problémy v reálném životě. Nejedná se o layout velkého webu – to je práce na jednotlivých komponentách webu. Jako obvykle začínáme lehkými částmi a končíme obtížnými.
Příklad jednoho z úkolů:
5. Úvod do Adaptive
Pochopení mediálních dotazů, vypočtených hodnot a proměnných.
Provádíme středně pokročilé úkoly. A nakonec můžete navrhnout responzivní web a publikovat ho.
6. Závěr
Kurz se rozvíjí a plánuje se zde přidávat nové bloky a projektová zadání!
1
studnaVýzkumný učitel, učitel informatiky (nejvyšší kategorie), inženýr kvality
Mám vyšší technické a pedagogické vzdělání. Vystudovala postgraduální školu Moskevské státní pedagogické univerzity v oboru „Teorie a metody výchovy a vzdělávání (informatika). Jsem vítězem moskevské učitelské olympiády. Kromě hlavní práce připravuji studenty na Jednotnou státní zkoušku a Jednotnou státní zkoušku a také rozvíjím vlastní kurzy na internetu. Kontakt: [email protected]
Začátek kurzu
1. Obecné informace o kurzu
2. Jak plnit úkoly
HTML a CSS: Základní pojmy
1. Zvýraznění HTML
2. Základy CSS
Více CSS
1. Krabicový model
2. Selektory
3. Kaskádování a dědičnost
4. Pozice, z-index
5. Stíny, přechody, filtry
6. Animace
7. Přechody
Praktický modul
1. Flexbox | Teorie + praxe
2. Jídelní lístek
3. Záhlaví + karty
4. formuláře
Úvod do Adaptive
1. Minimální šířka, minimální výška, maximální šířka, maximální výška
2. Mediální dotazy @media
3. Vypočítané hodnoty a proměnné CSS
4. Burger menu
5. Projekt
Závěr
1. Závěr