Wprowadzenie do frameworku Angular 2 Przegląd frameworków i bibliotek JavaScript) Frameworki w pełni funkcjonalne Lekkie frameworki Biblioteki Czym jest node.js? Ogólny przegląd frameworku AngularJS Ogólny przegląd frameworku Angular Uproszczenie kodu Poprawa wydajności Zestaw narzędzi programisty Angular Jak działa Angular? Wprowadzenie do przykładu aplikacji aukcji internetowych Zaczynamy pracę z frameworkiem Angular Pierwsza aplikacja Angular Witaj, świecie w języku TypeScript Witaj, świecie w ES5 Witaj, świecie w ES6 Uruchamianie aplikacji Elementy konstrukcyjne aplikacji Angular Moduły Komponenty Dyrektywy Krótkie wprowadzenie do wiązania danych Uniwersalna ładowarka modułów SystemJS Przegląd ładowarek modułów Porównanie ładowarek modułów i znaczników Pierwsze kroki z SystemJS Wybór menedżera pakietów Porównanie npm i jspm Rozpoczynanie projektu Angular za pomocą npm Część praktyczna: rozpoczynamy tworzenie aplikacji aukcji internetowych Wstępna konfiguracja projektu Tworzenie strony głównej Uruchomienie aplikacji aukcji internetowych Nawigacja za pomocą routera Angular Podstawy routingu Strategie lokalizacji Bloki konstrukcyjne nawigacji po stronie klienta Nawigacja do tras za pomocą metody navigate() Przekazywanie danych do tras Wyodrębnianie parametrów z ActivatedRoute Przekazywanie do trasy statycznych danych Trasy podrzędne Strzeżenie tras Tworzenie aplikacji SPA z wieloma outletami routera Dzielenie aplikacji na moduły Moduły leniwie ładowane Część praktyczna: dodanie nawigacji do aplikacji aukcji internetowych Tworzenie komponentu ProductDetailComponent Tworzenie komponentu HomeComponent i refaktoryzacja kodu Uproszczenie komponentu ApplicationComponent Dodawanie dyrektywy RouterLink do ProductItemComponent Modyfikacja modułu głównego w celu dodania routingu Uruchomienie aplikacji aukcji internetowych Wstrzykiwanie zależności Wzorce Wstrzykiwanie Zależności i Odwrócenie Sterowania Wzorzec Wstrzykiwanie Zależności Wzorzec Odwrócenie Sterowania Korzyści płynące ze wstrzykiwania zależności Wstrzykiwacze i dostawcy Jak zadeklarować dostawcę? Przykładowa aplikacja ze wstrzykiwaniem zależności frameworku Angular Wstrzyknięcie usługi produktowej Wstrzyknięcie usługi Http Ułatwione przełączanie wstrzykiwaczy Deklarowanie dostawców za pomocą właściwości useFactory i useValue Korzystanie z klasy OpaqueToken Hierarchia wstrzykiwaczy Właściwość viewProviders Część praktyczna: użycie mechanizmu DI w aplikacji aukcji internetowych Zmiana kodu w celu przekazania identyfikatora produktu jako parametru Modyfikacja komponentu ProductDetailComponent Wiązania, strumienie obserwowalne i potoki Wiązanie danych Wiązanie ze zdarzeniami Wiązanie z właściwościami i atrybutami Wiązanie w szablonach Dwukierunkowe wiązanie danych Programowanie reaktywne i strumienie obserwowalne Czym są strumienie obserwowalne i obserwatory? Obserwowalne strumienie zdarzeń Anulowanie strumieni obserwowalnych Potoki Potoki niestandardowe Część praktyczna: filtrowanie produktów w aplikacji aukcji internetowych Implementowanie komunikacji komponentów Komunikacja między komponentami Właściwości wejściowe i wyjściowe Wzorzec Mediator Zmiana szablonów podczas pracy za pomocą dyrektywy ngContent Cykl życia komponentów Korzystanie z metody ngOnChanges Ogólny przegląd działania mechanizmu wykrywania zmian Udostępnianie interfejsu API komponentu potomnego Część praktyczna: dodanie funkcjonalności oceniania do aplikacji aukcji internetowych Praca z formularzami Przegląd formularzy HTML Standardowe funkcje przeglądarki Interfejs Forms API frameworku Angular Formularze oparte na szablonach Przegląd dyrektyw Wzbogacanie formularza Formularze reaktywne Model formularza Dyrektywy formularzy Refaktoryzacja przykładowego formularza Korzystanie z klasy FormBuilder Walidacja formularza Walidacja formularzy reaktywnych Część praktyczna: dodanie walidacji do formularza wyszukiwania Modyfikacja modułu głównego w celu dodania obsługi interfejsu Forms API Dodawanie listy kategorii do SearchComponent Tworzenie modelu formularza Refaktoryzacja szablonu Implementacja metody onSearch() Uruchomienie aplikacji aukcji internetowych Interakcja z serwerami przy użyciu protokołów HTTP i WebSocket Krótkie omówienie interfejsu API obiektu Http Tworzenie serwera WWW za pomocą frameworku Node i języka TypeScript Tworzenie prostego serwera WWW Serwowanie danych w formacie JSON Rekompilacja TypeScriptu na żywo i ponowne załadowanie kodu Dodawanie interfejsu RESTful API dla serwowania produktów Łączenie frameworku Angular i serwera Node Zasoby statyczne na serwerze Wykonywanie żądań GET za pomocą obiektu Http Odpakowywanie obiektów obserwowalnych w szablonach za pomocą AsyncPipe Wstrzyknięcie HTTP do usługi Komunikacja klient-serwer poprzez protokół WebSocket Wysyłanie danych z serwera Node Zamiana obiektu WebSocket w strumień obserwowalny Część praktyczna: implementacja wyszukiwania produktów i powiadomień o ofertach Implementowanie wyszukiwania produktów przy użyciu protokołu HTTP Rozgłaszanie ofert aukcji za pomocą WebSocket Testy jednostkowe aplikacji Angular Wprowadzenie do Jasmine (306) Co należy testować? Jak zainstalować Jasmine? Co zawiera biblioteka testowa Angular? Testowanie usług Testowanie nawigacji routera Testowanie komponentów Testowanie przykładowej aplikacji pogodowej Konfigurowanie ładowarki SystemJS Testowanie routera pogody Testowanie usługi pogodowej Testowanie komponentu pogodowego Uruchamianie testów za pomocą narzędzia Karma Część praktyczna: testy jednostkowe aplikacji aukcji internetowych Testowanie komponentu ApplicationComponent Testowanie usługi ProductService Testowanie komponentu StarsComponent Uruchomienie testów Tworzenie paczek i wdrażanie aplikacji za pomocą narzędzia Webpack Poznajemy Webpack Witaj, świecie z zastosowaniem bundlera Webpack Jak używać ładowarek? Jak używać wtyczek? Tworzenie podstawowej konfiguracji Webpack dla frameworku Angular Uruchomienie npm run build Uruchomienie npm start Tworzenie konfiguracji programistycznych i produkcyjnych Konfiguracja programistyczna Konfiguracja produkcyjna Niestandardowy plik definicji typów Co to jest Angular CLI? Rozpoczęcie nowego projektu za pomocą Angular CLI Polecenia CLI Część praktyczna: wdrożenie aplikacji aukcji internetowych za pomocą bundlera Webpack Uruchamianie serwera Node Uruchomienie klienta aplikacji aukcji internetowych Uruchomienie testów za pomocą narzędzia Karma Dodatek A. Przegląd specyfikacji ECMAScript 6 Jak uruchamiać przykłady kodu? Literały szablonów Wieloliniowe łańcuchy znaków Oznaczone łańcuchy znaków szablonów Parametry opcjonalne i wartości domyślne Zakres zmiennych Wynoszenie zmiennych Tworzenie zakresu bloku za pomocą słów kluczowych let i const Zakres bloku dla funkcji Wyrażenia funkcji strzałkowych, this i that Operatory reszty i rozwijania Generatory Destrukturyzacja Iterowanie za pomocą forEach(), for-in i for-of Korzystanie z metody forEach() Korzystanie z pętli for-in Korzystanie z pętli for-of Klasy i dziedziczenie Konstruktory Zmienne statyczne Metody pobierające, ustawiające i definicje metod Słowo kluczowe super i funkcja super Przetwarzanie asynchroniczne z wykorzystaniem obietnic Koszmar wywołań zwrotnych Obietnice ES6 Rozwiązanie kilku obietnic naraz Moduły Słowa kluczowe import i export Ładowanie modułów dynamicznie za pomocą ładowarki modułów ES6 TypeScript jako język dla aplikacji Angular Dlaczego pisać aplikacje Angular w języku TypeScript? Rola transkompilatorów Pierwsze kroki z językiem TypeScript Instalacja i używanie kompilatora TypeScriptu TypeScript jako nadzbiór JavaScriptu Typy opcjonalne Funkcje Parametry domyślne Parametry opcjonalne Wyrażenia funkcji strzałkowych Klasy Modyfikatory dostępu Metody Dziedziczenie Typy sparametryzowane Interfejsy Deklarowanie typów niestandardowych z interfejsami Używanie słowa kluczowego implements Korzystanie z interfejsów wywoływalnych Dodawanie metadanych klas za pomocą adnotacji Pliki definicji typów Instalowanie plików definicji typów Przegląd procesu tworzenia aplikacji TypeScript-Angular