Szkolenie JavaScript od podstaw do technik zaawansowanych - TERMIN GWARANTOWANY - 23.11.2026
Szkolenie JavaScript od podstaw do technik zaawansowanych: TERMIN GWARANTOWANY 23-27.11.2026
Termin gwarantowany odbędzie się na pewno, nawet przy jednym uczestniku. Szkolenie online na żywo z trenerem, 5 dni, w godz. 9:00-16:00.
Prowadzący: Agata Malec
Szczegóły szkolenia, program i zapisy:
➜ Szkolenie JavaScript od podstaw do technik zaawansowanych
Wszystkie terminy gwarantowane JSystems:
➜ lista terminów gwarantowanych
W skrócie
Po tych pięciu dniach budujesz w JavaScript interaktywny front-end: reagujesz na działania użytkownika, zmieniasz stronę w locie przez DOM i pobierasz dane z serwera bez przeładowania, żądaniami AJAX. Opanowujesz język od podstaw po techniki zaawansowane - funkcje, obiekty i tablice, programowanie asynchroniczne, obsługę błędów, moduły, generatory i klasy ES6 - i od początku piszesz kod czytelny oraz łatwy w rozbudowie.
Co potrafisz po szkoleniu
- Piszesz poprawny i czytelny kod JavaScript - Zapisujesz w kodzie decyzje i powtarzalne kroki. Na przykład sprawdzasz, czy użytkownik wypełnił wszystkie pola formularza, i wybierasz komunikat, który zobaczy. Dzięki dobrym praktykom formatowania Twój kod łatwo czytać i poprawiać, także innym osobom w zespole.
- Tworzysz funkcje różnego rodzaju - Operacje potrzebne w wielu miejscach strony, np. formatowanie ceny albo daty, zamykasz w funkcjach i wywołujesz z różnymi danymi. Sposób zapisu funkcji dobierasz do sytuacji i panujesz nad zakresem zmiennych, więc jedna funkcja nie nadpisze przypadkiem wartości używanej przez inną.
- Operujesz obiektami i tablicami - Dane strony, np. produkty w koszyku, trzymasz w obiektach i tablicach, dodajesz i usuwasz pozycje oraz przechodzisz po nich w pętli. Wiesz, kiedy edycja kopii obiektu zmienia też oryginał, a potrzebne pola rozpakowujesz do zmiennych jednym krótkim zapisem.
- Manipulujesz drzewem DOM - Wyszukujesz elementy strony (DOM, czyli obiektowy model dokumentu HTML), zmieniasz ich treść i style, dodajesz i usuwasz elementy oraz obsługujesz zdarzenia użytkownika, takie jak kliknięcie.
- Obsługujesz żądania asynchroniczne - Rozumiesz asynchroniczność, czyli wykonywanie operacji w tle, bez zatrzymywania reszty kodu. Wysyłasz żądania AJAX, pobierasz i przesyłasz dane, aktualizujesz stronę odpowiedzią serwera i obsługujesz błędy takich żądań.
- Przechwytujesz wyjątki - Gdy coś pójdzie nie tak, np. w danych zabraknie oczekiwanego pola, strona pokazuje zrozumiały komunikat, zamiast przestać działać. Sam zgłaszasz błąd, gdy dane są niepoprawne, po rodzaju wyjątku rozpoznajesz przyczynę problemu i znajdujesz usterki narzędziami do debugowania.
- Dzielisz kod na moduły - Tworzysz, eksportujesz i importujesz moduły, rozumiesz zakres zmiennych w modułach i zarządzasz zależnościami między nimi.
- Stosujesz techniki zaawansowane - Zapamiętujesz dane w przeglądarce, np. ustawienia użytkownika, które zostają po odświeżeniu strony. Wspólne cechy obiektów opisujesz raz w klasie bazowej, a klasy pochodne je dziedziczą. Generatorami, czyli funkcjami zwracającymi kolejne wartości na żądanie, przetwarzasz dane krok po kroku, a w mapach przechowujesz dodatkowe informacje o obiektach bez ryzyka wycieku pamięci.
Jak pracujemy
Dostajesz przygotowane środowisko w chmurze, więc nic nie instalujesz na swoim komputerze. Zaczynasz od edytora kodu i narzędzi do debugowania w przeglądarce, dzięki czemu od początku pracujesz jak w realnym projekcie. Przy każdym bloku materiału ćwiczysz na praktycznych przykładach. Prowadzi Agata Malec, Senior Software Engineer pracująca na co dzień z JavaScriptem i technologiami frontendowymi.
Dla kogo
Dla początkujących programistów, którzy chcą opanować JavaScript od podstaw, oraz dla osób znających inny język programowania i rozszerzających kompetencje o front-end. Wymagania wstępne: podstawowa znajomość HTML i CSS oraz ogólne rozumienie podstaw programowania.
Co zyskujesz
Umiejętność samodzielnego pisania aplikacji w JavaScript - od składni, przez obsługę zdarzeń i kodu asynchronicznego, po moduły i dziedziczenie. Termin gwarantowany odbywa się na pewno, nie odwołamy go z powodu małej grupy. Otrzymujesz też imienny certyfikat ukończenia szkolenia.
Zarezerwuj miejsce i twórz w JavaScript strony, które reagują na użytkownika i pobierają dane z serwera, a kod porządkuj w modułach i klasach.
Sprawdź, czy w Twoim przypadku dostępne jest finansowanie szkolenia ze środków BUR/KFS. Dostępność finansowania zależy od warunków danego programu oraz decyzji właściwej instytucji. Więcej informacji: https://jsystems.pl/dofinansowanie/
Prowadzący szkolenie
 |
