Frontend-training

Javascript Algemeen (1 dag)

• ES6 – ES7
• Variables + scopes
• Classes
• Arrow functions
• Promises en Async
• Destructuring
• Template literals
• Andere concepten
• Support: Compileren naar ‘oude’ Javascript met tools (Babel)
• Linting / Formatting: (ESLint, Prettier)
• TC39 proposals

NodeJS (1 dag)
Basisprincipes

• Wat is NodeJS
• NPM + Modules
• NPM: versiebeheer (SEMVER, shrinkwrap, lock-files…)
• Node Event Loop
• Node IO (FS, HTTP, Socket…)
• Lopende NodeJS-toepassingen

Express

• Routing
• Routeparameters en query’s
• Express middleware
• View engines
• Foutafhandeling
• Beveiliging

React (3 dagen)
Basisprincipes

• Wat is React
• React Architecture (scalable folder structure)
• React vs Angular vs Vue
• React-componenten
• Levenscycli van componenten
• JSX (inleiding/uitgebreid)
• Basic state management
• React-toepassingen bouwen (Webpack, CRA)
• AJAX en API’s

Formulieren

• Elementen
• Formuliervalidatie
• Foutafhandeling

Routing

• React-routing
• Foutafhandeling

Gevorderd

• Beveiliging
• Prestaties: Profiler
• State management (Redux)
• Context-API
• Portals (voor modals)
• Presentatie- en containeronderdelen
• Hooks API (+16.7.x)
• Redux thunk
• Redux Saga
• Stylingonderdelen
  • Oldschool sass
  • CSS-in-JS (styled-componenten, emotion)
  • CSS modules
• Componenten hergebruiken

Testing

• Jest + enzyme
• React-testing-library