Recently Updated Pages
Wat zijn actuatoren?
Definitie: Een actuator is een apparaat dat energie omzet in beweging. Het wordt gebruikt om ee...
Sensoren
Introductie tot Sensoren Wat zijn sensoren?: Apparaten die fysieke grootheden (zoals licht, te...
Analoge signalen
Analoge Signalen Analoge Signalen: Signalen die continu variëren en een oneindig aantal waar...
Werken met een knop
Knop aansluiten: Componenten: Drukknop, 10kΩ weerstand (pull-down), breadboard, jumper wires. ...
Werken met een LED
Digitale Signalen Digitaal: Signalen met slechts twee mogelijke toestanden: hoog (HIGH) of laa...
Eerste programma
Je eerste programma: "Blink" Het "Blink" voorbeeld laat een LED op de Arduino-board knipperen. ...
Arduino en IDE
Wat is Arduino? Arduino is een open-source elektronica platform gebaseerd op gebruiksvriendeli...
CSS Box Model
Wat is het CSS Box Model? In CSS wordt elk element op een webpagina beschouwd als een rechthoeki...
Afronding CSS Grid en Responsive Design
Je hebt geleerd hoe je CSS Grid kunt gebruiken om geavanceerde en responsieve layouts te maken. M...
Oefeningen
Oefening 1: Maak je Website Volledig Responsief Wat te doen? Pas media queries toe om je webs...
Responsive Design met Media Queries
Wat zijn Media Queries? Media queries in CSS stellen je in staat om stijlregels toe te passen op...
Opdracht: Layout Creëren met CSS Grid
Stap 1: HTML Structuur Aanmaken Maak een HTML bestand genaamd grid.html aan om de grid layout to...
CSS Grid Eigenschappen
Definiëren van Kolommen en Rijen Gebruik de eigenschappen grid-template-columns en grid-template...
Introductie tot CSS Grid
Wat is CSS Grid? CSS Grid Layout, vaak gewoon Grid genoemd, is een tweedimensionaal grid-systeem...
Afronding CSS Layouts en Flexbox
In dit hoofdstuk heb je het volgende geleerd: Het CSS Box Model: Begrip van margins, borders, ...
Oefeningen
Oefening 1: Maak een Flexbox Layout voor je Footer Wat te doen? Maak van je <footer> een flex...
Opdracht: Gebruik van Flexbox
Stap 1: Structureren van je HTML Pas je index.html aan om een flex container en flex items te he...
Flexbox
Wat is Flexbox? Flexbox, of de Flexible Box Layout Module, is een CSS3-layoutmodel dat het eenvo...
Afronding Introductie
In dit hoofdstuk heb je het volgende geleerd: Wat webontwikkeling is en het verschil tussen fr...
Afronding Introductie
Samenvatting van de Introductie Gefeliciteerd met het voltooien van de introductie! Je hebt gele...