CSS leren: Code & Praktijk

Op je telefoon kun je als beginner of gevorderde CSS leren, van selectors tot responsieve lay-outs, animaties en modern webdesign. Korte lessen over één onderwerp; een editor die je met één tik opent, met HTML en CSS naast elkaar en een live preview.

WAT ERIN ZIT

• 40 cursussen, 159 lessen: van beginner (A1) tot gevorderde (C1)

• Live HTML- en CSS editor: directe preview, experimenten, eigen pagina's

• 20 begeleide webdesignprojecten: werkbalk, kaartraster, sticky header, pulserende knop

• 20 bugzoekmissies: kaart 42px te breed, mediaquery werkt niet op telefoons, modal achter pagina

• Eindexamen en certificaat van voltooiing

• 22 talen

EEN COMPLEET TRAJECT, VAN BEGINNER TOT GEVORDERDE

• Syntaxis, selectors, kleuren, achtergronden, typografie, boxmodel, display, positionering, eenheden, waarden

• Pseudoklassen, pseudo-elementen, CSS flexbox, CSS grid: van basis tot geavanceerde lay-outs

• Responsief ontwerp, mediaqueries, containerqueries

• Aangepaste eigenschappen (variabelen), functies, specificiteit, cascade, @layer

• Transities, transformaties, keyframe-animaties, filters, overvloeimodi

• Donkere modus, kleurenschema's, scrollen, overflow, clip-path, vormen

• Debuggen met DevTools, BEM-architectuur, Sass, PostCSS, ontwerptokens

• Componentpatronen en moderne lay-outpatronen, prestaties, Houdini

OEFENING DIE BLIJFT HANGEN

• Quizzen, spiekbrief met 69 items, 50 vragen met heldere antwoorden voor sollicitatiegesprekken als front-end- of webontwikkelaar

• Bewerkbare codebibliotheek; bewaar code, notities en favoriete lessen

• World Coding Challenge: drie wereldwijde rondes per dag in Python, JavaScript en andere talen

• Reeksen, XP, klassement, dagelijkse herinneringen

AI-MENTOR

• Vraag AI naar concepten, fouten, lay-outs, eigenschappen of je code

• AI-speeltuin bouwt HTML en CSS op basis van paginabeschrijvingen

• Dagelijks gratis AI-tegoed; onbeperkt met Pro

VOOR WIE HET IS

• Beginners die CSS leren voor webontwikkeling

• Ontwerpers die pagina's opmaken in plaats van mock-ups over te dragen

• Studenten die naast een webdesigncursus oefenen

• HTML- en CSS-ontwikkelaars die CSS flexbox en CSS grid leren

• Carrièreswitchers die zich voorbereiden op een front-endbaan

HOE HET WERKT

1. Begin gratis met CSS leren: syntaxis en selectors

2. Wijzig waarden in de editor; bekijk de preview

3. Leer het boxmodel, flexbox, grid, responsief ontwerp en animatie

4. Bouw begeleide projecten; los lay-outfouten op

5. Haal het eindexamen voor je certificaat

GRATIS EN Pro

Gratis: eerste cursus, eerste begeleide project, twee missies, live editor en dagelijks AI-mentortegoed. Pro: elke cursus, alle projecten en missies, certificaatexamen, onbeperkt AI en geen advertenties.