MBO Praktijkcursus – Webdevelopment

Je ontwikkelt zelfstandig webapplicaties en websites met HTML, CSS, JavaScript en backend-technieken.

1. 1 Introductie webdevelopment Je maakt kennis met de basis van webontwikkeling en de verschillende rollen in het vakgebied.
   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 development en benoemt de verschillen in taken.
   3. Overzicht van veelgebruikte programmeertalenJe bekijkt welke programmeertalen veel worden gebruikt en waarvoor je ze inzet.
   4. Webdevelopment tools en softwareJe ontdekt welke tools en software je gebruikt bij het ontwikkelen van websites.
   5. Werken met browsers en webserversJe leert hoe browsers en webservers samenwerken bij het tonen van webpagina’s.
2. 2 HTML en structuur van webpagina’s Je bouwt webpagina’s op met HTML en zorgt voor een duidelijke en toegankelijke structuur.
   5 lessen

   1. Basisstructuur van HTML-documentenJe zet de basisstructuur van een HTML-document op en plaatst de juiste elementen.
   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 logische en begrijpelijke opmaak.
   4. Lijsten, tabellen en formulieren implementerenJe maakt lijsten, tabellen en formulieren aan en verwerkt deze in je webpagina.
   5. Best practices voor toegankelijke websitesJe past technieken toe om websites toegankelijk te maken voor verschillende gebruikers.
3. 3 CSS en opmaak Je geeft webpagina’s vorm met CSS en zorgt voor een aantrekkelijke, responsieve lay-out.
   5 lessen

   1. Styling van webpagina’s met CSSJe past CSS toe om de stijl van webpagina’s te bepalen.
   2. Selectoren, eigenschappen en waardesJe gebruikt selectors, eigenschappen en waardes om specifieke elementen te stylen.
   3. Flexbox en Grid voor layout designJe ontwerpt layouts met Flexbox en Grid voor een flexibele indeling.
   4. Responsief ontwerp en media queriesJe maakt websites geschikt voor verschillende schermformaten met media queries.
   5. CSS-animaties en transitiesJe voegt eenvoudige animaties en overgangen toe met CSS.
4. 4 JavaScript en interactiviteit Je programmeert interactieve onderdelen en valideert invoer met JavaScript.
   5 lessen

   1. Basisconcepten: variabelen, functies, loopsJe werkt met variabelen, functies en loops om logica in je code te brengen.
   2. DOM-manipulatie en eventsJe past DOM-manipulatie toe en reageert op gebruikersacties met events.
   3. Formulieren en invoervalidatieJe valideert formulierinvoer en verwerkt gegevens met JavaScript.
   4. Gebruik van externe libraries (bijv. jQuery)Je gebruikt externe libraries zoals jQuery om je code uit te breiden.
   5. Basis debugging en foutafhandelingJe spoort fouten op en lost deze op met debugging technieken.
5. 5 Webdesign en UX/UI Je ontwerpt gebruiksvriendelijke interfaces en past UX/UI-principes toe.
   5 lessen

   1. Ontwerpen van gebruiksvriendelijke interfacesJe ontwerpt schermen die prettig en logisch werken voor de gebruiker.
   2. Kleurgebruik, typografie en lay-out principesJe kiest kleuren, lettertypes en lay-outs die passen bij het doel van de website.
   3. Navigatie en menu-structurenJe maakt duidelijke navigatiestructuren en menu’s voor websites.
   4. Toegankelijkheid en gebruiksvriendelijkheidJe let op toegankelijkheid en controleert of iedereen de website kan gebruiken.
   5. Prototype tools en wireframingJe maakt wireframes en prototypes om je ontwerp te visualiseren.
6. 6 Frontend frameworks en libraries Je werkt met frontend frameworks en bouwt gestructureerde, modulaire applicaties.
   5 lessen

   1. Overzicht van populaire frameworks (React, Vue, Angular)Je vergelijkt populaire frameworks zoals React, Vue en Angular en hun toepassingen.
   2. Component-based developmentJe ontwikkelt onderdelen als herbruikbare componenten.
   3. Routing en state managementJe past routing en state management toe in een frontend-applicatie.
   4. Integratie met API’sJe koppelt frontend aan externe API’s voor gegevensuitwisseling.
   5. Projectstructuur en modulair programmerenJe organiseert je project in modules voor overzicht en onderhoud.
7. 7 Backend development en databases Je programmeert server-side en beheert gegevens met databases en gebruikersbeheer.
   5 lessen

   1. Server-side programmeren (bijv. Node.js, PHP)Je schrijft backend-code met bijvoorbeeld Node.js of PHP.
   2. Werken met databases (SQL, NoSQL)Je maakt verbinding met databases en voert bewerkingen uit met SQL of NoSQL.
   3. CRUD-functionaliteit implementerenJe implementeert CRUD-functionaliteit om gegevens te beheren.
   4. Authenticatie en gebruikersbeheerJe regelt authenticatie en beheert gebruikersaccounts.
   5. Veiligheid en data-integriteitJe zorgt voor veiligheid en integriteit van opgeslagen data.
8. 8 Webhosting en deployment Je publiceert websites online en beheert het live zetten en onderhouden van webprojecten.
   5 lessen

   1. Hostingopties en domeinregistratieJe kiest een hostingoplossing en registreert een domeinnaam voor je website.
   2. Uploaden en publiceren van websitesJe uploadt je website en maakt deze toegankelijk voor bezoekers.
   3. Versiebeheer met Git en GitHubJe gebruikt versiebeheer met Git en GitHub om je code bij te houden.
   4. Continuous Integration/Deployment basicsJe past basisprincipes van Continuous Integration en Deployment toe.
   5. Beheer en monitoring van live websitesJe monitort en beheert de prestaties van een live website.
9. 9 Websecurity en privacy Je herkent beveiligingsrisico’s en past maatregelen toe voor veilige en betrouwbare websites.
   5 lessen

   1. Basisprincipes van webbeveiligingJe leert de basis van webbeveiliging en waar je op moet letten bij het ontwikkelen.
   2. HTTPS, SSL-certificaten en encryptieJe implementeert HTTPS, SSL-certificaten en encryptie 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 beschermt gebruikersdata en verwerkt deze veilig.
   5. Backups en herstelproceduresJe maakt back-ups en weet hoe je een website herstelt bij problemen.
10. 10 Projecten en portfolio-opbouw Je werkt aan eigen projecten en bouwt een portfolio op voor sollicitaties of stages.
    5 lessen

    1. Opzetten van een eigen webprojectJe start een eigen webproject 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 verbetert de prestaties waar nodig.
    4. Documentatie en presentatie van projectenJe legt je werk vast in documentatie en presenteert je project.
    5. Opbouwen van een portfolio voor werk of stagesJe verzamelt je projecten en presenteert deze in een online portfolio.