Frontend master class Nieuwe opzet
Sheets template
Geschatte tijd: 2uur Intro
- Html
- CSS
- Js
T stoplicht.
Live coding
- Css specificity
- Html semantics
- Web API
- Javascript
————— Geschatte tijd: 3
Uitleg:
- Uitleg over modulair bouwen
- State management in frameworks / waarom frameworks?
- Framework choice?
- Use state en use effect
React
- Gebruik TSX maar niet verplicht/
- Poort stoplicht naar react
- Maak lichten als een component
- LEVL 2: Render 2 stoplichten (stoplicht plein en leg de state van stoplichten een level hoger)
Uitleg:
- Browser (render engine)
- Javascript engine
——————— Geschatte tijd: 3
Nextapp:
- Uitleg voordelen van next
- Routing
- ssr
- Server
- Caching
- SEO
Coding van app
-
Live f1 race data https://openf1.org/#sessions
- Show positions of drivers
- Level2: highlight your favorite driver. Keep in state
- Level3: save level2 in localstorage
-
Start / restart api call
- /api/start POST
- /api/restart POST
- /api/session GET (poll every x seconds)