Opleidingen

Opleiding: HTML CSS Bootstrap

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.
  • 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.
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).
  • Bereidt voor op freeCodeCamp Responsive Web Design Certification.
  • Basis voor Microsoft MTA: HTML5 Application Development Fundamentals.
Meer...
€1.695
ex. BTW
Aangeboden door
@The Academy
Onderwerp
Bootstrap
(X)HTML &amp; CSS
Niveau
Duur
3 dagen
Looptijd
18 dagen
Type product
training
Lesvorm
Klassikaal
Aantal deelnemers
Max: 12
Tijdstip
Overdag
Tijden en locaties
Utrecht
wo 21 mei 2025
Eindhoven
wo 11 jun. 2025
Eindhoven
wo 2 jul. 2025
Eindhoven
wo 13 aug. 2025
Eindhoven
wo 3 sep. 2025
Utrecht
wo 24 sep. 2025
Eindhoven
wo 15 okt. 2025
Eindhoven
wo 5 nov. 2025
Utrecht
wo 3 dec. 2025
Keurmerken aanbieder
CRKBO en BTW-vrijstelling
NRTO
Microsoft Learning Partner
EC-Council