# [Oppiaihe]  ## [Ennakkokysely](../../../lesson-template/quiz-url) [Kuvaile, mitä opimme] ### Johdanto Kuvaile, mitä käsitellään > Muistiinpanot ### Esitiedot Mitkä vaiheet olisi pitänyt käydä läpi ennen tätä oppituntia? ### Valmistautuminen Valmisteluvaiheet tämän oppitunnin aloittamiseksi --- [Käy sisältö läpi lohkoissa] ## [Aihe 1] ### Tehtävä: Työskennelkää yhdessä parantaaksenne koodipohjaa asteittain ja rakentaaksenne projektin yhteisellä koodilla: ```html code blocks ``` ✅ Tietotesti - käytä tätä hetkeä venyttääksesi opiskelijoiden tietämystä avoimilla kysymyksillä ## [Aihe 2] ## [Aihe 3] 🚀 Haaste: Lisää haaste, jossa opiskelijat työskentelevät yhdessä luokassa projektin parantamiseksi Valinnainen: lisää kuvakaappaus valmiin oppitunnin käyttöliittymästä, jos tarpeellista ## [Jälkituntikysely](../../../lesson-template/quiz-url) ## Kertaus & Itseopiskelu **Tehtävän palautus [KK/VV]**: [Tehtävän nimi](assignment.md) --- **Vastuuvapauslauseke**: Tämä asiakirja on käännetty käyttämällä tekoälypohjaista käännöspalvelua [Co-op Translator](https://github.com/Azure/co-op-translator). Vaikka pyrimme tarkkuuteen, huomioithan, että automaattiset käännökset voivat sisältää virheitä tai epätarkkuuksia. Alkuperäinen asiakirja sen alkuperäisellä kielellä tulisi pitää ensisijaisena lähteenä. Kriittisen tiedon osalta suositellaan ammattimaista ihmiskäännöstä. Emme ole vastuussa väärinkäsityksistä tai virhetulkinnoista, jotka johtuvat tämän käännöksen käytöstä.