06. Referaadid. HTML-i täpsem lahtiseletamine

Sissejuhatus, tunni teema selgitamine (referaatide esitlus HTML/CSS-i meenutus). Puudujate märkimine. (10min) Tunni teema – referaadid, VSCODE ABIVAHENDITE TUTVUSTUS, flex, layout, mis komponentidest HTML koosneb, kuidas me neid liigutame. Samal ajal pullivad või kloonivad õpilased “01-perekonnanimi-tunnid” repositooriumi ja teevad tänase tunnialguse markdown faili – 04-20-02 (neljas githubi kasutamise tund, 20. veebruar) – kuhu kirjutavad pealkirjaks Tänase kuupäeva tund ja sisuks tunnialgus 10-palli skaalal:

tuju -

huvi tunni vastu -

arusaamine tunni eesmärkidest -

Kopeerige eelmise tunni fail ja muudke, mis vaja

Referaatide esitlus. (kuni 25 min) Esitlevad osad, et tund igavaks ei läheks. Järgmisel korral järgmised.

Meeldetuletus Kogu tunni abimaterjal asub:

https://github.com/visuaalmeedia/Juhendid-ja-abimaterjalid⁠

Kopeerige endale ümber või salvestage järjehoidjatesse vms. HTML'abi:

https://www.w3schools.com/html/default.asp⁠

CSS'i abi:

https://www.w3schools.com/css/default.asp⁠

Mõlemad koos:

https://html.com/#Creating_Your_First_HTML_Webpage⁠

Mis te arvate, kus asuvad siin meie tunnis vajaminevad abimaterjalid?

⁠

VSC abivahendid – Prettier, Indent-rainbow-blocks

HTML-i plokkide eksplitsiitne selgitus õpilastele läbi näitlikustamise. Tagasiside git'ile – kasutage ühtlast nimetusstiili – mitte 02.03-02 ja 02-03-02, vaid emba kumba pidi. Kuna me leppisime kokku läbi sidekriipsude, siis kasutage seda. PARANDAGE ÄRA KA! Õpilased kopeerivad reposse eelmise tunni folderi ja nimetavad tänase kuupäeva ja järjekorra numbri järgi (04-20-02, ehk 4. tund, 20. veebruar). Selgituse alumaterjal:

https://www.figma.com/file/sHnOU0SGBlpzR4rGzCk5Bq/Flexboxi-p%C3%B5him%C3%B5tted?type=design&node-id=1-2&mode=design&t=s1zPT8CI96QiHXKA-4⁠

⁠

Flexbox Mis on flex:

https://css-tricks.com/snippets/css/a-guide-to-flexbox/⁠

Harjuta flexi:

https://flexbox.tech⁠

Kel aega ja huvi, vaadaku ka css-grid'i:

https://css-tricks.com/snippets/css/complete-guide-grid/⁠

Eelmise tunni ülesande jätkamine Märksõnad: flex height vh justify-content align-items width max-width flex-wrap min-width padding img src Unsplash

⁠

Tunnist väljumise pilet (5 min): Gtihubi markdown faili tunni lõpp 10-palli skaalal: * tuju - * huvi tunni vastu - * arusaamine tunni eesmärkidest - Reflektsioon: Kirjeldus, mida õppisime, millega tegelesime, mida peaks veel tegema, mis on raske, mis peaks olema teisiti

Kodune ülesanne – teha reedel, 23. veebruaril, üks githubi sissekanne oma tundide reposse – kloonida, kui kodus olete, lisada md fail nimega “kodutoo-01.md”, kirjutada sinna sisse h1 taseme pealkiri “tehtud!” ja pushida üles. Kui kodus ei saa, siis samal päeval koolis.

Piust liiga palju mahtu oli. Natuke hilinesime algusega, ülesande jaoks aega ei jäänud eriti

⁠

Viimane ehk lap 5 oli tegelt punkt 7

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.