JavaScript od podstaw do technik zaawansowanych

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

Informacje o materiałach dla uczestników usługi - Uczestnicy otrzymają komplet materiałów PDF. Każdy uczestnik otrzymuje kod dostępu i

dane logowania do platformy ZOOM na 7 dni przed datą rozpoczęcia szkolenia. Dane

przesyłane są na adres e-mail podany podczas rejestracji.

Podstawowe zrozumienie podstaw programowania oraz podstawowa znajomość HTML i CSS, umiejętność obsługi komputera.

Warunkiem ukończenia szkolenia i otrzymania zaświadczenia jest uzyskanie minimalnej

frekwencji na poziomie 80% całkowitego czasu trwania usługi. Obecność uczestnika będzie

potwierdzana na podstawie codziennych list obecności lub logów z platformy online.

Uczestnik musi dysponować sprzętem i łączem o parametrach:

• Procesor: min. 4-rdzeniowy (np. Intel i5/i7 lub odpowiednik AMD/M1/M2)

• Pamięć RAM: min. 16 GB

• Dysk: min. 20 GB wolnej przestrzeni

• System operacyjny: Windows 10/11 Pro, Linux lub macOS

• Multimedia: Sprawna kamera internetowa oraz mikrofon (wymagane do komunikacji i weryfikacji obecności)

• Łącze internetowe: Stabilne połączenie o minimalnej prędkości 10 Mbps (download) / 5 Mbps (upload)

• Oprogramowanie: Uprawnienia administratora pozwalające na instalację narzędzi