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

• Title: Wzorce projektowe w JavaScripcie. Przewodnik dla programistów JavaScriptu i Reacta. Wydanie II
• Author: Addy Osmani
• Original title: Learning JavaScript Design Patterns: A JavaScript and React Developer's Guide, 2nd Edition
• Translation: Robert Górczyński
• ISBN: 978-83-289-0549-8, 9788328905498
• Date of issue: 2024-01-30
• Format: Ebook
• Item ID: wzprj2
• Publisher: Helion
• Age category: 14+