CSS: verkkoa tyylittelevä kieli
CSS hallitsee verkkosivun kaikki visuaaliset yksityiskohdat — värit, asettelun, välit, animaatiot ja responsiivisuuden. Se on kehittynyt yksinkertaisesta esityskerroksesta kokonaiseksi suunnittelujärjestelmien kieleksi, jossa nykyaikaiset ominaisuudet, kuten konttikyselyt, @layer, loogiset ominaisuudet ja Houdini API, antavat kehittäjille tarkan hallinnan renderöintiin. Tämä opintopolku kattaa CSS:n koko laajuuden ensimmäisen valitsimen kirjoittamisesta suurissa tuotantokoodikannoissa käytettävien skaalautuvien suunnittelujärjestelmien arkkitehtuuriin.
Mitä opitte
Aloitatte syntaksista, valitsimista, väreistä ja typografiasta ja rakennatte sitten vankan ymmärryksen laatikkomallista, display-ominaisuuksista ja sijoittelusta. Sen jälkeen perehdytte Flexboxiin ja CSS Gridiin sekä tavallisissa että edistyneissä asetteluissa, sovellatte responsiivista suunnittelua ja media queryja sekä käytätte CSS-muuttujia, mukautettuja funktioita ja suunnittelutunnisteita ylläpidettävien teemojen luomiseen. Käsittelette myös siirtymät, keyframe-animaatiot, muunnokset, suodattimet, sekoitustilat ja tumman tilan sekä Sassiin, PostCSS:ään ja CSS-in-JS-malleihin liittyvät nykyaikaiset työkalut. Opintopolku päättyy CSS-arkkitehtuuriin, jossa käsitellään BEM:iä, spesifisyyttä ja kaskadia, konttikyselyjä, @layer-kaskadikerroksia, CSS Houdinia ja suorituskykyä.
Opintopolku
Neljäkymmentä kurssia ulottuu tasolta A1 tasolle C1. Varhaiset A1- ja A2-kurssit luovat perustan: valitsimet, laatikkomalli, pseudoluokat, pseudoelementit ja yksiköt. B1-kursseilla käsitellään Flexboxia, Grid-asettelua, responsiivista suunnittelua, animaatioita, DevToolsin avulla tehtävää vianmääritystä ja CSS-funktioita. B2-kursseilla siirrytään edistyneeseen Flexboxiin ja Gridiin, Sassiin, PostCSS:ään, CSS-in-JS:ään, suunnittelutunnisteisiin, CSS Shapesiin, loogisiin ominaisuuksiin, konttikyselyihin ja CSS Layersiin. Kolme C1-kurssia — CSS Houdini, CSS Performance ja CSS Future — käsittelevät alustan uusinta kehitystä.
Näin se toimii
Jokainen kurssi on jaettu lyhyisiin, keskittyneisiin oppitunteihin, jotka suoritatte suoraan sisäänrakennetussa editorissa ja saatte niistä palautetta reaaliajassa. Käytettävissänne on aina jumitilanteissa auttava tekoälyopettaja, ja eteneminen on tarkoituksella asteittaista: jokainen käsite vahvistaa edellistä ennen seuraavan esittelyä.