To wersja testowa nowego serwisu infoShare Academy — wyświetlane treści i oferta nie są wiążące ani kompletne

Frontend

JavaScript and front-end for back-end developers

Do you only write JavaScript when you have to?

Duration
16h · 2 days
Who it's for

Ideal for teams that…

1 Backend developers who once dabbled in frontend
2 Backend developers curious about frontend technologies
3 Frontend developers unfamiliar with TypeScript or React
Outcomes after the program

Modern frontend in practice — components, performance and code quality.

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

Program · 6 modules

What we actually do

M01
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
M02
Module 2: JavaScript
  • · ES6 and ES6+ features
  • · Destructuring arrays and objects
  • · Spread operator
  • · Variable declarations (var, let, const)
  • · Event Loop and asynchronous execution model
  • · this keyword behavior
  • · Classes and inheritance
  • · DOM API and Web Components
  • · fetch API and Promises
  • · async / await
  • · Collections: Object, Array, Map, Set
M03
Module 3: TypeScript
  • · Adding TypeScript to an existing project
  • · tsconfig.json configuration
  • · Interfaces and types
  • · Duck typing
  • · @types and type definitions
  • · Generics
  • · Union types
M04
Module 4: Painless CSS
  • · Practical CSS tips
  • · Transferring styles from existing websites
  • · Centering elements
  • · Flexbox basics and usage
  • · CSS frameworks overview
M05
Module 5: JavaScript Frameworks
  • · The chaos in the JavaScript ecosystem
  • · Angular vs React vs Vue – comparison
  • · What NOT to use and common pitfalls
M06
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
Every module is adapted to your stack and context. The above is a starting point — not a fixed agenda.
How we work

From brief to retro in 30 days.

01

Brief & diagnosis

A call with the team lead + a short survey for participants. We define goals, gap and context.

02

Program customization

We adapt modules, case studies and code examples to your stack. Approval in 5 days.

03

Workshop

Trainer-led sessions, hands-on, code review. Mentor available between sessions too.

04

Retro + report

Outcome report for the team and lead. 30 days of consulting included.

Inquiry

Send a brief. We'll reply within 1 day.

After a short brief we'll prepare a program and a quote. No obligations — it's just a starting point.

Quote within 48h of the brief
First session within 30 days
Pilot before the full decision
VAT invoice, payment in instalments possible

How we handle your data

We process your business data (name, work e-mail, phone number, company, job title) in order to handle your corporate training inquiry and prepare an offer. The data controller is infoShare Academy Sp. z o.o., Al. Grunwaldzka 472B, 80-309 Gdańsk. Providing the data is voluntary but necessary to receive a response. You have the right to access, rectify, erase or restrict the processing of your data and to object to it. Full information is available in our data processing notice.

Optional marketing consents

The controller of your personal data is infoShare Academy sp. z o.o. The rules for processing personal data are set out in the Privacy Policy and the Data Processing Notice.