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

Frontend

Pure JavaScript instead of jQuery

Almost every frontend developer has heard of the jQuery library with its iconic dollar sign… But is it still worth using jQuery in new projects?

Duration
16h · 2 days
Ask about the program → See all
Who it's for

Ideal for teams that…

1 People still using jQuery
2 Frontend developers wanting to learn the latest JavaScript mechanisms
3 Those who can’t imagine life without jQuery
Outcomes after the program

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

✓

The latest browser and JavaScript mechanisms

✓

Using classList, querySelector, forEach, dataset, URLSearchParams, fetch, Promise, spread operator

✓

Async/await and Animate.css

✓

How to use Web Components

✓

Debugging your code to find errors

✓

Techniques for writing clean and structured code

Program · 11 modules

What we actually do

M01
Module 1: Past and Present
  • · Evolution of browsers and JavaScript frameworks
  • · Which companies abandoned jQuery and why
  • · Modern browser capabilities
  • · Using CanIUse.com to verify feature support
M02
Module 2: DOM Manipulation
  • · Copying DOM elements
  • · Wrapping elements
  • · Moving elements within the DOM
  • · Removing elements
  • · Attribute vs. property differences
M03
Module 3: CSS – Selectors and Animations
  • · Working with classes and inline styles
  • · Element positions and dimensions
  • · Using document.querySelector and related APIs
  • · Using Animate.css for animations
M04
Module 4: Working with Element Collections
  • · Iterating over NodeLists and HTMLCollections
  • · Converting collections to arrays
  • · Batch operations on multiple elements
M05
Module 5: Forms and Events
  • · Retrieving form values
  • · Working with FormData
  • · Using URLSearchParams
  • · Triggering custom events
  • · One-time callbacks
  • · Function shadowing issues: arrow functions vs this
M06
Module 6: AJAX and Deferred
  • · Callbacks and Deferred patterns
  • · Modern browser APIs: fetch and Promise
  • · async / await
  • · Thenable objects
M07
Module 7: Other Topics
  • · data-* attributes vs dataset
M08
Module 8: Cross-Browser and Old Browsers Without jQuery
  • · Browser popularity checks and compatibility tables
  • · Chromium-based browsers
  • · Shim vs polyfill
M09
Module 9: Transpilation
  • · Babel basics
  • · Babel with polyfills
  • · Alternative approach: TypeScript and compilation
  • · Using TypeScript with Babel
M10
Module 10: Web Components
  • · customElements
  • · HTML templates
  • · Shadow DOM
  • · Web Components vs frameworks
M11
Module 11: Final Project
  • · Building a modern, framework-free web application
  • · Applying learned DOM, API, and Web Components concepts
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.

Other programs for teams

See all →
Frontend

Angular

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

40h · 5 days →
Frontend

Creating SPA applications with the Angular framework

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

32h · 4 days →
Frontend

Full-stack applications with NestJS and Angular

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

32h · 4 days →