Les 1 Intro

• Applicatie- en mediaontwikkelaar
• MBO
• Studiejaar 1

Introductie Frameworks

Hoe staan we erin vandaag?

😒🙁😐🙂😃

Wat weet je al over JS frameworks

Waarom frameworks?

• Vergemakkelijkt de ontwikkeling van dynamische webapps.
  
• Efficiënter werken met herbruikbare componenten.
  
•  Verbeterde performance en onderhoudbaarheid.
  

Populaire frameworks

React.js: (Facebook, componentgebaseerd, snelle rendering met Virtual DOM).

Vue.js: (lichtgewicht, gemakkelijk te leren, sterke community).

Angular: (Google, robuust, geschikt voor grote projecten).

Hoe kies je een framework

• Leercurve: Hoe makkelijk is het te leren?
  
• Community & Support: Is er voldoende documentatie en ondersteuning?
  
• Performance: Is het snel en efficiënt?
  
• Gebruiksscenario’s: Welke projecten zijn geschikt?
  

Basisbegrip dataformaten

• JSON (.json): Veelgebruikt voor API’s, eenvoudig te verwerken in JavaScript.
• CSV (.csv): Vaak gebruikt voor tabulaire data (bijv. spreadsheets).
• Frameworks kunnen data ophalen en tonen in de UI.
  

Installatie en eerste project

• Kies een framework (bijv. React).
  
• Installeer via npm/yarn:
  

    npx create-react-app my-app

  cd my-app

  npm start

  

• Maak een eenvoudige "Hello World"-app.
  

Wat zijn de belangrijkste voordelen van een JavaScript-framework?

Hoe kies je het juiste framework voor een project?

Praktische oefening

- Installeer en start het gekozen framework.

- Bouw een "Hello World"-app.

- Extra: Lees een JSON-bestand en toon data.

Schrijf 3 dingen op die je deze les hebt geleerd

Schrijf 2 dingen op waarover je meer wilt weten.

Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen

Vooruitblik:

 Werken met componenten en state management.

✅ Inzicht gekregen in populaire JavaScript-frameworks.

✅ Begrip van keuzecriteria en hoe deze toe te passen.

✅ Een framework geïnstalleerd en een "Hello World"-app gemaakt.

✅ Basiskennis opgedaan van dataformaten (.json, .csv) en hoe frameworks hiermee werken.