Cursusaanbod
De structuur en stijl (HTML & CSS)
Inleiding & webtechnologieën
- Hoe het web werkt: Het client-servermodel eenvoudig uitgelegd.
- De browser als computer: Code interpreteren.
- HTML: Het geraamte van het web. Structuur, hiërarchie en semantische tags.
- CSS: De styling van het web. Kleuren, lettertypes en het boxmodel.
- Lab 1: De omgevingscontainer instellen en een statische "Over mij" profielpagina bouwen.
Werken met HTML & CSS (dieper ingaan)
- HTML: lijsten, links, afbeeldingen en formulieren (essentieel voor gebruikersinteractie).
- CSS: Tekst en achtergrond stylen. Inleiding tot Flexbox en Grid voor moderne lay-outs.
- Responsief ontwerp: De website geschikt maken voor mobiele apparaten en desktops.
- Lab 2: De statische pagina verfijnen met professionele styling en mobiele responsiviteit.
Werken met de DOM (Document Object Model)
- Concept: Begrijpen hoe code relateert aan de visuele pagina.
- Elementen selecteren: Hoe specifieke onderdelen van een webpagina targeten.
- Manipulatie: Inhoud en attributen wijzigen via code.
- Lab 3: Elementen van de statische pagina via code wijzigen (bijv. dynamisch een titel of afbeelding veranderen).
Het brein (JavaScript)
Programmeren in JavaScript (de basis)
- Variabelen & datatypen: Informatie opslaan (tekst, getallen, true/false).
- Logica: if/else-statements (beslissingen nemen).
- Loops: Acties efficiënt herhalen.
- Functies: Herbruikbare codeblokken maken (het "recept"-concept).
- Lab 4: Een simpele calculator of logische game maken met JavaScript.
Interactie & gebeurtenissen
- Event listeners: Reageren op muisklikken, toetsaanslagen en pagina's die laden.
- Formulierafhandeling: Gebruikersinvoer valideren (bijv. controleren of een e-mailadres realistisch is).
- DOM-manipulatie: Dynamisch elementen toevoegen en verwijderen (bijv. een taaklijst).
- Lab 5: De calculator omtoveren tot een interactieve webapp met feedback via de UI.
Gegevens ophalen (API's)
- Concept: Hoe webapplicaties communiceren met andere servers (bijv. het ophalen van weergegevens of beurskoersen).
- JSON: De taal voor gegevensoverdracht.
- Async programmeren: Logica begrijpen van "wacht, en doe daarna" zonder dat de browser bevriest.
- Lab 6: Een feature bouwen die live gegevens uit een openbare API haalt en op de pagina weergeeft.
De professionele toolbox (frameworks & eindopdracht)
Frameworks gebruiken
- Waarom frameworks gebruiken? (Concepten van React, Vue of Svelte).
- Componenten: Modulaire, herbruikbare stukken van de UI bouwen.
- State management: Veranderende gegevens bijhouden.
- Het ecosysteem: Begrijpen van packages, afhankelijkheden en versiebeheer (Git).
- Lab 7: Een simpele feature refactoren met een componentgebaseerde aanpak.
De eindopdracht: Een webapplicatie bouwen
- Vereiste: Deelnemers moeten een functionele webapplicatie bouwen (bijv. een budgettracker, een productdashboard of een portfolio-site).
- Planning: De "user story" en technische omvang definiëren.
- Implementatie: HTML/CSS-structuur combineren met JavaScript-logica.
- Foutopsporing (debugging): Hoe je foutmeldingen leest en gebroken logica herstelt.
- Presentatie: De final applicatie presenteren aan de groep.
Afsluitende opmerkingen & vervolgstappen
- Technische woordenschat: Een cheat sheet voor communicatie met ingenieurs (API, Backend, Frontend, Git, Deployment).
- Resourcengids: Waar je meer kunt leren (documentatie, StackOverflow, MDN).
- Carrière-integratie: Hoe deze vaardigheden helpen in rollen zoals productmanagement en design.
- Vraaggesprek en cursusevaluatie.
Vereisten
- Basisvaardigheden in het gebruik van de computer
- Er is geen eerdere programmeerervaring nodig
Aangepaste bedrijfsopleiding
Opleidingsoplossingen ontworpen exclusief voor bedrijven.
- Aangepaste inhoud: We passen de syllabus en praktijkopdrachten aan naar de echte doelen en behoeften van uw project.
- Voor flexibel schema: Datums en tijden aangepast aan het rooster van uw team.
- Formaat: Online (live), In-company (bij uw kantoren) of Hybride.
Prijs per privégroep, online live training, startend vanaf 4800 € + BTW*
Neem contact met ons op voor een exacte offerte en om onze laatste promoties te horen
Reviews (2)
Ik vond het leren over AI-aanvallen en de beschikbare tools om te beginnen met oefenen en actief inzetten voor securitytesting heel waardevol. Ik heb veel kennis opgedaan die ik aan het begin nog niet had, en de cursus voldeed aan mijn verwachtingen. Het leukste deel van de training was Comet Browser; ik was verbaasd over wat deze tool kon. Dit is zeker iets waar ik dieper in wil duiken. Over het algemeen was het een uitstekende cursus, en ik heb veel genoten van het leren over de OWASP GenAI Top 10.
Patrick Collins - Optum
Cursus - OWASP GenAI Security
Automatisch vertaald
Dat elke technische les vergezeld ging van meerdere praktische oefeningen om de concepten goed te begrijpen.
Andrei-Calin Bajea
Cursus - OWASP Top 10 2025
Automatisch vertaald