Basisopleiding Webdevelopment

Je bouwt stapsgewijs webpagina’s, past HTML, CSS en JavaScript toe en ontwikkelt zelf eenvoudige webapplicaties.

1. 1 Introductie webdevelopment Je maakt kennis met webontwikkeling, programmeertalen en het verschil tussen frontend en backend.
   5 lessen

   1. Basisprincipes van webontwikkelingJe ontdekt hoe websites technisch zijn opgebouwd en wat webdevelopment inhoudt.
   2. Verschil tussen frontend, backend en fullstackJe vergelijkt frontend, backend en fullstack en herkent hun rol in een webproject.
   3. Overzicht van veelgebruikte programmeertalenJe krijgt overzicht van de meest gebruikte programmeertalen voor webontwikkeling.
   4. Webdevelopment tools en softwareJe maakt kennis met tools en software die je inzet bij het bouwen van websites.
   5. Werken met browsers en webserversJe leert hoe browsers en webservers samenwerken bij het tonen van websites.
2. 2 HTML en structuur van webpagina’s Je leert HTML gebruiken om de structuur van webpagina’s op te bouwen en toegankelijk te maken.
   5 lessen

   1. Basisstructuur van HTML-documentenJe zet de basisstructuur van een HTML-document op.
   2. Gebruik van tags, elementen en attributenJe past tags, elementen en attributen toe in je webpagina.
   3. Opmaak en semantische HTMLJe gebruikt semantische HTML voor duidelijke en gestructureerde opmaak.
   4. Lijsten, tabellen en formulieren implementerenJe implementeert lijsten, tabellen en formulieren in je webpagina.
   5. Best practices voor toegankelijke websitesJe past richtlijnen toe voor toegankelijke websites.
3. 3 CSS en opmaak Je past CSS toe voor de opmaak, layout en responsiviteit van je webpagina’s.
   5 lessen

   1. Styling van webpagina’s met CSSJe voegt stijlen toe aan webpagina’s met CSS.
   2. Selectoren, eigenschappen en waardesJe gebruikt verschillende selectoren, eigenschappen en waardes in CSS.
   3. Flexbox en Grid voor layout designJe ontwerpt layouts met Flexbox en Grid.
   4. Responsief ontwerp en media queriesJe maakt webpagina’s geschikt voor verschillende schermformaten.
   5. CSS-animaties en transitiesJe voegt eenvoudige animaties en overgangen toe met CSS.
4. 4 JavaScript en interactiviteit Je maakt webpagina’s interactief met JavaScript en leert basisprincipes van programmeren.
   5 lessen

   1. Basisconcepten: variabelen, functies, loopsJe werkt met variabelen, functies en loops in JavaScript.
   2. DOM-manipulatie en eventsJe past DOM-manipulatie toe en reageert op gebruikersacties.
   3. Formulieren en invoervalidatieJe valideert invoer in formulieren met JavaScript.
   4. Gebruik van externe libraries (bijv. jQuery)Je gebruikt externe libraries zoals jQuery voor meer functionaliteit.
   5. Basis debugging en foutafhandelingJe spoort fouten op en lost eenvoudige problemen op in je code.
5. 5 Webdesign en UX/UI Je ontwerpt gebruiksvriendelijke interfaces en houdt rekening met UX/UI-principes.
   5 lessen

   1. Ontwerpen van gebruiksvriendelijke interfacesJe ontwerpt een interface die prettig werkt voor gebruikers.
   2. Kleurgebruik, typografie en lay-out principesJe kiest kleuren, typografie en lay-out volgens ontwerpprincipes.
   3. Navigatie en menu-structurenJe bouwt een logische navigatie en menu-structuur op.
   4. Toegankelijkheid en gebruiksvriendelijkheidJe houdt rekening met toegankelijkheid en gebruiksgemak.
   5. Prototype tools en wireframingJe maakt wireframes en prototypes van je ontwerp.
6. 6 Frontend frameworks en libraries Je verkent frontend frameworks en leert werken met componenten en API-integraties.
   5 lessen

   1. Overzicht van populaire frameworks (React, Vue, Angular)Je maakt kennis met frameworks als React, Vue en Angular.
   2. Component-based developmentJe bouwt webpagina’s op uit herbruikbare componenten.
   3. Routing en state managementJe past routing en state management toe in een project.
   4. Integratie met API’sJe koppelt je frontend aan externe API’s.
   5. Projectstructuur en modulair programmerenJe richt de projectstructuur in en programmeert modulair.
7. 7 Backend development en databases Je leert basis backend development en werkt met databases voor dynamische websites.
   5 lessen

   1. Server-side programmeren (bijv. Node.js, PHP)Je programmeert eenvoudige server-side functionaliteit.
   2. Werken met databases (SQL, NoSQL)Je slaat data op in en haalt data uit databases.
   3. CRUD-functionaliteit implementerenJe implementeert CRUD-operaties in je webapplicatie.
   4. Authenticatie en gebruikersbeheerJe regelt authenticatie en gebruikersbeheer.
   5. Veiligheid en data-integriteitJe neemt maatregelen voor veiligheid en data-integriteit.
8. 8 Webhosting en deployment Je publiceert websites, gebruikt versiebeheer en beheert live omgevingen.
   5 lessen

   1. Hostingopties en domeinregistratieJe onderzoekt verschillende hostingopties en registreert een domein.
   2. Uploaden en publiceren van websitesJe uploadt en publiceert je website online.
   3. Versiebeheer met Git en GitHubJe past versiebeheer toe met Git en GitHub.
   4. Continuous Integration/Deployment basicsJe leert de basis van automatiseren met Continuous Integration/Deployment.
   5. Beheer en monitoring van live websitesJe monitort en beheert een live website.
9. 9 Websecurity en privacy Je herkent beveiligingsrisico’s en past basismaatregelen toe voor websecurity en privacy.
   5 lessen

   1. Basisprincipes van webbeveiligingJe leert de belangrijkste principes van webbeveiliging.
   2. HTTPS, SSL-certificaten en encryptieJe gebruikt HTTPS en SSL-certificaten voor veilige verbindingen.
   3. Preventie van veelvoorkomende aanvallen (XSS, SQL-injection)Je voorkomt veelvoorkomende aanvallen zoals XSS en SQL-injection.
   4. Veilig omgaan met gebruikersdataJe gaat zorgvuldig om met gebruikersdata.
   5. Backups en herstelproceduresJe zorgt voor backups en weet hoe je data kunt herstellen.
10. 10 Projecten en portfolio-opbouw Je werkt aan een eigen webproject en leert je werk te documenteren en presenteren in een portfolio.
    5 lessen

    1. Opzetten van een eigen webprojectJe start met het opzetten van een eigen webproject.
    2. Integreren van frontend en backendJe combineert frontend en backend tot een werkende website.
    3. Testen en optimaliseren van websitesJe test en verbetert je website waar nodig.
    4. Documentatie en presentatie van projectenJe documenteert en presenteert je project gestructureerd.
    5. Opbouwen van een portfolio voor werk of stagesJe stelt een portfolio samen voor sollicitaties of stages.