![Sass for nybegynnere – effektiv CSS laget av Espen Faugstad](/_next/image?url=https%3A%2F%2Futdannet-2024.s3.eu-north-1.amazonaws.com%2Fcourses%2Fclrhwgj8o000114bpolbi6e3s%2Fsass.png&w=3840&q=75)
Sass for nybegynnere – effektiv CSS
Introduksjonsvideo
![Espen Faugstad kursholder hos Utdannet.no](/_next/image?url=https%3A%2F%2Futdannet-2024.s3.eu-north-1.amazonaws.com%2Favatars%2Fclo1ezpyu0000xamw59vasqb9%2Fespen-faugstad-v2.jpg&w=3840&q=75)
46 følgere
- 24 avspillinger
- 1t 16m
- 18 leksjoner
Som du sikkert vet kan CSS-filer fort bli store og vanskelige å vedlikeholde. Det er heller ikke uvanlig å repetere mye kode når du skriver CSS. Det er her Sass kommer inn i bildet. Sass gjør arbeidet ditt enklere ved å legge til utvidet funksjonalitet og tidsbesparende funksjoner til din CSS-arbeidsflyt.
Med Sass kan du lagre verdier i variabler, lage gjenbrukbare kodeblokker, skrive egne funksjoner og dele opp koden din i flere dokumenter slik at stilarket blir modulbasert. Det beste med Sass er at det er intuitivt og enkelt å forstå for alle som har jobbet med CSS. Det er hovedgrunnen for at Sass har blitt førstevalget til webutviklingsmiljøer verden over.
I dette kurset kommer Espen Faugstad til å lære deg alt du trenger å vite om Sass. Du kommer til å lære hvordan du installerer Sass på egen datamaskin. Du kommer også til å lære om variabler, nested selectors, ampersand, mixins, extend, partials, operators, color + mer. Kort oppsummert, alt du trenger for å komme raskt igang.
Dette vil du lære:
Opprette og bruke variabler i Sass.
Installere Sass på din datamaskin.
Bruke placeholders for effektiv gjenbruk.
Bruke ampersand for hierarkisk styling.
Lage nestede selektorer for bedre struktur.
Lage og bruke mixins for gjenbrukbar kode.
Kommentere Sass-kode for bedre lesbarhet.
Kombinere mixins med innhold for fleksibilitet.
Dele opp koden med partials for modularitet.
Forlenge eksisterende stiler med @extend.
Utføre operasjoner og fargebehandling i Sass.
Kursmateriell
Last ned kursmateriell(kun for premium- og teamabonnementer)