WZORCE PROJEKTOWE W JAVASCRIPCIE W.2

Wprowadzenie

1. Wprowadzenie do wzorców projektowych

Historia wzorców projektowych
Czym jest wzorzec projektowy?
Popularny przykład pokazujący zastosowanie wzorca projektowego
Podsumowanie

2. Testowanie pod kątem wzorcowości, prototyp wzorca i reguła trzech

Czym jest prototyp wzorca?
Testowanie pod kątem wzorcowości
Reguła trzech
Podsumowanie

3. Tworzenie wzorców i nadawanie im struktury

Struktura wzorca projektowego
Doskonale utworzony wzorzec
Tworzenie wzorca
Podsumowanie

4. Antywzorce

Czym jest antywzorzec?
Antywzorce w JavaScripcie
Podsumowanie

5. Funkcje i składnia nowoczesnego JavaScriptu

Ważne znaczenie braku powiązania między aplikacjami
Importowanie i eksportowanie modułów
Obiekt modułu
Moduły wczytywane ze zdalnych zasobów
Importowanie statyczne
Importowanie dynamiczne
Moduły dla serwera
Zalety używania modułów
Klasy z konstruktorami oraz metodami typu getter i setter
Klasy we frameworkach JavaScriptu
Podsumowanie
Dalsza lektura

6. Kategorie wzorców projektowych

Kontekst
Konstrukcyjne wzorce projektowe
Strukturalne wzorce projektowe
Operacyjne wzorce projektowe
Klasy wzorców projektowych
Podsumowanie

7. Wzorce projektowe w JavaScripcie

Konstrukcyjne wzorce projektowe
Wzorzec Konstruktor
Wzorzec Moduł
Wzorzec Moduł Odkrywający
Wzorzec Singleton
Wzorzec Prototyp
Wzorzec Fabryka
Wzorce strukturalne
Wzorzec Fasada
Wzorzec Domieszka
Tworzenie podklasy
Domieszka
Wzorzec Dekorator
Dekoratory pseudoklasyczne
Wzorzec Pyłek
Wzorce operacyjne
Wzorzec Obserwator
Wzorzec Mediator
Wzorzec Polecenie
Podsumowanie

8. Wzorce projektowe MV* w JavaScripcie

MVC
MVC dla programistów JavaScriptu
Co oferuje wzorzec MVC?
Smalltalk-80 MVC w JavaScripcie
Podsumowanie wzorca MVC
MVP
MVVM
Wady i zalety
MVC kontra MVP kontra MVVM
Nowoczesne wzorce MV*
Podsumowanie

9. Wzorce programowania asynchronicznego

Programowanie asynchroniczne
Działanie w tle
Wzorzec obietnicy
Wzorce związane ze słowami kluczowymi async i await
Dodatkowe przykłady praktyczne
Podsumowanie

10. Wzorce projektowe modułowego JavaScriptu

Kilka słów na temat mechanizmów wczytywania skryptów
AMD
CommonJS
AMD i CommonJS – konkurencyjne, choć równie ważne standardy
Podsumowanie

11. Wzorce projektowe dotyczące przestrzeni nazw

Podstawy dotyczące przestrzeni nazw
Pojedyncza zmienna globalna
Prefiks przestrzeni nazw
Notacja literału obiektu
Zagnieżdżone przestrzenie nazw
Natychmiast wywoływane wyrażenie funkcji
Wstrzyknięcie przestrzeni nazw
Zaawansowane wzorce przestrzeni nazw
Zalecenie
Podsumowanie

12. Wzorce projektowe biblioteki React.js

Wprowadzenie do Reacta
Wzorzec Komponent Wyższego Rzędu
Wzorzec Właściwości Generowania
Wzorzec Zaczepy
Zaczep useState
Wzorzec Importowanie Statyczne
Wzorzec Importowanie Dynamiczne
Wzorzec Podział Kodu
Wzorzec PRPL
Wzorzec Priorytet Wczytywania
Wirtualizacja listy
Wnioski
Podsumowanie

13. Wzorce projektowe dotyczące generowania

Ważna rola wzorców Generowanie
Generowanie po stronie klienta
Generowanie po stronie serwera
Generowanie statyczne
Strumieniowanie SSR
Brzegowe SSR
Generowanie hybrydowe
Wypełnianie progresywne
Architektura wysp
React Server Components
Podsumowanie

14. Struktura aplikacji tworzonych z użyciem biblioteki React.js

Wprowadzenie
Struktura aplikacji dla nowoczesnych funkcji Reacta
Inne najlepsze praktyki
Struktura aplikacji Next.js
Podsumowanie

15. Wnioski

Źródła dodatkowe