MHBO Praktijkcursus – Webdevelopment

Je ontwikkelt en beheert websites door te werken met HTML, CSS, JavaScript, frameworks, databases en webhosting.

1. 1 Introductie webdevelopment Je maakt kennis met de basis van webontwikkeling, gebruikte tools en het verschil tussen frontend en backend.
   5 lessen

   1. Basisprincipes van webontwikkelingJe onderzoekt hoe websites technisch zijn opgebouwd en welke stappen webontwikkeling omvat.
   2. Verschil tussen frontend, backend en fullstackJe vergelijkt frontend, backend en fullstack, en herkent hun functies binnen webprojecten.
   3. Overzicht van veelgebruikte programmeertalenJe bekijkt welke programmeertalen veel worden gebruikt en waarvoor je ze inzet.
   4. Webdevelopment tools en softwareJe ontdekt welke software en tools je gebruikt bij het ontwikkelen en testen van websites.
   5. Werken met browsers en webserversJe leert hoe browsers en webservers samenwerken om webpagina’s te tonen.
2. 2 HTML en structuur van webpagina’s Je bouwt webpagina’s op met HTML en zorgt voor een toegankelijke en logische structuur.
   5 lessen

   1. Basisstructuur van HTML-documentenJe stelt de basisstructuur van een HTML-document samen voor een overzichtelijke webpagina.
   2. Gebruik van tags, elementen en attributenJe gebruikt tags, elementen en attributen om inhoud te structureren.
   3. Opmaak en semantische HTMLJe past semantische HTML toe voor een betekenisvolle opmaak van webpagina’s.
   4. Lijsten, tabellen en formulieren implementerenJe voegt lijsten, tabellen en formulieren toe aan een webpagina.
   5. Best practices voor toegankelijke websitesJe past richtlijnen toe voor toegankelijke websites zodat iedereen ze kan gebruiken.
3. 3 CSS en opmaak Je verzorgt de opmaak van webpagina’s met CSS en zorgt voor een responsieve en aantrekkelijke lay-out.
   5 lessen

   1. Styling van webpagina’s met CSSJe past CSS toe om kleuren, lettertypes en marges te bepalen.
   2. Selectoren, eigenschappen en waardesJe selecteert elementen en wijzigt eigenschappen met CSS-regels.
   3. Flexbox en Grid voor layout designJe richt pagina’s in met Flexbox en Grid voor een flexibele lay-out.
   4. Responsief ontwerp en media queriesJe maakt ontwerpen die zich aanpassen aan verschillende schermformaten.
   5. CSS-animaties en transitiesJe voegt eenvoudige animaties en overgangen toe aan webpagina’s.
4. 4 JavaScript en interactiviteit Je voegt interactiviteit toe aan webpagina’s met JavaScript en leert omgaan met gebruikersinvoer.
   5 lessen

   1. Basisconcepten: variabelen, functies, loopsJe schrijft eenvoudige scripts met variabelen, functies en loops.
   2. DOM-manipulatie en eventsJe past DOM-manipulatie toe en reageert op gebruikersacties met events.
   3. Formulieren en invoervalidatieJe controleert formulieren en valideert invoer van gebruikers.
   4. Gebruik van externe libraries (bijv. jQuery)Je gebruikt externe libraries om extra functionaliteit toe te voegen.
   5. Basis debugging en foutafhandelingJe spoort fouten op en leert basisprincipes van debugging.
5. 5 Webdesign en UX/UI Je ontwerpt gebruiksvriendelijke interfaces en zorgt voor een logische navigatie en presentatie.
   5 lessen

   1. Ontwerpen van gebruiksvriendelijke interfacesJe maakt ontwerpen die aansluiten bij de wensen van gebruikers.
   2. Kleurgebruik, typografie en lay-out principesJe kiest kleuren, lettertypes en lay-out voor een aantrekkelijke uitstraling.
   3. Navigatie en menu-structurenJe ontwerpt duidelijke menu’s en navigatiestructuren.
   4. Toegankelijkheid en gebruiksvriendelijkheidJe houdt rekening met toegankelijkheid en gebruiksgemak voor alle bezoekers.
   5. Prototype tools en wireframingJe oefent met wireframes en prototypingtools voor het uitwerken van je ontwerpen.
6. 6 Frontend frameworks en libraries Je werkt met moderne frontend frameworks en leert hoe je projecten modulair opzet en beheert.
   5 lessen

   1. Overzicht van populaire frameworks (React, Vue, Angular)Je vergelijkt populaire frameworks en hun toepassingen in webprojecten.
   2. Component-based developmentJe bouwt webpagina’s op uit herbruikbare componenten.
   3. Routing en state managementJe past routing en state management toe binnen een framework.
   4. Integratie met API’sJe koppelt frontend aan externe API’s voor dynamische data.
   5. Projectstructuur en modulair programmerenJe organiseert projectbestanden en programmeert modulair.
7. 7 Backend development en databases Je ontwikkelt backend-functionaliteit, werkt met databases en implementeert gebruikersbeheer.
   5 lessen

   1. Server-side programmeren (bijv. Node.js, PHP)Je programmeert server-side met bijvoorbeeld Node.js of PHP.
   2. Werken met databases (SQL, NoSQL)Je maakt verbinding met databases en beheert gegevens.
   3. CRUD-functionaliteit implementerenJe voert CRUD-bewerkingen uit op databasegegevens.
   4. Authenticatie en gebruikersbeheerJe regelt authenticatie en beheert gebruikersaccounts.
   5. Veiligheid en data-integriteitJe past maatregelen toe voor veilige opslag en verwerking van data.
8. 8 Webhosting en deployment Je publiceert websites, gebruikt versiebeheer en houdt toezicht op live webomgevingen.
   5 lessen

   1. Hostingopties en domeinregistratieJe kiest hostingopties en registreert een domeinnaam voor je website.
   2. Uploaden en publiceren van websitesJe uploadt bestanden en maakt je website online toegankelijk.
   3. Versiebeheer met Git en GitHubJe beheert codeversies en werkt samen via Git en GitHub.
   4. Continuous Integration/Deployment basicsJe richt eenvoudige processen in voor automatische updates en publicatie.
   5. Beheer en monitoring van live websitesJe monitort prestaties en houdt je website online en bereikbaar.
9. 9 Websecurity en privacy Je zorgt voor beveiliging van webprojecten en beschermt gebruikersdata tegen risico’s.
   5 lessen

   1. Basisprincipes van webbeveiligingJe herkent risico’s en neemt basismaatregelen voor webbeveiliging.
   2. HTTPS, SSL-certificaten en encryptieJe past HTTPS toe en werkt met SSL-certificaten en encryptie.
   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 persoonsgegevens en privacygevoelige data.
   5. Backups en herstelproceduresJe stelt backups in en weet hoe je data herstelt bij problemen.
10. 10 Projecten en portfolio-opbouw Je werkt aan eigen webprojecten, test en documenteert deze en bouwt een portfolio op.
    5 lessen

    1. Opzetten van een eigen webprojectJe start een eigen project en plant de benodigde stappen.
    2. Integreren van frontend en backendJe koppelt frontend en backend tot een werkend geheel.
    3. Testen en optimaliseren van websitesJe test je website en voert verbeteringen door waar nodig.
    4. Documentatie en presentatie van projectenJe legt je werk vast en presenteert je project aan anderen.
    5. Opbouwen van een portfolio voor werk of stagesJe verzamelt afgeronde projecten in een portfolio voor sollicitaties of stages.