Artesis Plantijn Hogeschool Antwerpen
Media, Design en IT
Web frameworks35089/3617/2627/1/05
Studiegids

Web frameworks

35089/3617/2627/1/05
Academiejaar 2026-27
Komt voor in:
  • Graduaat programmeren, trajectschijf 2
Dit is een enkelvoudig opleidingsonderdeel.
Studieomvang: 9 studiepunten
Men kan dit opleidingsonderdeel niet volgen binnen een
  • creditcontract.
  • examencontract (met het oog op het behalen van een creditbewijs).
  • examencontract (met het oog op het behalen van een diploma).
Titularis: Similon Andie
Andere co-titularis(sen): Peeters Jannes
Onderwijstalen: Nederlands
Kalender: Semester 1 of Semester 2
Dit opleidingsonderdeel wordt gequoteerd op 20 (tot op een geheel getal).
Tweede examenkans: wel mogelijk.
Tolereerbaarheid: Voor dit opleidingsonderdeel moet je slagen (wordt nooit getolereerd).
Totale studietijd: 234,00 uren

Volgtijdelijkheid

geslaagd of getolereerd voor Webontwikkeling OF (geslaagd of getolereerd voor Webontwikkeling_A EN geslaagd of getolereerd voor CMS intro_U).

Korte omschrijving

Het olod Web Frameworks behandelt de ontwikkeling van web- en mobiele applicaties in de meest gebruikte frameworks.

OLR-Leerdoelen

De gegradueerde maakt een onderbouwd voorstel van het ontwerp, de webframeworks en stemt hiervoor af met collega, belanghebbenden, teamleden, rekening houdende met de technische en functionele vereisten.
Je legt je ontwerpkeuzes (framework, structuur, componenten) uit en verdedigt deze op basis van de functionele analyse.
Je stelt een voorstel op voor een web- of mobiele applicatie rekening houdend met de technische en functionele vereisten.
De gegradueerde programmeert webapplicaties en databankstructuren en werkt hierbij planmatig gebruikmakend van de Agile methodiek.
Je bouwt een gebruikersinterface door gebruik te maken van een UI-bibliotheek.
Je bouwt een mobiele applicatie aan de hand van een cross-platform framework.
Je bouwt een Single Page Application (SPA) met een modern framework.
Je bouwt een web- en mobiele applicatie vertrekkend van een functionele analyse.
Je integreert externe API’s voor het ophalen en verwerken van dynamische data.
Je maakt gebruik van een routing-bibliotheek voor een applicatie met meerdere pagina’s.
Je ontwikkelt interactieve componenten via props, state, lifecycle en gedeelde data.
Je past server-side rendering, statische generatie en de App Router toe om performante en SEO-vriendelijke webapplicaties te bouwen.
Je verbetert de gebruikerservaring door efficiënte data-fetching en server-side optimalisaties toe te passen.
De gegradueerde programmeert volgens de standaarden en afspraken binnen de organisatie.
Je bouwt herbruikbare componenten die voldoen aan de codeerafspraken van het framework.
Je zet de juiste programmeerstructuur (folderstructuur, naming conventions) op basis van de conventies van het framework.
De gegradueerde gaat volgens testscenario’s de werking en functionaliteit van de gerealiseerde code na en verbetert deze op basis van gerapporteerde bugs en issues.
Je identificeert en lost performanceproblemen op.
Je test en debugt een webapplicatie met behulp van browser development tools.
De gegradueerde volgt relevante IT-evoluties op, identificeert de eigen ontwikkelingsnoden en verbetert continu de eigen praktijk.
Je raadpleegt zelfstandig officiële documentatie om technische vragen te beantwoorden en problemen op te lossen.

Leerinhoud

Verdiepen van kennis in het schrijven van webapplicaties.

Basiskennis van een Single Page Application (SPA) webapplicatie:

- Schrijven van eigen functional components
- Doorgeven van data aan componenten
- Lifecycle een component
- Controlled en uncontrolled components
- Event- en callback handlers
- Stijlen van componenten
- Beheren van de state van de applicatie
- Delen van state tussen componenten
- Uitvoeren van API calls

Geavanceerd leren werken met webapplicaties:

- Bouwen van een webapplicatie in een full stack webframework
- Server side rendering en static site generation
- Routing en navigatie
- Data fetching en caching

Bouwen van cross platform apps aan de hand van een framework:

- Opzetten van een cross platform app
- Routing en navigatie binnen de applicatie
- Gebruik van geavanceerde scrollmechanismen
- Platform specifieke componenten gebruiken (iOS, Android, Web)
- Data opslag op het apparaat (bv. key/value storage, local database,...)
- Integratie van native components en API's

Studiematerialen

StudiewijzerVerplicht
Online leermateriaal op DigitapVerplicht

Onderwijsorganisatie

Dagtraject
Practicum en/of oefeningen (dagtraject)72,00 uren
Werktijd buiten de contacturen (dagtraject)162,00 uren
Flexibel traject
Practicum en/of oefeningen (flexibel traject)48,00 uren
Werktijd buiten de contacturen (flexibel traject)186,00 uren

Toetsing (vervolg)

Zonder deelname aan de eindverdediging krijgt de student een 0 voor het deelexamen 'projectopdracht'.

Afwezigheid (deel)examen
Voor de voorwaarden voor het inhalen van een afwezigheid op een (deel)examen binnen en buiten de examenreeksen: zie het onderwijs- en examenreglement.
Buiten de examenreeks geldt aanvullend nog het volgende:
• Niet elke evaluatieactiviteit kan ingehaald worden o.w.v. organisatorische of didactische redenen.

Toetsing

Dagtraject
Evaluatie(s) voor de eerste examenkans
MomentVorm%Opmerking
Eerste examenperiodeVaardigheidstoets eenmalig tijdens de lesweken30,00Digitale tussentijdse toets. Georganiseerd tijdens de toetsweek.
Eerste examenperiodeVaardigheidstoets in de examenreeks40,00Digitaal.
Evaluatie(s) voor de tweede examenkans
MomentVorm%Opmerking
Tweede examenperiodeVaardigheidstoets in de examenreeks70,00Digitaal.
Evaluatie(s) voor beide examenkansen, niet herhaalbaar in tweede examenkans
MomentVorm%Opmerking
Eerste examenperiodeProjectopdracht30,00Digitale opdracht. Mondeling toe te lichten.
Flexibel traject
Evaluatie(s) voor de eerste examenkans
MomentVorm%Opmerking
Eerste examenperiodeVaardigheidstoets in de examenreeks70,00Digitaal.
Evaluatie(s) voor de tweede examenkans
MomentVorm%Opmerking
Tweede examenperiodeVaardigheidstoets in de examenreeks70,00Digitaal.
Evaluatie(s) voor beide examenkansen, niet herhaalbaar in tweede examenkans
MomentVorm%Opmerking
Eerste examenperiodeVaardigheidstoets in de examenreeks30,00Digitaal. Mondeling toe te lichten.