Advanced JavaScript – ES6+ Techniques Training
Level
AdvancedDuration
16h / 2 daysDate
Individually arrangedPrice
Individually arrangedAdvanced JavaScript – ES6+ Techniques Training
Do you write JavaScript only when you have to? Was the last JavaScript framework you used jQuery? Haven’t you heard of the class keyword in JavaScript? Do you miss static typing? Or maybe you’d simply like to improve your front-end skills?
What You Will Learn
- Understand the latest JavaScript (ES6+) mechanisms
- Use Node and npm for frontend needs
- Build a page with Web Components
- Use webpack and TypeScript effectively
- Expand your “developer portfolio” project
Who is this training for?
Frontend developers with basic skills
Developers who only use JS when necessary but are open to learning advanced programming techniques
Frontend developers unfamiliar with the latest JS mechanisms
Training Program
Module 1: Tools and Configuration
- Node.js and npm
- ESLint – static code analysis
- Prettier – code formatting
- Webpack – module bundling and build process
Module 2: Modules
- Node.js module system
- ES6 modules (
import/export) - Dynamic imports
Module 3: Better Syntax
var,let,const- Destructuring and default values
- Spread operator
- Classes and inheritance
- Null-safety operators:
??,?.,??=
Module 4: Using APIs
fetchAPI- Promises
-
Collections and processing:
Map,Setfilter,mapfor...in,for...of,forEachflat,flatMap
async/await
Module 5: Generators
- Pull-based reactivity
- Iterators
- Observers
- Coroutines
Module 6: Advanced Features
ProxySymbolBigIntWeakRefandFinalizationRegistry
Module 7: Web Components
customElements- HTML templates
- Shadow DOM
- Web Components vs frameworks
- Attributes and properties
Module 8: CSS
- Flexbox and Grid
- CSS variables
- Pseudo-selectors
- Animations
- Atomic CSS
Module 9: Transpilation
- Babel
- TypeScript
- Decorators – practical example
Module 10: Browser Console
console.log,console.trace,console.table- Running JavaScript code in the browser console
Module 11: Testing
- Jest
- Snapshot testing
- Local development server