Agata Malec |
Absolwentka Akademii Górniczo-Hutniczej na kierunku Inżynieria Systemów i Oprogramowania oraz Politechniki Krakowskiej na kierunku Grafika Komputerowa i Multimedia.
Swoją przygodę z programowaniem rozpoczęła w 2012 roku i od tego czasu przeszła drogę od mniejszych projektów po złożone systemy dla dużych korporacji, nieustannie rozwijając swój warsztat.
Aktualnie pracuje w jednej z większych warszawskich firm, gdzie jako Senior Software Engineer buduje zaawansowane platformy chmurowe w nowoczesnej architekturze mikro-frontendowej.
Jako doświadczona trenerka IT prowadzi specjalistyczne szkolenia i warsztaty z zakresu programowania, JavaScriptu oraz wszelkich frontendowych technologii.
Swoją wiedzą dzieliła się wielokrotnie jako prelegentka na różnych konferencjach oraz podczas spotkań społeczności takich jak Women in Technology czy Geek Girls Carrots.
Program szkolenia
- Wprowadzenie
- Krótka historia JavaScript
- Środowisko pracy
- Edytory kodu
- Przeglądarki i inne środowiska uruchomieniowe
- Narzędzia debugowania
- Składnia JavaScript
- Czym są zmienne i jak je deklarować? Kiedy let a kiedy const? Czy używamy jeszcze var?
- Komentarze
- Typy danych - proste i złożone
- Operatory
- Instrukcje warunkowe i pętle
- Dobre praktyki związane ze składnią i formatowaniem kodu
- Funkcje
- Czym są funkcje?
- Różne rodzaje tworzenia funkcji (definicja funkcji, wyrażenie funkcyjne, funkcja strzałkowa)
- Parametry i zwracane wartości
- Zakres zmiennych w funkcjach
- Dobre praktyki
- Obiekty i tablice
- Tworzenie obiektów i tablic
- Dodawanie i usuwanie elementów
- Iterowanie przez obiekty i tablice
- Kopiowanie przez wartość i przez referencje
- Destrukturyzacja obiektów i tablic
- Rest / spread syntax - czyli pobieranie reszty i rozpraszanie tablic i obiektów
- Dobre praktyki
- DOM - czyli Document Object Model
- Czym jest DOM?
- Wyszukiwanie elementów DOM
- Manipulacja elementami DOM i ich stylami
- Dodawanie i usuwanie elementów DOM
- Obsługa zdarzeń - czyli interakcji użytkownika takich jak klikanie, najeżdżanie itp.
- Dobre praktyki
- AJAX - czyli Asynchroniczny JavaScript i XML
- Czym jest asynchroniczność ? - oraz kilka słów o tym jak działa JavaScript
- Wyjaśnienie, dlaczego AJAX jest używany w tworzeniu interaktywnych aplikacji internetowych
- Asynchroniczne żądania do serwera
- Pobieranie i wysyłanie danych
- Obsługa odpowiedzi serwera i aktualizacja strony
- Obsługa błędów AJAX
- Dobre praktyki
- Obsługa wyjątków
- Przegląd różnych typów błędów w JavaScript, takich jak ReferenceError, TypeError, SyntaxError itp.
- Bloki try-catch
- Rzucanie wyjątków - za pomocą instrukcji - throw
- Debugowanie kodu
- Unikanie zagrożeń bezpieczeństwa
- Dobre praktyki w obsłudze wyjątków
- Moduły
- Zrozumienie czym są moduły w JavaScript i dlaczego są używane?
- Tworzenie, eksportowanie i importowanie modułów
- Omówienie zakresu zmiennych w modułach
- Sposoby zarządzania zależnościami między modułami.
- Generatory
- Czym są generatory?
- Omówienie podstawowych pojęć
- Wyjaśnienie, do czego generatory są używane i jakie problemy rozwiązują.
- Składnia generatorów
- Zapoznanie się ze składnią deklaracji generatorów za pomocą funkcji function* oraz instrukcji yield.
- Praktyczne przykłady definiowania i wywoływania generatorów.
- Iteracja przez generatory
- Wyjaśnienie, jak iterować przez wartości zwracane przez generator za pomocą pętli for...of.
- Praktyczne zastosowanie iteracji przez generatory do przetwarzania danych
- Wartości zwracane przez generatory
- Omówienie sposobów zwracania wartości za pomocą instrukcji yield.
- Wyjaśnienie, jak przekazywać wartości do generatora i je odbierać.
- Kontrola przepływu w generatorach
- Generatory jako iteratory
- Praktyczne przykłady
- Map i Weak Map
- Czym są mapy? - Omówienie koncepcji map w JavaScript i porównanie ich z tradycyjnymi obiektami.
- Tworzenie map - jak tworzyć mapy za pomocą konstruktora Map() oraz dodawanie i usuwanie elementów z mapy.
- Operacje na mapach - Zapoznanie się z różnymi operacjami, takimi jak pobieranie wartości, sprawdzanie obecności klucza, iterowanie po elementach itp.
- Czym są weak mapy? - Wyjaśnienie koncepcji weak map w JavaScript i różnic między weak mapami a standardowymi mapami.
- Tworzenie weak map - jak tworzyć weak mapy za pomocą konstruktora WeakMap() oraz dodawanie i usuwanie z nich elementów.
- Praktyczne przykłady zastosowania, takie jak np.: przechowywanie dodatkowych danych bez ryzyka wycieku pamięci.
- Zarządzanie danymi w przeglądarce
- Czym są Local Storage i Session Storage?
- Wyjaśnienie różnic
- Omówienie sposobów, w jaki dane są przechowywane w przeglądarce za pomocą tych mechanizmów.
- Dostęp do Local Storage i Session Storage
- Zapisywanie danych - Praktyczne przykłady zapisywania danych wykorzystując metody setItem()
- Pobieranie danych - jak pobierać dane korzystając z metody getItem().
- Usuwanie danych - Omówienie sposobów usuwania danych przy użyciu metody removeItem().
- Praca z różnymi typami danych
- Jak obsługiwać błędy, takie jak przekroczenie limitu pamięci lub brak dostępu.
- Omówienie kwestii bezpieczeństwa oraz praktyk, które należy stosować w celu ochrony danych użytkowników.
- Praktyczne przykłady.
- Dziedziczenie w JavaScript
- Wprowadzenie do dziedziczenia
- Obiekty i prototypy
- Jak tworzyć obiekty za pomocą literałów obiektów oraz konstruktorów obiektów?
- Omówienie koncepcji prototypów
- Jak działa łańcuch prototypów (prototype chain) w JavaScript?
- Dziedziczenie prototypowe
- Wyjaśnienie mechanizmu dziedziczenia prototypowego
- Jak dziedziczyć właściwości i metody z innego obiektu za pomocą prototypów?
- Metoda Object.create()
- Funkcje konstruktora i dziedziczenie
- Klasy w JavaScript (ES6+)
- Wyjaśnienie koncepcji klas w JavaScript
- Porównanie klas z tradycyjnym mechanizmem prototypowym.
- Dziedziczenie klas
- Metoda extends i super
Przeczytaj na naszym blogu
Zapisz się na termin gwarantowany
➜ Szkolenie JavaScript od podstaw do technik zaawansowanych
➜ wszystkie terminy gwarantowane
Pytania: [email protected], tel. 22 299 53 69