WEBCRAFT · FASE 1 + 2
Visuele samenvattingen
De kern van elk onderdeel in helder Nederlands. Bekijk de fiches online, kopieer de voorbeeldcode of druk één fiche afzonderlijk af.
Van begeleid leren naar Prepare, Recap, Build, Debug en Reflect vanaf hoofdstuk 4.
Open de werkwijzefiche → HOOFDSTUK 04 · 12 FICHESHTMLStructuur, tekst, links, media, tabellen, formulieren en semantiek.
Open de HTML-fiches → HOOFDSTUK 05 · 12 FICHESCSSSelectors, kleuren, typografie, boxmodel, Flexbox, Grid en responsive design.
Open de CSS-fiches → HOOFDSTUK 06 · 13 FICHESJavaScriptES6+, logica, functies, DOM, events, gegevens en externe API’s.
Open de JavaScriptfiches → HOOFDSTUK 07 · 8 FICHESBootstrapGrid, utilities, componenten, formulieren, toegankelijkheid en Campus Event.
Open de Bootstrapfiches → HOOFDSTUK 11–17 · ARCHITECTUURFICHELichte MVCRequest, repository, viewdata en view volgens de kernregel: eerst data, dan HTML.
Open de MVC-infographic → HOOFDSTUK 11 · 10 FICHESPHP 8Server-side code, types, beslissingen, arrays, functies, formulieren en templates.
Open de PHP-fiches → HOOFDSTUK 12 · 6 FICHESPDODatabankverbinding, prepared statements, filters, joins en repositories.
Open de PDO-fiches → HOOFDSTUK 13 · 8 FICHESCRUDLezen, toevoegen, wijzigen, archiveren, herstellen en transacties.
Open de CRUD-fiches → HOOFDSTUK 14 · 6 FICHESLoginWachtwoordhashes, sessies, guards, rollen en veilige logout.
Open de loginfiches → HOOFDSTUK 15 · 6 FICHESSecurityHeaders, CSRF, rate limiting, resetflows, sessie-intrekking en auditlogs.
Open de securityfiches → HOOFDSTUK 16 · 6 FICHESDashboardKPI’s, aggregaties, filters, Chart.js, tabellen, paginering en controle.
Open de dashboardfiches →