Front-end webontwikkelaar - 5 dagen online klassikaal
3.450,00 EUR
- 5 days
Bouw de vaardigheden op om moderne, responsieve en interactieve websites te maken met deze intensieve Front-End Web Developer-cursus. Ontworpen voor beginnende webontwikkelaars en IT-professionals, biedt dit praktijkgerichte programma een sterke basis in HTML, CSS, JavaScript en moderne webontwikkelpraktijken.
Belangrijkste functies
Taal
Lesmateriaal in het Engels
Niveau
Niveau: beginner - gemiddeld
5 dagen (8 uur per dag) online, onder leiding van een instructeur
60+ aanbevolen studie-uren
Begeleide praktische oefeningen
Projectmatig leren en scenario’s
Ondersteuning beschikbaar na de cursus
Inclusief certificaat van afronding van het programma
Leerdoelen
Aan het einde van dit programma ben je in staat om:
Responsief webdesign met HTML & CSS
Leer hoe je moderne, responsive websites bouwt met semantische HTML en CSS. Beheers Flexbox, CSS Grid en media queries om lay-outs te maken die zich aanpassen aan verschillende apparaten, terwijl je werkt met typografie, formulieren, multimedia en best practices voor visueel ontwerp.
Interactieve websiteontwikkeling met JavaScript
Ontwikkel dynamische en interactieve webapplicaties met JavaScript. Leer de kernconcepten van programmeren, waaronder variabelen, functies, lussen, conditionals en datastructuren, om functies te bouwen zoals formuliervalidatie, interactieve componenten en realtime gebruikersinteracties.
DOM-manipulatie en eventafhandeling
Doe praktische ervaring op met het werken met het Document Object Model (DOM) om webpagina-inhoud dynamisch bij te werken, te creëren en te beheren. Gebruik event handling en JavaScript-logica om responsieve gebruikersinterfaces te bouwen die naadloos reageren op acties van de gebruiker.
UI/UX, toegankelijkheid en prestatieoptimalisatie
Maak websites die gebruiksvriendelijk, toegankelijk en zeer performant zijn. Verken de basisprincipes van UI/UX, toegankelijkheidsrichtlijnen, SEO-best practices en technieken voor prestatieoptimalisatie om de gebruiksvriendelijkheid, vindbaarheid in zoekmachines en laadsnelheid van pagina’s te verbeteren.
Cursustijdlijn
Dag 1
Sessie 1: Introductie tot HTML & CSS
- Ontwikkelomgevingen instellen en webfundamentals
- HTML-structuur, elementen, tags en attributen
- Concepten voor mobile-first-ontwikkeling
- CSS‑basis: selectors, eigenschappen en opmaak
- Chrome Developer Tools en het publiceren van websites
Sessie 2: Tekstelementen
- Kopteksten, alinea’s en tekstopmaak
- CSS-waarden, -eenheden en webfonts
- Geordende en ongeordende lijsten maken en opmaken
Sessie 3: Hyperlinks
- Hyperlinks maken en URL's beheren
- Relatieve en absolute paden
- Documentfragmenten en e-maillinks
- Technieken voor het opmaken van links
Sessie 4: Geavanceerde CSS-selectors
- Type-, klasse-, ID- en attribuutselectoren
- Pseudoklassen en pseudo-elementen
- Combinatoren en selectorgroepen
- CSS-cascade, specificiteit, overerving en at-regels
Dag 2
Sessie 5: Inhoud structureren
- Blok- en inline-elementen
- Het CSS-boxmodel en boxopmaak
- Semantische HTML-elementen
- Regeleinden en horizontale lijnen
- Inleiding tot CSS Grid-layouts
Sessie 6: Multimedia en insluiten
- Werken met afbeeldingen, achtergronden en SVG's
- Video-, audio- en media-indelingen
- Afbeeldingen, bijschriften en pictogrammen
- Externe inhoud insluiten met iframes en andere methoden
Sessie 7: Tabellen
- Tabelrijen, cellen en koppen maken
- Celoverspanning, kolomgroepen en bijschriften
- Semantische tabelopmaak
- Technieken voor het opmaken van tabellen
Sessie 8: Formulieren
- Webformulieren maken en vormgeven
- Labels, invoervelden, knoppen en keuzemenu’s
- Groepering van formuliervelden en validatie-attributen
- Gegevens naar servers verzenden
- Voortgangsbalken en geavanceerde formulierbesturingselementen
Dag 3
Sessie 9: Geavanceerde lay-outtechnieken
- CSS-positionering, floats, Flexbox en Grid
- Principes van responsive design
- Media- en functiequeries
- Responsieve media en moderne lay-outpatronen
Sessie 10: Geavanceerde CSS-opmaak
- Afgeronde hoeken, verlopen en achtergronden
- Schaduwen en teksteffecten
- CSS-transformaties, overgangen en animaties
- Moderne technieken voor visuele vormgeving
Sessie 11: CSS-frameworks en preprocessors
- Overzicht van CSS-frameworks en hun voordelen
- Populaire frameworkopties
- CSS-preprocessors en belangrijkste functies
- CSS-variabelen en moderne styling-workflows
Sessie 12: UI/UX, SEO en prestatieoptimalisatie
- UI/UX-ontwerpprincipes en best practices
- SEO‑basisprincipes en essentiële HTML‑tags
- Website-optimalisatie voor snelheid en prestaties
- De gebruikerservaring en zichtbaarheid in zoekresultaten verbeteren
Dag 4
Sessie 13: Introductie tot JavaScript
- JavaScript‑basisprincipes en ontwikkelomgeving
- JavaScript integreren met HTML
- JavaScript in de browser vs. Node.js
- Syntaxis, opmerkingen en basisprincipes van deployment
Sessie 14: Waarden, variabelen en gegevenstypen
- Variabelen met var, let en const
- Getallen, strings, booleans, arrays en objecten
- Dynamische typering en typeconversie
- Rekenkundige bewerkingen en template-literals
Sessie 15: Functies
- Functiedeclaraties, functie‑expressies en arrow functions
- Parameters, retourwaarden en standaardargumenten
- Functiebereik en aanroep
- Werken met ingebouwde functies
Sessie 16: Programmaflow en logica
- Operatoren en vergelijkttechnieken
- Truthy- en falsy-waarden
- Voorwaardelijke uitspraken en lussen
- Basisprincipes van foutafhandeling en debuggen
Dag 5
Sessie 17: Werken met objecten
- Objectstructuren en eigenschappen begrijpen
- Toegang tot gegevens met behulp van punt- en bracketnotatie
- Objectmethoden maken en gebruiken
- Werken met het this-keyword
- Door objecteigenschappen itereren
- Verkennen van ingebouwde Object-, Array- en String-methoden
Sessie 18: Toegang tot en manipulatie van de DOM
- Inzicht in het Document Object Model (DOM)
- HTML‑elementen selecteren en verwijzen
- Werken met DOM-gegevenstypen
- Pagina-inhoud en -eigenschappen wijzigen
- Elementen dynamisch maken, invoegen en verwijderen
Sessie 19: Event-gedreven programmeren
- Inzicht in browservereignissen en de event flow
- Eventlisteners registreren en beheren
- Gebruikersinteracties afhandelen met het event-object
- Responsieve en interactieve webervaringen bouwen
Sessie 20: Browser-API’s en webfuncties
- Inleiding tot API’s en door de browser aangeboden functionaliteit
- Werken met Date-, Math-, RegExp- en JSON-objecten
- Gebruik van client-side opslag en geolocatiediensten
- Toegang krijgen tot extra browser-API’s om webapplicaties te verbeteren
Voor wie is dit programma bedoeld?
Beginnende front-endontwikkelaars die op zoek zijn naar een gestructureerde instap in webontwikkeling
Junior ontwikkelaars die hun HTML-, CSS- en JavaScript-vaardigheden willen versterken
Softwareontwikkelaars die zich willen uitbreiden naar front-endtechnologieën
UI/UX-designers die hun ontwerpen in code willen begrijpen en implementeren
Ondernemers die zelfstandig moderne websites willen creëren en beheren
Vereisten
Een basisbegrip van programmeerprincipes wordt aanbevolen. We raden je aan om te beginnen met onze cursus Inleiding tot programmeren – JavaScript als je nieuw bent met coderen.
Verklaringen
Licenties en accreditatie
De cursus wordt aangeboden volgens de Partner Program Agreement en voldoet aan de vereisten van de License Agreement.
Gelijkheidsbeleid
Kandidaten worden aangemoedigd om contact op te nemen met AVC voor begeleiding en ondersteuning tijdens het gehele accommodatieproces.
Veelgestelde vraag
Heeft u bedrijfsoplossingen of LMS-integratie nodig
Heb je niet de cursus of het programma gevonden dat geschikt zou zijn voor jouw bedrijf? Heb je een LMS-integratie nodig? Neem contact met ons op! Wij zullen met een passende oplossing komen!