Slides bij het webinar over Angular, React, Vue.js, Phaser, Ionic en Flutter. Meer info: https://eduvision.nl of https://eduvision.be

1. Arjan Burger
Hoe kies ik het juiste javascript
front-end framework?
eduvision.nl / eduvision.be

2. eduvision.nl / eduvision.be: Front-end javascript frameworks
Welkom!
● Wie ben jij?
● In welke frameworks ben je geïnteresseerd?

3. eduvision.nl / eduvision.be: Front-end javascript frameworks
Wat is een javascript
front-end framework
● Javascript framework
● Een bibliotheek javascript
● Aan de front-end

4. eduvision.nl / eduvision.be: Front-end javascript frameworks
Waarom gebruik je een
front-end framework?
● Single Page Application
● Sneller bouwen
● Interactie met back-end
● High performance
● Wordt regelmatig geupdatet (browser
veranderingen)
● Werkt een community aan

5. eduvision.nl / eduvision.be: Front-end javascript frameworks
Overzicht belangrijkste
javascript frameworks
● Angular
● React
● Vue

6. eduvision.nl / eduvision.be: Front-end javascript frameworks
Javascript en frameworks
● In feite is het framework een grote bibliotheek
javascript
● Door vele updates vaak goede javascript (snel!)
● Goed over nagedacht
● Uitbreidbaar (modulair)
● Javascript is zowel front-end als back-end te
gebruiken

7. eduvision.nl / eduvision.be: Front-end javascript frameworks
Angular en React
● De twee bekendste frameworks
● Worden het meest gebruikt in de markt
● Beiden een soort industriestandaard

8. eduvision.nl / eduvision.be: Front-end javascript frameworks
Hoe worden deze
frameworks gebruikt?
● Business logica
● Templating
● Formulieren
● State management
● Soms animatie

9. eduvision.nl / eduvision.be: Front-end javascript frameworks
Hoe worden ze gebruikt
met mobiele applicaties?
● Schrijft basis in html
● Business logica in javascript (framework)
● Styling met CSS
● Compileren
● Javascript roept native calls aan

10. eduvision.nl / eduvision.be: Front-end javascript frameworks
Native versies
● React Native
● Angular met bijv. Ionic of NativeScript

11. eduvision.nl / eduvision.be: Front-end javascript frameworks
Angular
● Framework
● Hele applicatie is gebaseerd op Angular
● Breed van opzet
● Webapplicaties
● Desktop applicaties
● Native applicaties
● Veel gebruikt door Google
● Typescript

12. eduvision.nl / eduvision.be: Front-end javascript frameworks
Angular functionaliteit
● Structuur applicatie
● Templating
● Routing
● Http-client
● Forms (statisch en dynamisch)
● Components
● ...en nog veel meer

13. eduvision.nl / eduvision.be: Front-end javascript frameworks
React
● Erg in opmars
● Nadruk op User Interface (UI)
● Meer een library (kunt er delen van gebruiken)
● Flexibeler
● Gewoon als javascript lib direct te gebruiken
● Vrij snel te leren
● Minder zwaar dan Angular

14. eduvision.nl / eduvision.be: Front-end javascript frameworks
React
● Formulieren
● State management
● Databinding
● Componenten
● (erg veel componenten beschikbaar)

15. eduvision.nl / eduvision.be: Front-end javascript frameworks
Vue
● Jongste van de drie
● Eenvoudigst te leren
● Schone code
● “ normaal ” javascript
● Library (javascript bibliotheek)
● Minste gebruikt van de drie

16. eduvision.nl / eduvision.be: Front-end javascript frameworks
Welke skills zijn
noodzakelijk?
● Geavanceerd javascript
● Angular: typescript

17. eduvision.nl / eduvision.be: Front-end javascript frameworks
De keuze: welk framework
kies je?
● Welke kennis heb je in huis?
● Bouw je een applicatie of een publiekssite?
● Wil je je hele site baseren op 1 framework?
● Wat is de doorslaggevende functionaliteit van je
applicatie?
● Wil je een hybride applicatie bouwen?
● Wil je een native applicatie bouwen?

18. eduvision.nl / eduvision.be: Front-end javascript frameworks
Andere frameworks
● Phaser Game framework
● Ionic
● Flutter Mobile Framework

19. eduvision.nl / eduvision.be: Front-end javascript frameworks
Vragen?
Neem contact met ons op!
• twitter.com/eduvision
• facebook.com/eduvision
• Over Arjan: arjanburger.com
• +31 (0)88 044 42 22 +32 (0)3 747 03 10
info@eduvision.nl info@eduvision.be