Front-end Training

Javascript General (1 day)

• ES6 – ES7

• Variables + Scopes

• Classes

• Arrow functions

• Promises and Async

• De-structuring

• Template literals

• Other concepts

• Support: Compile to ‘old’ Javascript with tools (Babel)

• Linting/Formatting: (ESLint, Prettier)

• TC39 proposals

NodeJS (1 day)

Basics

• What is NodeJS

• NPM + Modules

• NPM: version management (SEMVER, shrinkwrap, lock-files, …)

• Node Event Loop

• Node IO (FS, HTTP, Socket, …)

• Running NodeJS applications

Express

• Routing

• Route parameters and queries

• Express middleware

• View engines

• Error handling

• Security

React (3 days)

Basics

• What is React

• React Architecture (scalable folder structure)

• React vs Angular vs Vue

• React Components

• Component Lifecycles

• JSX (introduction / in depth)

• Basic state management

• Building react applications (Webpack, CRA)

• AJAX and API’s

Forms

• Elements

• Form validation

• Error handling

Routing

• React Routing

• Error handling

Advanced

• Security

• Performance: Profiler

• State management (Redux)

• Context API

• Portals (for modals)

• Presentational and container components

• Hooks API (+16.7.x)

• Redux thunk

• Redux Saga

• Styling components

  • Oldschool sass

  • CSS-in-JS (styled-components, emotion)

  • css-modules

• Component re-use

Testing

• Jest + enzyme

• React-testing-library

• Anyone interested in front-end development

• Junior, medior or senior developers

• This course can be organized both at client-side, as well as we+ offices in Hasselt or Mechelen

• Please note this is a 5-day course, but can also be customized to smaller or larger workshops