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

Frontend

Czysty JavaScript zamiast jQuery

A może jQuery?

Czas trwania
16h · 2 dni
Dla kogo

Idealny dla zespołów, które…

1 Osoby, które wciąż używają jQuery
2 Front-endowcy, chcący poznawać najnowsze mechanizmy JS
3 Osoby, które nie wyobrażają sobie życia bez jQuery
Efekty po programie

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

nauczysz się najnowszych mechanizmów przeglądarek i JavaScript

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

Poznasz async/await i Animate.css.

Wykorzystasz Web Componenenty

Debugować swój kod w celu znalezienia błędów

Poznasz techniki pozwalające na tworzenie czytelnego i uporządkowanego kodu

Program · 11 modułów

Co konkretnie robimy

M01
Moduł 1: Dawniej-dzisiaj
  • · Przeglądarki i frameworki
  • · Które firmy odeszły od jQuery?
  • · Obecne możliwości
  • · CanIUse.com
M02
Moduł 2: Manipulowanie DOM
  • · Kopiowanie elementów
  • · “Owijanie” elementów
  • · Przesuwanie elementów
  • · Usuwanie
  • · Atrybut vs. pole
M03
Module 3: CSS – selektory i animacje
  • · Klasy i style
  • · Pozycje i wymiary
  • · document.querySelector
  • · Animate.css
M04
Module 4: Praca na kolekcji elementów

Module 5: Formularze, zdarzenia

M05
Module 5: Formularze, zdarzenia
  • · Pobieranie wartości, FormData, URLSearchParams
  • · Wołanie zdarzeń
  • · Jednorazowy callback
  • · Problemy z przesłanianiem funkcji (arrow function kontra this)
M06
Module 6: AJAX, Deferred
  • · Callbacks, Deferred
  • · Nowe API przeglądarek (fetch + Promise)
  • · async/await, Thenable
M07
Module 7: Pozostałe
  • · Data vs. dataset
M08
Moduł 8: Cross-browser i stare przeglądarki bez jQuery
  • · Sprawdzanie popularności przeglądarek i compatibility table
  • · Chromium
  • · Shim, polyfill
M09
Moduł 9: Transpilacja
  • · Babel
  • · Babel + polyfille
  • · Alternatywa – TypeScript i kompilacja
  • · TypeScript w Babelu
M10
Module 10: Web components
  • · customElements
  • · Szablony HTML
  • · Shadow DOM
  • · Web componenty a frameworki
M11
Module 11: Projekt końcowy
Każdy moduł modyfikujemy pod Twój stack i kontekst. Powyższe to punkt wyjścia — nie sztywna agenda.
Jak pracujemy

Od briefu do retro w 30 dniach.

01

Brief i diagnoza

Rozmowa z liderem zespołu + krótka ankieta dla uczestników. Określamy cele, gap, kontekst.

02

Modyfikacja programu

Dostosowujemy moduły, case studies i przykłady kodu pod Twój stack. Akceptacja w 5 dni.

03

Warsztat

Sesje z trenerem, hands-on, code review. Mentor dostępny też pomiędzy sesjami.

04

Retro + raport

Raport z efektami dla zespołu i lidera. 30 dni konsultacji w cenie.

Zapytanie

Wyślij brief. Odezwiemy się w 1 dzień.

Po krótkim briefie przygotujemy program i wycenę. Bez zobowiązań — to tylko punkt wyjścia do rozmowy.

Wycena w 48h od briefu
Pierwsza sesja w 30 dni
Pilotaż przed pełną decyzją
Faktura VAT, możliwość płatności w transzach

Co robimy z Twoimi danymi

Dane służbowe (imię, e-mail firmowy, telefon, firma, stanowisko) przetwarzamy w celu obsługi zapytania o szkolenie dla firmy i przygotowania oferty. Administratorem danych jest infoShare Academy Sp. z o.o., Al. Grunwaldzka 472B, 80-309 Gdańsk. Podanie danych jest dobrowolne, ale niezbędne do udzielenia odpowiedzi. Masz prawo dostępu do danych, ich sprostowania, usunięcia, ograniczenia przetwarzania i wniesienia sprzeciwu. Pełną informację znajdziesz w Klauzuli informacyjnej.

Zgody marketingowe (dobrowolne)

Administratorem danych osobowych jest infoShare Academy sp. z o.o. Zasady przetwarzania danych osobowych znajdują się w dokumentach Polityka Prywatności oraz Klauzula Informacyjna.