HDTutorial
NL
CSS Tutorial: Van Beginner Tot Expert (Volledige Cursus)

Afspelen laadt de ingesloten YouTube-speler (privacyvriendelijke modus).

CSS Tutorial: Van Beginner Tot Expert (Volledige Cursus)

3.498.643 weergaven 13 november 2019 6:18:38

Bekijken op YouTube
KanaalfreeCodeCamp.org

In het kort

Deze complete CSS-cursus neemt je mee van absoluut beginner tot gevorderd, van basistextstijlen en kleuren tot complexe lay-outs, animaties en technieken voor responsief ontwerp. Perfect voor webontwikkelaars die de visuele kant van websites willen beheersen—geen voorkennis van CSS nodig.

Belangrijkste stappen

  1. Begin met de CSS-basics: selectoren, eigenschappen en hoe je stylesheets koppelt aan HTML.
  2. Ontdek tekstbewerking, kleuren, achtergronden en het CSS-boxmodel voor lay-outcontrole.
  3. Duik in Flexbox en CSS Grid om flexibele, responsieve pagina-opzetten te maken.
  4. Voeg interactie toe met overgangen, transformaties en aangepaste animaties met keyframes.

Vragen en antwoorden

Welke software heb ik nodig om mee te doen?

De cursus legt aan het begin uit hoe je de benodigde software downloadt en instelt.

Hoofdstukken

Beschrijving van de maker

Leer alles over CSS in deze complete cursus voor beginners. CSS, of *Cascading Style Sheets*, is verantwoordelijk voor de stijl en het uiterlijk van een website.

We beginnen bij het begin en gaan door alle onderwerpen – van basisdingen zoals kleuren en tekst tot geavanceerde technieken zoals aangepaste animaties.

Je leert:
• Kleuren toepassen
• Tekst formatteren
• Layouts maken
• Grid en Flexbox gebruiken
• Animaties en overgangen maken
• En nog veel meer!

🎥 Cursus van Jad Khalili. Voor meer content van deze docent, bezoek:

⭐️ Inhoudsopgave ⭐️
⌨️ (0:00:00) Cursusdoelen en resultaten
⌨️ (0:02:36) Introductie tot de cursus
⌨️ (0:11:19) Benodigde software downloaden
⌨️ (0:12:30) Waar vind je de projectbestanden?

⌨️ (0:14:28) Wat is CSS?
⌨️ (0:17:09) Een CSS-stijlblad maken en koppelen
⌨️ (0:20:39) Hoe test je een stijlblad?

⌨️ (0:22:12) Wat is een *selector*?
⌨️ (0:25:54) Klassen en IDs in HTML
⌨️ (0:31:52) Specificiteit en wanneer je *selectors* gebruikt
⌨️ (0:39:13) *Pseudoselectors*
⌨️ (0:47:58) Geavanceerde *selectors*
⌨️ (0:59:30) *Attribuutselectors*
⌨️ (0:09:38) Wat zijn eigenschappen in CSS?
⌨️ (1:12:59) De algemene CSS-regel

⌨️ (1:17:37) Soorten kleuren
⌨️ (1:24:53) Tekst kleuren
⌨️ (1:32:30) Achtergrondkleuren
⌨️ (1:36:56) Afbeeldingen en URLs in CSS
⌨️ (1:42:30) Andere achtergrond-eigenschappen
⌨️ (1:48:59) Doorzichtigheid
⌨️ (1:52:17) Gradaties

⌨️ (2:04:12) Inleiding tot eenheden
⌨️ (2:15:57) Tekst bewerken
⌨️ (2:23:54) Lettertypegrootte, vet en stijl
⌨️ (2:30:33) Lettertypefamilies
⌨️ (2:37:08) Externe lettertypes met Google Fonts toevoegen
⌨️ (2:43:1

Over deze tutorial

freeCodeCamp.org publiceerde deze videotutorial van 6:18:38 op 13 november 2019. Hij is 3.498.643 keer bekeken op YouTube.

Categorie
Onderwijs
Duur
6:18:38
Gepubliceerd
13 november 2019
Weergaven
3.498.643
Likes
71.279

Delen

Deze tutorial in andere talen