Artesis Plantijn Hogeschool Antwerpen
Media, Design en IT
Web frameworks35089/3062/2324/1/84
Studiegids

Web frameworks

35089/3062/2324/1/84
Academiejaar 2023-24
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).
Co-titularis(sen): Similon Andie, Van Battel Sam
Onderwijstalen: Nederlands
Kalender: Semester 1
Dit opleidingsonderdeel wordt gequoteerd op 20 (tot op een geheel getal).

Volgtijdelijkheid

geslaagd of getolereerd voor Webontwikkeling OF (geslaagd of getolereerd voor Webontwikkeling_A EN geslaagd of getolereerd voor CMS intro_A).
Tweede examenkans: wel mogelijk.
Tolereerbaarheid: Dit opleidingsonderdeel komt in aanmerking voor tolerantie onder de voorwaarden van de opleiding waarvoor je bent ingeschreven.
Totale studietijd: 234,00 uren

Korte omschrijving

Het olod Web Frameworks behandelt de ontwikkeling van webapplicaties in de meest gebruikte frameworks.

OLR-Leerdoelen (lijst)

02: 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.
De student ontwerpt een mobiele app vertrekkend van een functionele analyse.
De student zet de juiste programmeerstructuur op o.b.v. het ontwerp.
De student ontwerpt een web applicatie op basis van een functionele analyse.
De student maakt een mobiele app vertrekkend van een functionele analyse.
03: De gegradueerde programmeert webapplicaties en databankstructuren en werkt hierbij planmatig gebruikmakend van de Agile methodiek.
De student maakt web applicaties in react js
De student maakt componenten met properties, hooks en states
De student maakt gebruik van een routing library voor een applicatie met meerdere pagina’s
De student maakt componenten die met elkaar communiceren aan de hand van een gedeelde state
De student maakt web applicaties te gebruik maken van externe web services
De student bouwt een user interface met gebruik van een UI component library
De student begrijpt de React Component Lifecycle
04: 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.
De student werkt met GIT.
De student gebruikt GIT bij de ontwikkeling van het project
05: De gegradueerde programmeert volgens de standaarden en afspraken binnen de organisatie.
De student volgt de coding conventions voor het ontwikkelen van mobiele applicaties.
De student realiseert het project rekening houdend met de kwaliteitsnormen.
De student kan herbruikbare componenten bouwen
07: 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.
De student kan een web applicatie testen, debuggen en performance problemen oplossen

Leerinhoud

Verdiepen van kennis in het schrijven van webapplicaties.

Basiskennis van een React.js applicatie:

  • Combineren van HTML, CSS en JSX
  • Schrijven van eigen functional components
  • Doorgeven van data via properties
  • Lifecycle van een React Component (useEffect hook)
  • Gebruik van React Router
  • Controlled en uncontrolled components
  • Event- en callback handlers
  • Stijlen van componenten

Beheren van de status van de applicatie

  • Beheren van state van een component
  • Manieren van state delen tussen verschillende componenten (context, redux,...)
  • Uitvoeren van API calls

Bouwen van cross platform apps in React Native:

  • JSX, Core Components
  • Absolute positioning en Flexbox
  • Custom components en properties
  • Scrollable views
  • Routing en Navigatie
  • Hooks
  • AsyncStorage
  • Native Components

Basiskennis over smartphone-specifieke onderdelen in webontwikkeling:

  • GPS
  • Gyroscoop
  • Camera

Geavanceerd leren werken met webapplicaties:

  • headless-systemen
  • Werken met een static site generator en server side rendering
  • Frontend-backend koppeling o.b.v. een API
  • Continuous deployment a.d.h.v. version control
  • Werken met webhooks
  • Gebruik maken van edge functies

Studiematerialen (tekst): Verplicht

Het cursusmateriaal wordt via Digitap ter beschikking gesteld.

Laptop:
De student dient voor dit opleidingsonderdeel zijn/haar persoonlijke laptopcomputer te gebruiken. Er worden faciliteiten geboden voor de aanschaf/installatie van de noodzakelijke software.

Onderwijsorganisatie

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

Toetsing (lijst)

Evaluatie(s) voor de eerste examenkans
MomentVorm%Opmerking
Eerste examenperiodeVaardigheidstoets eenmalig tijdens de lesweken30,00
Eerste examenperiodeVaardigheidstoets in de examenreeks40,00
Evaluatie(s) voor de tweede examenkans
MomentVorm%Opmerking
Tweede examenperiodeVaardigheidstoets in de examenreeks70,00
Evaluatie(s) voor beide examenkansen, niet herhaalbaar in tweede examenkans
MomentVorm%Opmerking
Eerste examenperiodeProjectopdracht30,00

Toetsing (tekst)

VERPLICHTE AANWEZIGHEID NOODZAKELIJK TIJDENS LESACTIVITEIT
Er wordt een 0 op de deelevaluatie PROJECTOPDRACHT gegeven indien de student 4 of meer keer ongewettigd of gewettigd afwezig is op semesterbasis.

AFWEZIG OP (DEEL)EVALUATIE
Als je afwezig bent voor een (deel)evaluatie buiten de afgebakende examenreeksen, kan je deze evaluatieactiviteit inhalen op voorwaarde dat dit organisatorisch mogelijk is én :

  • Je jouw afwezigheid meldt via de module ‘Mijn afwezigheden’ in iBaMaFlex voor aanvang van de (deel)evaluatie.
  • Je dient je aanvraag voor een inhaalmoment tezamen met het nodige medisch attest in via de webmodule ‘Mijn afwezigheden’ in iBaMaFlex. Je doet dit binnen 2 kalenderdagen na de gemiste (deel)evaluatie. Indien de 2de kalenderdag een zaterdag, zondag, feest-of verlofdag is, wordt de termijn verlengd tot de eerstvolgende werkdag.
  • Je maakt, binnen de 4 kalenderdagen na de gemiste (deel)evaluatie, zelf per e-mail een afspraak met de lector omtrent het tijdstip en de wijze waarop deze (deel)evaluatie kan ingehaald worden. Je kan slechts één (deel)evaluatie per opleidingsonderdeel inhalen en daarvoor éénmaal een dergelijke afspraak maken. Ben je op die afspraak voor het inhaalmoment ook afwezig, dan kan je de (deel)evaluatie niet meer inhalen. Je dient het origineel geldig medisch attest te bewaren zodat dit in geval van onduidelijkheid alsnog kan worden opgevraagd.

Voldoe je niet aan de voorgaande voorwaarden, dan heb je geen recht op een inhaalmoment en krijg je bijgevolg 0 op deze (deel)evaluatie.