Opleiding: MHBO Frontend programmeren (Online Zelfstudie)

Met een MHBO praktijkstudie kiest je voor een tussenstap van MBO naar HBO en leg je een stevige basis voor verdere studie op HBO-niveau. Het programma vertoont grotendeels gelijkenissen met het MBO-programma, maar omvat extra opdrachten ter voorbereiding op het HBO-niveau.

Met de opleiding MHBO Frontend programmeren ontwikkel je alle vaardigheden om moderne, interactieve en gebruiksvriendelijke websites en webapplicaties te bouwen. Je begint met een inleiding tot frontend programmering en leert HTML beheersen als de basis van elke webpagina, terwijl je met CSS stijlen en lay-outs maakt die een professionele uitstraling geven. JavaScript vormt de kern van interactiviteit op websites, waardoor jij dynamische elementen en interactieve functies kunt implementeren. Je leert versiebeheer en samenwerken met Git, zodat je efficiënt en gestructureerd in teamverband projecten ontwikkelt. Responsive webdesign en een mobile-first aanpak zorgen ervoor dat websites op elk apparaat optimaal functioneren, terwijl CSS preprocessors zoals SASS en LESS je workflow versnellen en het beheer van stijlen vereenvoudigen. Daarnaast ontdek je de kracht van JavaScript frameworks en libraries om complexe functionaliteiten snel en effectief te realiseren. Webprestaties en optimalisatie staan centraal, zodat je websites snel laden en soepel functioneren voor gebruikers. Webtoegankelijkheid volgens WCAG-richtlijnen en best practices zorgen ervoor dat jouw websites voor iedereen bruikbaar zijn, inclusief mensen met beperkingen. Deze praktijkgerichte opleiding biedt een stevige basis om jezelf te ontwikkelen tot een frontend professional die creatief, technisch vaardig en toekomstgericht webprojecten kan realiseren die zowel gebruiksvriendelijk als technisch geavanceerd zijn.

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.

Voor wie?

Iedere MHBO praktijkstudie is ontwikkeld voor een brede doelgroep. Op basis van de aangegeven onderwerpen per studieles kun je beoordelen of deze studie relevant kan zijn voor jouw persoonlijke ontwikkeling. Voor vragen kun je altijd terecht bij onze advies & voorlichting.

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.

Leerdoelen

• Je kunt de basisprincipes van frontend programmering uitleggen en toepassen bij het bouwen van webpagina’s.
• Je kunt HTML gebruiken om gestructureerde webpagina’s te maken en inhoud correct te markeren.
• Je kunt CSS toepassen om stijlen, lay-outs en visuele elementen van webpagina’s te ontwerpen en optimaliseren.
• Je kunt JavaScript gebruiken om interactiviteit op webpagina’s te implementeren en gebruikerservaring te verbeteren.
• Je kunt versiebeheer toepassen en effectief samenwerken met Git om code te beheren en teamprojecten te coördineren.
• Je kunt responsive webdesign en mobile-first principes toepassen om websites op verschillende apparaten goed weer te geven.
• Je kunt CSS preprocessors zoals SASS en LESS gebruiken en JavaScript frameworks en libraries inzetten voor efficiënte ontwikkeling.
• Je kunt webprestaties optimaliseren en webtoegankelijkheid (WCAG) toepassen volgens best practices om inclusieve en snelle websites te realiseren.

Programma

Tijdens de MHBO-opleiding van Go2Lean komen de volgende onderwerpen aan bod:

Inhoud van Les 1

• Wat is frontend programmeren en waarom is het belangrijk voor webontwikkeling?
• Verschil tussen frontend en backend programmeren
• De rol van de frontend developer binnen een ontwikkelingsteam
• Basisprincipes van HTML, CSS en JavaScript
• Het belang van gebruikerservaring (UX) en gebruikersinterface (UI) in frontend ontwikkeling

Inhoud van Les 2

