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.
Niveau 1: Deze cookies zijn noodzakelijk voor een goed en veilig werkende website.
Niveau 1+2: Met deze cookies maken we de website persoonlijker en gebruiksvriendelijker.
Niveau 1+2+3: Deze cookies zorgen ervoor dat we je relevante advertenties kunnen laten zien.

Wil je snel responsive websites bouwen?

home/trainingen/development/html css bootstrap

HTML CSS Bootstrap (DEV-HTML)

Wil je snel responsive websites bouwen? Leer in deze training hoe je met HTML, CSS en Bootstrap gestructureerde, mobielvriendelijke webpagina’s maakt met Flexbox, Grid en interactieve componenten.

Wil je...

Wil je leren hoe je professionele, responsive websites bouwt? In deze driedaagse training ontdek je hoe je HTML, CSS en Bootstrap gebruikt om gestructureerde, mobielvriendelijke webpagina’s te ontwikkelen. Je leert semantische HTML, geavanceerde CSS-technieken en hoe je met Bootstrap sneller en efficiënter webinterfaces creëert.

Wat leer je in deze training?

  • HTML-structuur – Semantische elementen, formulieren en tabellen.
  • CSS-opmaak – Flexbox, Grid, animaties en responsieve ontwerpen.
  • Bootstrap-framework – Grid-systeem, componenten en utility classes.
  • Webdevelopment-tools – Werken met browser DevTools, Emmet en Live Server.
  • Accessibility & best practices – ARIA-labels, contrastcontroles en SEO-optimalisatie.

Deze training is perfect voor beginners, designers en marketeers die webdevelopment willen beheersen. Met praktijkgerichte opdrachten en moderne tools bouw je functionele en visueel aantrekkelijke websites. De training bevat Engelstalig lesmateriaal en wordt gegeven door een Nederlandstalige docent.

Wat is inbegrepen

  1. Een AI-Tutor voor ondersteuning tijdens en na de training
  2. Engelstalig lesmateriaal
  3. Nederlandstalige docent
  4. Praktijkgerichte labs
  5. Certificaat van deelname

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.

Voorkennis

  • Geen programmeerervaring vereist.
  • Basiskennis van bestandsbeheer (mappen aanmaken, bestanden opslaan).
  • Enige ervaring met tekstverwerkers (bijv. Word) is voldoende.

Info & aanmelden

Onze missie
Iedereen verdient IT-trainingen die echt verschil maken. Daarom maken wij IT persoonlijk: afgestemd op jouw niveau, leerstijl en ambities.
Klassikaal of virtueel
Onze trainingen kun je klassikaal op locatie volgen of virtueel vanuit huis of kantoor. Zo kies je de leervorm die het beste past bij jouw agenda en werksituatie.
Nederlandse trainers
Onze trainingen worden verzorgd door Nederlandse trainers. Het lesmateriaal is Engelstalig, zodat het aansluit op internationale IT-standaarden en certificeringen.
Wanneer
Kies een locatie
Volg deze training klassikaal vanaf...
€ 9.999,00
Jouw keuze
€ 9.999,-
Excl. BTW
Print offerte

Programma

Modules

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).

Examen

  • Bereidt voor op freeCodeCamp Responsive Web Design Certification.
  • Basis voor Microsoft MTA: HTML5 Application Development Fundamentals.

Studiebelasting

Open leercentrum: 18 lesuren, 0 uren zelfstudie

We make
personal

Persoonlijk leren, begeleid door Buddy


Bij veel IT trainingen ontstaat de echte uitdaging pas na de lesdag. Vragen blijven liggen, oefenen kost tijd en niet iedereen leert in hetzelfde tempo.

Daarom werken wij met Buddy: onze overkoepelende AI-ondersteuning die deelnemers begeleidt van oriëntatie tot certificering en toepassing in de praktijk.

Buddy ondersteunt bij kiezen, voorbereiden, leren, voortgang en afronding. Zo blijft de ontwikkeling doorgaan tijdens én buiten de trainingsmomenten.

Company strippenkaart


Strippenkaart van The Academy

Flexibel opleiden met voordeel en tot twee jaar zekerheid.

Met de Strippenkaart koop je vooruit opleidings­capaciteit in voor je organisatie. Je zet trainingen flexibel in voor meerdere medewerkers, wanneer het past bij jullie planning. Met voordeel per trainingsdag en een geldigheid tot twee jaar haal je meer rendement uit je opleidings­budget, zonder vast te zitten aan starre afspraken.

De volgende training is gevonden

Professioneel pakket

60 Strippen
28 % kortingMeest gekozen
€ 25.704,00 € 35.700,00Je bespaart € 9.996,00
Geldig 24 maanden
Persoonlijke opleidingsadviseur
Flexibel inzetbaar
Bekijk details

Ook beschikbaar:

21 Strippen
13% korting
€ 1.617,- besparing
30 Strippen
23% korting
€ 4.017,- besparing
150 Strippen
29% korting
€ 25.500,- besparing

NIEUWSBRIEF:    Blijf op de hoogte van nieuwe trainingen en acties