Summary  
Covers advanced stylesheet techniques to control element layout, apply transforms and animations, create responsive designs with media queries, and streamline styling using SASS preprocessing.

General domain of usage  
Front-end web development

Tässä ovat osa-alueet, jotka hallitset kurssin jälkeen. Painopiste on tekniikoissa, jotka parantavat käyttöliittymän tasoa huomattavasti.

## Elementtien sijoittelu
Täysi hallinta asetteluun edistyneillä sijoittelutekniikoilla. Opit asettamaan elementit tarkasti haluamaasi paikkaan, luomaan kerroksellisia rakenteita ja hallitsemaan monimutkaisia asetteluja tarkasti.

## Siirtymät ja animaatiot
Opit tekemään käyttöliittymistä sulavia, moderneja ja eläviä:
- Lisää selkeitä, viimeisteltyjä siirtymiä elementtien tilan muuttuessa;
- Rakenna CSS-animaatioita, jotka tuovat liikkeen ja persoonallisuuden käyttöliittymään;
- Hyödynnä ajoitustoimintoja ja easing-toimintoja rytmin ja kulun hallintaan;
- Sovella animaatioiden parhaita käytäntöjä suorituskyvyn ja käyttökokemuksen takaamiseksi.


## Muunnokset
Muokkaa elementtejä luodaksesi dynaamisia, interaktiivisia ulkoasuja:
- Skaalaa ja kierrä vaikuttavien käyttöliittymäefektien saavuttamiseksi;
- Vino ja siirrä syvyyden ja liikkeen lisäämiseksi;
- Yhdistä useita muunnoksia monimutkaisten ja kiinnostavien visuaalien luomiseksi.


## Mukautuva/Vastaava suunnittelu
Nopeat, käytännölliset periaatteet, joiden avulla ulkoasut näyttävät hyviltä kaikilla näytöillä. Työskentelet media queries -kyselyiden ja viewport-yksiköiden kanssa varmistaaksesi, että suunnittelu mukautuu sujuvasti.

## Esikäsittelijä SASS
Lyhyt johdanto siistimmän CSS:n kirjoittamiseen muuttujien, sisäkkäisyyden ja SASS-perusteiden avulla.

Kehitä tyylittelytaitojasi hallitsemalla edistyneet CSS-tekniikat modernia web-suunnittelua varten. Sijoita ja hallitse elementtejä tarkasti käyttämällä kehittyneitä asemointistrategioita. Luo sulavia siirtymiä ja mukaansatempaavia animaatioita parantaaksesi käyttökokemusta. Muunna ja manipuloi elementtejä dynaamisten visuaalisten tehosteiden saavuttamiseksi. Rakenna responsiivisia suunnitelmia, jotka mukautuvat eri laitteille, ja tehosta työnkulkuasi CSS-esikäsittelijöillä, kuten Sassilla.

Tutustu, mitä oppijat voivat odottaa tältä edistyneen HTML- ja CSS-tyylittelyn kurssilta. Mitä esitietoja tarvitaan ennen kurssin aloittamista? Mitä aiheita kurssilla käsitellään?

Sijoita ja hallitse elementtejä verkkosivuilla. Tutustu erilaisiin sijoitteluominaisuuksiin, opi käyttämään pinontajärjestystä päällekkäisten elementtien näkyvyyden hallintaan sekä käsittele sisällön ylivuotoa.

Tutki siirtymien tehokkuutta ja opi parantamaan käyttökokemusta. Selvitä, kuinka ominaisuuksia voidaan elävöittää sulavasti ja asteittain, luoden saumattomia tilasiirtymiä.

Opi animaatio-ominaisuudesta ja sen käytöstä dynaamisten ja kiinnostavien suunnittelujen luomisessa. Tutustu monimutkaisten animaatioiden luomiseen avainruutujen avulla sekä animaation hallintaan.

Tutustu transformaatio-ominaisuuteen, jonka avulla voidaan muokata elementtien ulkoasua ja sijaintia verkkosivulla. Opiskele, miten elementtejä skaalataan, kierrätetään, vinotaan ja siirretään kahdessa ja kolmessa ulottuvuudessa. Yhdistä useita transformaatioita monimutkaisempien efektien luomiseksi.

Mukautuvan ja responsiivisen suunnittelun periaatteet ja tekniikat tähtäävät siihen, että verkkosivustot ja sovellukset ovat saavutettavia ja visuaalisesti houkuttelevia eri laitteilla, näytön ko'oilla ja suuntauksilla.

Opi CSS-esiprosessoreista ja siitä, miten ne auttavat kirjoittamaan tehokkaampaa ja helpommin ylläpidettävää koodia. Ymmärrä, kuinka esiprosessoreita käytetään työnkulun yksinkertaistamiseen ja siistimmän CSS-koodin tuottamiseen.

Kurssilla Käsiteltävät Aiheet

Elementtien sijoittelu

Siirtymät ja animaatiot

Muunnokset

Mukautuva/Vastaava suunnittelu