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