Advanced JavaScript – ES6+ Techniques Training

Level

Advanced

Duration

16h / 2 days

Date

Individually arranged

Price

Individually arranged

Advanced 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?
  • logo infoshare Frontend developers with basic skills
  • logo infoshare Developers who only use JS when necessary but are open to learning advanced programming techniques
  • logo infoshare 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

  • fetch API
  • Promises
  • Collections and processing:

    • Map, Set
    • filter, map
    • for...in, for...of, forEach
    • flat, flatMap
  • async / await

Module 5: Generators

  • Pull-based reactivity
  • Iterators
  • Observers
  • Coroutines

Module 6: Advanced Features

  • Proxy
  • Symbol
  • BigInt
  • WeakRef and FinalizationRegistry

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

Contact us

we will organize training for you tailored to your needs

Przemysław Wołosz

Key Account Manager

przemyslaw.wolosz@infoShareAcademy.com

    The controller of your personal data is InfoShare Academy Sp. z o.o. with its registered office in Gdańsk, al. Grunwaldzka 427B, 80-309 Gdańsk, KRS: 0000531749, NIP: 5842742121. Personal data are processed in accordance with information clause.