HBO Frontend programmeren (Online Zelfstudie)
Wil je moderne, gebruiksvriendelijke en aantrekkelijke websites en webapplicaties bouwen? Met de HBO opleiding Frontend Programmeren ontwikkel je sterke vaardigheden in HTML en semantische opbouw, zodat jouw webpagina’s altijd logisch en overzichtelijk zijn. Je leert CSS toepassen voor stijlvolle en professionele vormgeving die aansluit bij de wensen van gebruikers en organisaties. Met JavaScript basisvaardigheden maak je je websites interactief en dynamisch, waardoor de gebruikerservaring sterk verbetert. Responsive en mobile-first design zorgen ervoor dat jouw werk op alle apparaten perfect werkt, van smartphone tot desktop. Je maakt kennis met frontend tooling en workflow die je productiviteit verhogen en het ontwikkelproces versnellen. Toegankelijkheid en webstandaarden staan centraal, zodat je websites voor iedereen bruikbaar zijn, ook voor mensen met een beperking. Daarnaast leer je werken met populaire frontend frameworks en componenten, waarmee je efficiënter complexe toepassingen bouwt. API-koppelingen en data ophalen geven je de mogelijkheid om dynamische inhoud te integreren en te verwerken. Testen en kwaliteitscontrole waarborgen dat jouw code betrouwbaar en foutloos is. Projectmatig werken en documenteren zorgen ervoor dat je gestructureerd en professioneel aan realistische opdrachten werkt. Start nu en bouw aan jouw toekomst als frontend developer die impact maakt!
€ 695,00
exclusief 21% btw
Studieduur
3 maanden
Go2Lean: Innovatie en efficiëntie in opleidingen
Bij Go2Lean is het mogelijk om opleidingen te combineren tot een totale loopbaanplanning. Je volgt alleen de door jou gekozen opleidingen. Dat sluit perfect aan op jouw loopbaan. Zo kun jij jezelf optimaal ontwikkelen. Je werkt met persoonlijke leerdoelen, praktijkcases en praktijk gerelateerde oefeningen. De opleiding bestaat uit meerdere studielessen die je in je eigen tempo doorloopt via de online leeromgeving. De aanbevolen duur om de opleiding te voltooien is drie maanden, maar je hebt maximaal zes maanden de tijd om alles volledig af te ronden.
Vooropleiding
Go2Lean heeft voor het kunnen deelnemen aan deze praktijkstudie geen speciale eisen gesteld aan jouw vooropleiding. Indien je twijfelt over het instapniveau, dan kun je contact opnemen met onze afdeling advies & voorlichting.
Voorbereiding
De opleiding bestaat uit meerdere studielessen die je in je eigen tempo doorloopt via de online leeromgeving. De aanbevolen duur om de opleiding te voltooien is drie maanden, maar je hebt maximaal zes maanden de tijd om alles volledig af te ronden.
Studiemateriaal
Er wordt altijd actueel studiemateriaal toegepast binnen alle praktijkstudies van Go2Lean.
Na het volgen van deze opleiding
- De semantische opbouw van HTML begrijpen en toepassen
- CSS gebruiken voor vormgeving en layout
- Basisvaardigheden in JavaScript ontwikkelen
- Responsive en mobile-first design implementeren
- Frontend tooling en workflows effectief inzetten
- Toegankelijkheid en webstandaarden toepassen
- Frontend frameworks en componenten gebruiken
- API-koppelingen maken en data ophalen in frontend projecten
Tijdens de HBO-opleiding van Go2Lean komen de volgende onderwerpen aan bod:
Les 1
Les 2
Les 3
Les 4
Les 5
Les 6
Les 7
Les 8
Les 9
Les 10
Les 1
HTML en semantische opbouw
- Structuur van een HTML-document
- Gebruik van semantische elementen (
, , , etc.) - Formulieren en invoerelementen
- Navigatiestructuren opzetten
- Tabelopmaak en toegankelijkheid
- Multimedia-inbedding (video, audio, iframe)
- Gebruik van attributen (alt, title, aria-label)
- Documentatie en best practices
- Validatie via W3C-validator
- SEO-vriendelijke HTML schrijven
Les 2
CSS en vormgeving
- Werken met kleur, typografie en spacing
- CSS-selectors en specificity
- Box model en positioning
- Flexbox en Grid layoutsystemen
- Media queries en responsive design
- CSS-variabelen en herbruikbare klassen
- Pseudo-classes en pseudo-elements
- Transities en animaties met CSS
- Dark mode en thematisering
- Structureren van stylesheets (BEM, OOCSS)
Les 3
JavaScript basisvaardigheden
- Variabelen, datatypes en operatoren
- Functies en parameters
- Arrays en objecten
- Loops en conditionele logica
- DOM-manipulatie
- Event handling (click, submit, input)
- Formuliervalidatie met JS
- Werken met modules en scripts
- Debugging in de browser (DevTools)
- Best practices in scripting (clean code)
Les 4
Responsive en mobile-first design
- Opzetten van mobile-first media queries
- Viewportinstellingen en schaalbaarheid
- Breakpoints kiezen en toepassen
- Schaalbare typografie en flexibele afbeeldingen
- Responsieve navigatie (hamburgermenu’s e.d.)
- Toegankelijkheid op mobiele apparaten
- Testen op verschillende devices (simulators/emulators)
- Gebruik van units: rem, %, vw/vh
- Flexbox vs. Grid op mobiele schermen
- Mobile usability volgens WCAG
Les 5
Frontend tooling en workflow
- Versiebeheer met Git en GitHub
- Package management met npm/yarn
- Werken met preprocessors (Sass, Less)
- Webpack en bundlingconcepten
- Code linters en formatters (ESLint, Prettier)
- Werken in een component-gebaseerde structuur
- Opzetten van dev-omgevingen
- Deployment op platforms (bijv. Vercel, Netlify)
- Branching en pull requests in Git
- Documentatie bijhouden (README, Wiki)
Les 6
Toegankelijkheid en webstandaarden
- Inzicht in WCAG-richtlijnen
- Structureren van content voor screenreaders
- Keyboard navigatie implementeren
- ARIA-roles en -labels
- Contrast en leesbaarheid waarborgen
- Toetsbare toegankelijkheidscriteria
- Gebruik van semantiek in HTML voor toegankelijkheid
- Testtools (Axe, Lighthouse, WAVE)
- Foutafhandeling toegankelijk maken
- Rapporteren van toegankelijkheidsstatus
Les 7
Frontend frameworks en componenten
- Introductie tot React of Vue (basisbegrippen)
- Component-based architecture
- Props en state uitleggen en gebruiken
- Events en user-interactie beheren
- Condities en lists renderen
- Werken met API’s in een framework
- Routing en SPA-concepten
- Hooks of lifecycle-methodes gebruiken
- Styling binnen componenten
- Opbouw van een kleine frontend-applicatie
Les 8
API-koppelingen en data ophalen
- Fetch API gebruiken
- JSON begrijpen en verwerken
- Asynchrone code (async/await, promises)
- Koppelen met een externe API
- Fouten afhandelen bij API-calls
- Loader tonen tijdens het ophalen van data
- CORS en API-security basisprincipes
- Data manipuleren in de DOM
- Filters en zoekfunctionaliteiten met API-data
- API-documentatie lezen en begrijpen
Les 9
Testen en kwaliteitscontrole
- Visuele controle van UI-elementen
- Browsercompatibiliteit testen
- Automatisch testen (Jest, Cypress basis)
- Debugging via DevTools
- Gebruik van code linters
- Unit testing van functies
- Testgevallen documenteren
- Gebruikerstests opzetten (usability testing)
- Foutafhandeling verbeteren vanuit testen
- CI/CD in frontend (basisinzicht)
Les 10
Projectmatig werken en documenteren
- Opzetten van frontend-projectstructuur
- Planning en tijdsinschatting maken
- Werken met user stories en requirements
- Wireframes en mockups vertalen naar code
- Scrum-elementen toepassen (stand-up, backlog)
- Samenwerken via GitHub of andere VCS-platforms
- Versiebeheer en changelogs bijhouden
- Presenteren van projectresultaten
- Reflectieverslagen schrijven op B2-niveau
- Documentatie schrijven voor eindgebruikers of developers
Diploma
Deze opleiding geeft jou de mogelijkheid om het bijbehorende diploma te behalen. Aan het einde van de opleiding maak je een digitale toets met meerkeuzevragen. Hieruit moet jouw beheersing van de behandelde onderwerpen goed naar voren komen. Als je dit onderdeel met een positief resultaat afsluit, ontvang je het officiële diploma van deze opleiding.
Serviceduur
Voor de opleiding staat een studieduur van 3 maanden, maar onze serviceduur voor deze opleiding is 6 maanden.
Dit betekent dat de opleiding binnen 6 maanden volledig afgerond dient te zijn.
Een totaalprijs voor deze opleiding
Met het opgegeven bedrag worden niet alleen de kosten voor de studie en het studiemateriaal gedekt, maar ook eventuele herexamenkosten. Hierdoor bieden we een volledig pakket aan, zodat je zonder extra financiële verrassingen aan je studie kunt beginnen.
€ 695,00
exclusief 21% btw