Frontend for Backend Developers Training
Level
BeginnerDuration
16h / 2 daysDate
Individually arrangedPrice
Individually arrangedFrontend for Backend Developers Training
Do you only write JavaScript when you have to? Was the last JavaScript framework you used jQuery? Have you never heard of the class keyword in JavaScript? Missing static typing? Or maybe you just want to brush up on frontend skills?
What You Will Learn
- Discover the changes in JavaScript – Node, ES6
- Use CSS and see that it’s not that scary
- Learn object-oriented programming in JS – how classes and inheritance work
- Start using static typing in JS with TypeScript
- Get introduced to React, the most popular library today
Who is this training for?
Backend developers who once dabbled in frontend-
Backend developers curious about frontend technologies
-
Frontend developers unfamiliar with TypeScript or React
Training Program
Module 1: Tools
- Runtime environment – Node.js
- Package repository – npm
- Common npm issues and troubleshooting
- Code analysis and formatting – ESLint, Prettier
- Code modularization principles
- Module bundler – webpack
- Unit testing – Jest
Module 2: JavaScript
- ES6 and ES6+ features
- Destructuring arrays and objects
- Spread operator
- Variable declarations (
var,let,const) - Event Loop and asynchronous execution model
thiskeyword behavior- Classes and inheritance
- DOM API and Web Components
fetchAPI and Promisesasync/await- Collections: Object, Array, Map, Set
Module 3: TypeScript
- Adding TypeScript to an existing project
tsconfig.jsonconfiguration- Interfaces and types
- Duck typing
@typesand type definitions- Generics
- Union types
Module 4: Painless CSS
- Practical CSS tips
- Transferring styles from existing websites
- Centering elements
- Flexbox basics and usage
- CSS frameworks overview
Module 5: JavaScript Frameworks
- The chaos in the JavaScript ecosystem
- Angular vs React vs Vue – comparison
- What NOT to use and common pitfalls
Module 6: React
- Project setup
- Components and JSX
- Types of components
- Evolution: class-like functions → classes → hooks
- Component testing
- Component lifecycle
- Component state vs application state
- Context API
- Routing
