Artesis Plantijn Hogeschool Antwerpen
Media, Design en IT
Webtechnologie36802/3617/2627/1/47
Studiegids

Webtechnologie

36802/3617/2627/1/47
Academiejaar 2026-27
Komt voor in:
  • Graduaat programmeren, trajectschijf 1
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: Schraepen Philippe
Andere co-titularis(sen): Peeters Jannes, Van Battel Sam
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

Op dit opleidingsonderdeel is er geen volgtijdelijkheid van toepassing.

Korte omschrijving

In dit opleidingsonderdeel bouw je een statische website met HTML, CSS en JavaScript. Je leert niet alleen de technische bouwstenen van webontwikkeling beheersen, maar ook werken zoals een professionele developer: planmatig bouwen, code schrijven volgens afspraken, fouten debuggen en feedback verwerken. Zo leg je een stevige basis voor je verdere groei als webdeveloper.

OLR-Leerdoelen

De gegradueerde programmeert webapplicaties en databankstructuren en werkt hierbij planmatig gebruikmakend van de Agile methodiek.
Je bouwt een webpagina gestructureerd op: eerst de HTML-structuur, dan de visuele vormgeving met CSS, en ten slotte de interactiviteit met JavaScript.
Je respecteert de vooropgestelde deadlines en toont via regelmatige Git commits aan dat je gespreid en planmatig werkt.
De gegradueerde neemt verantwoordelijkheid voor de eigen digitale werkomgeving en draagt bij tot de gedeelde digitale infrastructuur nodig voor het ontwikkelen, testen en in productie brengen van projecten.
Je configureert een lokale ontwikkelomgeving met een code-editor, browser en een correcte projectstructuur.
De gegradueerde programmeert volgens de standaarden en afspraken binnen de organisatie.
Je gebruikt HTML-elementen semantisch correct.
Je maakt een webpagina interactief met behulp van JavaScript.
Je past de geldende coding guidelines en naamgevingsconventies toe in je HTML, CSS en JavaScript.
Je vertaalt een voorgedefinieerde lay-out naar een webpagina met behulp van HTML en CSS.
Je verwerkt externe bronnen zoals afbeeldingen, lettertypes en bibliotheken op een correcte en licentieconforme manier.
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 spoort fouten in je code op en lost deze op met behulp van de DevTools in de webbrowser.
Je test je webpagina op verschillende browsers en apparaten en zorgt voor een consistente werking en weergave.

Leerinhoud

Basis van het structureren van webpagina's in HTML:

  • De bouwstenen: elementen, tags en attributen
  • Structuur geven aan teksten met semantische HTML-elementen 
  • Lijsten, afbeeldingen en tabellen 
  • Koppelingen en formulieren

Basis van het vormgeven van webpagina's in CSS:

  • De opbouw van stijlregels en waar die komen te staan
  • Het gebruik van kleursystemen, units en typografie
  • Gebruikmaken van eenvoudige en meer geavanceerde selectors
  • Het boxmodel

Diepgang bij het vormgeven van webpagina's in CSS:

  • Lay-outtechnieken: grid lay-out en flexbox
  • Animaties en transities
  • Responsive webdesign met media queries
  • CSS3 custom properties

Basis van programmeren in JavaScript:

  • Wat is JavaScript
  • Variabelen en data types
  • Expressies en operatoren
  • Conditionele structuren en lussen
  • Functies 

Uitgebreid programmeren in JavaScript:

  • Arrays en array-functies
  • Objecten en JSON
  • DOM-manipulatie en events
  • Asynchroon programmeren met callbacks en promises 

Debuggen en testen van webapplicaties:

  • De browser DevTools leren gebruiken

Basis van werken met API's:

  • HTTP request methods
  • API's verkennen met Postman
  • Data uit een API ophalen met JavaScript
  • JSON-formaat verwerken en weergeven in een webpagina
  • Gebruik van externe libraries

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 examenperiodeProjectopdracht30,00Digitale opdracht, mondeling toe te lichten.