• De opbouw van een HTML-document: elementen, tags en attributen
• Het gebruik van HTML5-tags en semantische elementen (bijv. , , )
• Het belang van toegankelijke en goed gestructureerde HTML-code
• Het inbedden van media: afbeeldingen, video's, en audio
• Formulieren in HTML: invoervelden, knoppen en validatie

Inhoud van Les 3

• Wat is CSS en hoe wordt het gebruikt om de stijl van een webpagina te bepalen?
• Basisconcepten van CSS: selectors, properties en values
• Het gebruik van CSS-boxmodel: margin, padding, borders en content
• Flexbox en Grid: moderne technieken voor het maken van responsieve lay-outs
• Media queries en responsive design: hoe pas je stijlen aan voor verschillende schermformaten?

Inhoud van Les 4

• Wat is JavaScript en hoe wordt het gebruikt voor dynamische webpagina's?
• Variabelen, datatypes en basis syntax in JavaScript
• Functies en methoden: het creëren van herbruikbare code
• DOM-manipulatie: interactie met HTML-elementen via JavaScript
• Event handling: het afhandelen van gebruikersinvoer zoals klikken en toetsenbordacties

Inhoud van Les 5

• Wat is Git en waarom is versiebeheer belangrijk in frontend ontwikkeling?
• Het gebruik van Git-commando’s: init, add, commit, push en pull
• Hoe werk je samen met andere developers via Git en GitHub?
• Het beheren van branches en het oplossen van merge-conflicten
• Het belang van een duidelijke commitgeschiedenis en goede naamgevingsconventies

Inhoud van Les 6

• Wat is responsive webdesign en waarom is het essentieel voor de gebruikerservaring?
• Het concept van mobile-first design: het bouwen van een website die eerst geoptimaliseerd is voor mobiele apparaten
• Het gebruik van flexibele afbeeldingen en mediaqueries om responsief te ontwerpen
• Het aanpassen van lay-outs voor verschillende schermgroottes (desktop, tablet, mobiel)
• Tools en technieken voor het testen van responsieve websites

Inhoud van Les 7

• Wat zijn CSS preprocessors en waarom zijn ze nuttig voor grotere projecten?
• Het verschil tussen SASS, LESS en reguliere CSS
• Variabelen, functies en mixins gebruiken in SASS
• Het structureren van CSS met behulp van SASS-mappen en -bestanden
• Het compileren van SASS naar reguliere CSS en de workflow verbeteren

Inhoud van Les 8

• Wat is een JavaScript-framework en hoe verschilt het van een library?
• Introductie tot populaire frameworks: React, Angular, Vue.js
• De voordelen van het gebruik van frameworks in frontend ontwikkeling
• Component-gebaseerde architectuur en herbruikbaarheid in frameworks
• Het integreren van externe libraries (bijv. jQuery, Lodash) voor veelvoorkomende taken

Inhoud van Les 9

• Wat zijn webprestaties en waarom zijn ze belangrijk voor de gebruikerservaring?
• Het optimaliseren van laadtijden: compressie van afbeeldingen, minificatie van CSS/JS
• Lazy loading van afbeeldingen en andere middelen voor sneller laden
• Het gebruik van browsercache en het optimaliseren van server-responses
• Tools voor het meten van prestaties: Google Lighthouse, WebPageTest

Inhoud van Les 10

• Wat is webtoegankelijkheid en waarom is het belangrijk voor frontend ontwikkeling?
• Het naleven van de WCAG-richtlijnen (Web Content Accessibility Guidelines)
• Het gebruik van semantische HTML voor betere toegankelijkheid
• Hoe toetsenbordnavigatie en schermlezers ondersteunen in je ontwerp
• Het testen van toegankelijkheid en het implementeren van verbeteringen

Certificaat

Deze praktijkopleiding geeft jou de mogelijkheid om het bijbehorende certificaat te behalen. Tijdens de praktijkopleiding schrijf je een Verbeterplan Praktijk-Case (VPC). 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 certificaat van deze praktijkopleiding. Indien je voor twee of meer praktijkopleidingen kiest binnen hetzelfde vakgebied, dan ontvang je bij een positief resultaat een diploma!