Lær CSS i praksis — Øv deg på CSS-koding med en direkte HTML- og CSS-editor på telefonen

Tre ting skaper de fleste layoutproblemene for nybegynnere. Boksmodellen: padding og kantlinjer legges som standard til den deklarerte bredden på et element, så en boks ender opp med å bli bredere enn tallet du skrev inn. Spesifisitet: En mer spesifikk regel et annet sted overstyrer stille og rolig regelen din. Og feil layoutverktøy: Du prøver å tvinge fram en todimensjonal side med flexbox, som er laget for én enkelt rad. Lær CSS i praksis setter kursene i en rekkefølge som gjør at du forstår disse tre tingene i riktig rekkefølge, i stedet for å oppdage dem gjennom prøving og feiling.

Litt, og du kan lære det parallelt med leksjonene i stedet for å gjøre deg ferdig med det først. CSS beskriver hvordan HTML-elementer presenteres, så det er nok grunnlag å vite at en side består av elementer – overskrifter, avsnitt, lister og bilder – til å komme i gang. Appens editor i sanntid viser både HTML og CSS samtidig, slik at sammenhengen mellom dem er synlig fra første leksjon.

Flexbox ordner elementer langs én linje – for eksempel en rad med knapper eller en navigasjonslinje – og fordeler ledig plass langs denne ene aksen. Grid definerer rader og kolonner samtidig, slik at du plasserer elementer i et faktisk todimensjonalt rutenett i stedet for å flytte dem rundt med marginer. Layouten på sidenivå er vanligvis grid, mens én enkelt rad med kontroller inni den vanligvis er flexbox. Kurset lærer deg begge deler før du selv må velge.

CSS løser motstridende regler etter spesifisitet først og kilde-rekkefølge deretter. En ID-selektor slår en klasseselektor, og en klasse slår en ren elementselektor, uansett hvilken som står lengst nede i stilarket. Derfor kan en regel som ser riktig ut, likevel tape mot en du har glemt et annet sted – kurset Specificity & Cascade i appen finnes nettopp for å gjøre denne rekkefølgen forutsigbar i stedet for mystisk.

Ja, det er fortsatt verdt å lære CSS direkte. Utility-rammeverk som Tailwind bygger på CSS-konsepter og erstatter dem ikke – når en utility-klasse ikke gjør det du forventer, er det forståelse av boksmodellen, spesifisitet og de underliggende layoutsystemene som hjelper deg videre. Det er også en av de raskeste ferdighetene å se resultater av, siden hver endring blir synlig på siden med én gang.

Regelmessighet er viktigere enn det totale antallet timer. Med korte daglige leksjoner kan de fleste nybegynnere trygt håndtere selektorer, avstander, typografi og grunnleggende flexbox- eller grid-layout i løpet av noen uker, lenge før de vanskeligere detaljene som spesifisitetskantsaker eller container queries. Appens 20 veiledede prosjekter er laget for å øve på akkurat dette stadiet, én ekte side om gangen.

Appen kan lastes ned gratis fra App Store og Google Play. Det første kurset, det første veiledede prosjektet, to feilsøkingsoppdrag og editoren i sanntid er gratis, med en daglig kvote for AI Mentor. Pro låser opp alle kurs, alle 20 prosjekter og 20 oppdrag, sertifikateksamen og ubegrenset bruk av AI Mentor, og fjerner reklame.

Lær CSS i praksis er tilgjengelig for iPhone og iPad på App Store og for Android på Google Play, med grensesnitt på 22 språk og aldersgrense 4+. Appen passer for nybegynnere, designere som vil style sine egne sider, og personer som bytter karriere eller studenter som forbereder seg til front-end-intervjuer.

Forhåndsvisningen krever spesifikt en forbindelse for å gjengi HTML og CSS, noe appen opplyser om i stedet for å redusere funksjonaliteten i det stille. Leksjonsteksten og lesematerialet er laget for å fortsette å fungere med en ustabil forbindelse, noe som dekker de fleste pendlerturer, men en helt offline økt med forhåndsvisning i sanntid er ikke noe denne editoren tilbyr.

Lær CSS i praksis kjører på iOS via App Store og på Android via Google Play, og appen er tilgjengelig på 22 språk. Den har aldersgrense 4+. Bestå den avsluttende eksamenen, så utsteder appen et fullføringssertifikat – dokumentasjon på arbeidet du har gjort, som kan være nyttig på en CV sammen med de veiledede prosjektene du kan fortelle om, men det er ikke en akkreditert kvalifikasjon.