Responsive Web Design (Virtueel)
computer Online: Virtueel 28 jan. 2026 |
computer Online: Virtueel 30 jan. 2026 |
computer Online: Virtueel 2 feb. 2026 |
computer Online: Virtueel 6 feb. 2026 |
computer Online: Virtueel 10 feb. 2026 |
computer Online: Virtueel 12 feb. 2026 |
computer Online: Virtueel 18 feb. 2026 |
computer Online: Virtueel 20 feb. 2026 |
computer Online: Virtueel 23 feb. 2026 |
computer Online: Virtueel 27 feb. 2026 |
computer Online: Virtueel 3 mrt. 2026 |
computer Online: Virtueel 5 mrt. 2026 |
computer Online: Virtueel 11 mrt. 2026 |
computer Online: Virtueel 13 mrt. 2026 |
computer Online: Virtueel 16 mrt. 2026 |
computer Online: Virtueel 20 mrt. 2026 |
computer Online: Virtueel 24 mrt. 2026 |
computer Online: Virtueel 26 mrt. 2026 |
computer Online: Virtueel 1 apr. 2026 |
computer Online: Virtueel 3 apr. 2026 |
Vijfhart, dat klopt voor jou!
- Oefenomgeving tot 3 maanden na afronding beschikbaar
- Flexgarantie: wissel eenvoudig van virtueel naar fysiek, of andersom
- Kennisgarantie: volg jouw cursus gratis nog een keer, fysiek of virtueel
- Ontvang een gratis proefexamen bij meerdere opleidingen
- Kies voor een Microsoft-cursus bij Vijfhart en ontvang gratis het officiële Microsoft-examen* t.w.v. max. €155,-.
Lesmethode :
Virtueel
Algemeen :
Een moderne website moet op elk apparaat goed werken zoals een laptop, tablet of smartphone. In deze webdesign cursus leer je hoe je met responsive webdesign pagina’s maakt die zich automatisch aanpassen aan schermgrootte en resolutie, zodat de gebruikservaring altijd optimaal is.
Je gaat aan de slag met flexbox en grid layouts om je pagina’s overzichtelijk en flexibel in te delen. Je leert hoe je met breakpoints en media queries webpagina’s dynamisch aanpast aan verschillende schermformaten en hoe je de juiste viewport, pixel density en relatieve afmetingen instelt. Ook ontdek je hoe je afbeeldingen, fonts en tabellen schaalbaar maakt, hoe je rekening hou…
Er zijn nog geen veelgestelde vragen over dit product. Als je een vraag hebt, neem dan contact op met onze klantenservice.
Vijfhart, dat klopt voor jou!
- Oefenomgeving tot 3 maanden na afronding beschikbaar
- Flexgarantie: wissel eenvoudig van virtueel naar fysiek, of andersom
- Kennisgarantie: volg jouw cursus gratis nog een keer, fysiek of virtueel
- Ontvang een gratis proefexamen bij meerdere opleidingen
- Kies voor een Microsoft-cursus bij Vijfhart en ontvang gratis het officiële Microsoft-examen* t.w.v. max. €155,-.
Lesmethode :
Virtueel
Algemeen :
Een moderne website moet op elk apparaat goed werken zoals een
laptop, tablet of smartphone. In deze webdesign cursus leer je hoe
je met responsive webdesign pagina’s maakt die zich automatisch
aanpassen aan schermgrootte en resolutie, zodat de gebruikservaring
altijd optimaal is.
Je gaat aan de slag met flexbox en grid layouts om je pagina’s
overzichtelijk en flexibel in te delen. Je leert hoe je met
breakpoints en media queries webpagina’s dynamisch aanpast aan
verschillende schermformaten en hoe je de juiste viewport, pixel
density en relatieve afmetingen instelt. Ook ontdek je hoe je
afbeeldingen, fonts en tabellen schaalbaar maakt, hoe je rekening
houdt met touch events en hoe je performance verbetert met
technieken als lazy loading.
In de praktijkopdrachten bouw je zelf pagina’s die zowel op desktop
als mobiel uitstekend functioneren. Je test direct hoe jouw keuzes
invloed hebben op layout, navigatie en laadtijd, en ervaart hoe
slimme oplossingen zorgen voor een betere gebruikerservaring op
alle apparaten.
Doel :
Na afloop kun je zelfstandig responsive websites ontwerpen en ontwikkelen die soepel werken op elk schermformaat en optimaal inspelen op mobiel gebruik.
Doelgroep :
Deze cursus is voor iedereen die al met HTML en CSS werken en hun websites geschikt willen maken voor alle schermformaten zoals front-end devlopers, webontwikkelaars en webdesigners.
Voorkennis :
Ervaring met programmeren in HTML, CSS en JavaScript.
Onderwerpen :
- Flexbox en Grid layout
- Viewport, pixel density en relatieve afmetingen
- Touch events
- Breakpoints en media queries
- Responsive tables en fonts
- Responsive images
- Lazy Loading
Er zijn nog geen veelgestelde vragen over dit product. Als je een vraag hebt, neem dan contact op met onze klantenservice.

