Wij maken gebruik van Cookies. Cookies zijn bestanden die in je browser worden opgeslagen en zorgen dat de website optimaal werkt, dat je sneller vindt wat je zoekt en dat getoonde content voor jou zo relevant mogelijk is. Lees er meer over in ons cookies- en privacybeleid. Klik hieronder het gewenste niveau.
Essentieel
Niveau 1: Deze cookies zijn noodzakelijk voor een goed en veilig werkende website.
Functioneel
Niveau 1+2: Met deze cookies maken we de website persoonlijker en gebruiksvriendelijker.
Persoonlijk
Niveau 1+2+3: Deze cookies zorgen ervoor dat we je relevante advertenties kunnen laten zien.
Accepteer keuze
Accepteer alles
MENU
Home
Kies een training
CA-ICT Subsidie
Junior IT Traineeship
Strippenkaart
Workshops
Voordelen
Technologieën
Certificeringen
Lesmethodes
Examens
Omscholen
Over ons
Blog
Contact
zoek
zoek
home
/
trainingen
/
development
/
html css bootstrap
HTML CSS Bootstrap (DEV-HTML)
Deze driedaagse opleiding biedt een complete introductie tot moderne webdevelopment met HTML, CSS en Bootstrap. Je leert responsive websites bouwen van scratch, met aandacht voor semantische HTML, CSS-styling en het gebruik van Bootstrap voor snelle prototyping. Na afloop kun je professionele, mobielvriendelijke websites ontwerpen en implementeren met behulp van de nieuwste technieken en tools.
Waarom HTML/CSS/Bootstrap?
HTML
: De standaard opmaaktaal voor webcontent, essentieel voor SEO en toegankelijkheid.
CSS
: Biedt volledige controle over layout, animaties en responsive gedrag.
Bootstrap
: Versnelt ontwikkeling met voorgebouwde componenten en een mobielvriendelijk gridsysteem.
Combikracht
: Ideaal voor snelle prototyping én professionele implementaties.
Studiebelasting:
Contacturen
: 3 dagen × 8 uur = 24 uur.
Zelfstudie
: 6–8 uur (oefeningen, projectafronding).
Totaal: ca. 30–32 uur.
Virtueel beschikbaar
Iedere maand starten
Erkende certificaten
Door heel Nederland
Voor wie
Beginners
die willen starten met webdevelopment.
Designers
die hun ontwerpen zelf willen coderen.
Marketeers
die basisvaardigheden nodig hebben voor CMS-aanpassingen.
Ondernemers
die eenvoudige websites zelf willen bouwen.
Programma
Dag 1: HTML Basis en CSS Introductie
Werkomgeving opzetten: VS Code, browserdeveloper tools (Chrome DevTools).
HTML5-semantiek: <!DOCTYPE html>, <header>, <nav>, <section>, <article>, <footer>.
Elementen: tekst (<h1>-<h6>, <p>), lijsten (<ul>, <ol>, <li>), media (<img>, <video>).
Formulieren: <form>, <input>-types (text, email, checkbox), <button>, validatie.
CSS-basis: selectors (class, id), box model (margin, padding, border), kleuren (hex, rgb).
Dag 2: Geavanceerde CSS en Responsive Design
Flexbox: display: flex, justify-content, align-items, flex-direction.
CSS Grid: grid-template-columns, grid-gap, fr-eenheden.
Responsive technieken: media queries (@media (max-width: 768px)), mobile-first vs desktop-first.
Transities en animaties: transition, @keyframes, transform (rotate, scale).
CSS-variabelen: :root, var(--primary-color).
Dag 3: Bootstrap Framework en Afronding
Bootstrap installatie: CDN-link, npm of download.
Grid-systeem: container, row, col-* (breakpoints: sm, md, lg, xl).
Componenten: navbar, cards, carousel, modals, dropdowns.
Utilities: spacing (mt-3), kleuren (bg-primary, text-white), flex utilities (d-flex).
Customizen: Sass-variabelen overschrijven, themekleuren aanpassen.
Programma:
HTML
:
Semantische tags (<main>, <aside>, <figure>).
Meta-tags (<meta charset="UTF-8">, viewport-instellingen).
Tabellen (<table>, <thead>, <tbody>), iframes.
CSS
:
Positionering: relative, absolute, fixed, sticky.
Pseudo-classes (:hover, :nth-child()), pseudo-elementen (::before, ::after).
Specificiteit, !important, inheritance.
Moderne eenheden: rem, vh, vw, calc().
Bootstrap
:
Breakpoints: xs (extra small) tot xl (extra large).
Forms: validatiestyling, custom form controls.
Icons: Bootstrap Icons of Font Awesome integreren.
JavaScript-componenten: collapsible menus, tooltips (met data-attributes).
Tools
:
Browser DevTools: element inspecteren, responsive modus.
Emmet-snelkoppelingen in VS Code.
Live Server-extensie voor real-time preview.
Accessibility
:
ARIA-labels (aria-label, role="navigation").
Contrastratio’s controleren (WCAG-richtlijnen).
Voorkennis
Geen programmeerervaring vereist.
Basiskennis van bestandsbeheer (mappen aanmaken, bestanden opslaan).
Enige ervaring met tekstverwerkers (bijv. Word) is voldoende.
Studiebelasting
Open leercentrum: 18 lesuren, 0 uren zelfstudie
E-learning: 24 lesuren, 0 uren zelfstudie
Examen
Bereidt voor op
freeCodeCamp Responsive Web Design Certification
.
Basis voor
Microsoft MTA: HTML5 Application Development Fundamentals
.
Direct inschrijven
Kies een subsidieregeling
Kies de gewenste leervorm
Kies een locatie
Wanneer?
Niet ingepland
Deze training is niet ingepland. Neem contact op met onze Planning.
HTML CSS Bootstrap
Contact Planning
Altijd mogelijk
Voor deze E-learning heb je een internetverbinding nodig.
HTML CSS Bootstrap
Jouw keuze
Vooraanmelden
Direct aanmelden
Print offerte
Open leercentrum: 3 dagen
E-learning: 90 dagen
Wat is inbegrepen
Prijs & beschikbaarheid
Virtueel (remote) deelname mogelijk
Plan een afspraak met een opleidingsadviseur
Onze ervaren opleidingsadviseurs staan voor jou klaar om je te helpen met je zoektocht.
Neem contact op
Heb je vragen?
Onze deskundige opleidingsadviseurs helpen je graag bij het maken van de juiste keuze!
040 292 4747
info@the-academy.nl
Waarom @The Academy?
Hoge klanttevredenheid
8.7 uit 4196 evaluaties
Spreiden van lesdagen
flexibiliteit voor uw gemak
Persoonlijk advies
bij het zoeken van de juiste training
Virtueel trainen
voor alle klassikale en blended trainingen