Webové technológie: praktický kurz CSS - kurz 1699 rub. od Stepika, tréning 21 lekcií, Termín: 29.10.2023.
Rôzne / / December 04, 2023
Vitajte v kurze "Webové technológie: Praktický kurz"!
Tento kurz je pre vás vhodný, ak:
- Už viete, čo je HTML a CSS a chýba vám prax.
- Ak viete, čo je selektor triedy a už ste naštylizovali malé stránky.
- Je vhodné porozumieť flexboxu alebo sa ho chcieť naučiť v procese - na to bude samostatný blok.
Účel kurzu: naučiť sa CSS a získať praktické zručnosti.
Štruktúra kurzu:
1. popis kurzu
Stručné informácie o kurze a o tom, ako dokončiť zadania
2. HTML a CSS: Cvičný modul
Pripomíname si základnú teóriu HTML a CSS: štruktúru dokumentu, základné prvky HTML, selektory CSS, uvažujeme o príkladoch a samozrejme vykonávame praktické úlohy.
3. Viac CSS
Teoretický blok CSS: kombinátory a zložené selektory, Box Model, kaskádovanie a dedičnosť. Poďme pochopiť tiene, prechody, z-index, prechody a animácie.
4. Praktický modul
Všetko, čo sme sa na kurze naučili, aplikujeme na problémy v reálnom živote. Toto nie je rozloženie veľkého webu - to je práca na jednotlivých komponentoch webu. Ako obvykle, začíname ľahkými časťami a končíme náročnými.
Príklad jednej z úloh:
5. Úvod do adaptívneho
Pochopenie mediálnych dopytov, vypočítaných hodnôt a premenných.
Vykonávame stredné úlohy. A nakoniec môžete navrhnúť responzívny web a zverejniť ho.
6. Záver
Kurz sa vyvíja a plánuje sa sem pridávať nové bloky a zadania projektov!
1
dobreVýskumný učiteľ, učiteľ informatiky (najvyššia kategória), inžinier kvality
Mám vyššie technické a pedagogické vzdelanie. Vyštudovala postgraduálnu školu Moskovskej štátnej pedagogickej univerzity v odbore „Teória a metódy vzdelávania a vzdelávania (informatika). Som víťazom Moskovskej učiteľskej olympiády. Popri mojej hlavnej práci pripravujem študentov na Jednotnú štátnu skúšku a Jednotnú štátnu skúšku a rozvíjam aj vlastné kurzy na internete. Kontakt: [email protected]
Začiatok kurzu
1. Všeobecné informácie o kurze
2. Ako dokončiť úlohy
HTML a CSS: základné pojmy
1. Zvýraznenie HTML
2. Základy CSS
Viac CSS
1. Krabicový model
2. Selektory
3. Kaskádovanie a dedičnosť
4. Pozícia, z-index
5. Tiene, prechody, filtre
6. Animácia
7. Prechody
Praktický modul
1. Flexbox | Teória + prax
2. Ponuka
3. Hlavička + karty
4. Formuláre
Úvod do adaptívneho
1. Minimálna šírka, minimálna výška, maximálna šírka, maximálna výška
2. Mediálne dotazy @media
3. Vypočítané hodnoty a premenné CSS
4. Burger menu
5. Projekt
Záver
1. Záver