TypeScript - dostępne narzędzia i frameworki Przedstawienie języka TypeScript Standard EcmaScript Zalety języka TypeScript Zintegrowane środowiska programistyczne obsługujące język TypeScript Kompilacja w środowisku Node Visual Studio 2017 WebStorm Visual Studio Code Inne edytory Typy, zmienne oraz funkcje Typy podstawowe Typy w języku JavaScript Określanie typów w języku TypeScript Składnia określania typów Wnioskowanie typów Kacze typowanie Łańcuchy szablonów Tablice Pętle for...in oraz for...of Typ any Jawne rzutowanie Typy wyliczeniowe Ustalone typy wyliczeniowe Stałe Słowo kluczowe let Funkcje Typy wartości zwracanych przez funkcje Funkcje anonimowe Parametry opcjonalne Parametry domyślne Parametr reszty Funkcje zwrotne Sygnatury funkcji Przeciążanie funkcji Zaawansowane typy Typ unii Strażniki typów Nazwy zastępcze typów Wartość null i undefined Reszta obiektu i rozproszenie Interfejsy, klasy i dziedziczenie Interfejsy Właściwości opcjonalne Kompilacja interfejsów Klasy Właściwości klas Implementacja interfejsów Konstruktory klas Funkcje klas Definicje funkcji interfejsów Modyfikatory klas Modyfikatory dostępu w konstruktorach Właściwości tylko do odczytu Akcesory właściwości klas Funkcje statyczne Właściwości statyczne Przestrzenie nazw Dziedziczenie Dziedziczenie interfejsów Dziedziczenie klas Słowo kluczowe super Przeciążanie funkcji Składowe chronione Klasy abstrakcyjne Domknięcia JavaScript Stosowanie interfejsów, klas i dziedziczenia - wzorzec projektowy Fabryka Wymagania biznesowe Co robi wzorzec Fabryka? Stosowanie klasy fabrykującej Dekoratory, typy ogólne i asynchroniczność Dekoratory Składnia dekoratorów Stosowanie wielu dekoratorów Fabryki dekoratorów Parametry dekoratorów klas Dekoratory właściwości Dekoratory właściwości statycznych Dekoratory metod Stosowanie dekoratorów metod Dekoratory parametrów Metadane dekoratorów Stosowanie metadanych dekoratorów Typy ogólne Składnia typów ogólnych Tworzenie instancji klas ogólnych Stosowanie typu T Ograniczenia typu T Interfejsy ogólne Tworzenie nowych obiektów w klasach ogólnych Mechanizmy programowania asynchronicznego Obietnice Składnia obietnic Stosowanie obietnic Składnia funkcji zwrotnych a składnia obietnic Zwracanie wartości z obietnic Słowa kluczowe async i await Słowo kluczowe await a obsługa błędów Obietnice a składnia słowa kluczowego await Komunikaty a słowo kluczowe await Pisanie i stosowanie plików deklaracji Zmienne globalne Stosowanie bloków kodu JavaScript w kodzie HTML Dane strukturalne Pisanie własnych plików deklaracji Słowo kluczowe module Interfejsy Typy unii Scalanie modułów Składnia plików deklaracji Przesłanianie funkcji Zagnieżdżone przestrzenie nazw Klasy Przestrzenie nazw klas Przeciążanie konstruktora klas Właściwości klas Funkcje klas Właściwości i funkcje statyczne Funkcje globalne Sygnatury funkcji Właściwości opcjonalne Scalanie funkcji i modułów Biblioteki innych twórców Pobieranie plików definicji Stosowanie NuGet Stosowanie menedżera pakietów Instalowanie plików deklaracji Stosowanie konsoli menedżera pakietów Stosowanie narzędzia Typings Poszukiwanie pakietów Inicjalizacja Typings Instalowanie plików definicji Instalowanie konkretnej wersji pliku Ponowna instalacja plików definicji Stosowanie programu Bower Stosowanie npm i @types Stosowanie bibliotek innych twórców Wybór frameworka JavaScript Backbone Stosowanie dziedziczenia we frameworku Backbone Stosowanie interfejsów Stosowanie składni typów ogólnych Stosowanie języka ECMAScript 5 Zgodność frameworka Backbone z językiem TypeScript Angular Klasy Angular i zmienna $scope Zgodność frameworka AngularJS z językiem TypeScript Dziedziczenie - Angular kontra Backbone ExtJS Tworzenie klas w ExtJS Stosowanie rzutowania typów Kompilator TypeScript dla ExtJS Frameworki zgodne z językiem TypeScript Czym jest MVC? Model Widok Kontroler Podsumowanie wzorca MVC Zalety stosowania wzorca MVC Szkic przykładowej aplikacji Stosowanie frameworka Backbone Wydajność wyświetlania Konfiguracja frameworka Backbone Modele Backbone Widok ItemView Widok CollectionView Aplikacja Backbone Stosowanie frameworka Aurelia Konfiguracja frameworka Aurelia Wydajność frameworka Aurelia Modele frameworka Aurelia Widoki frameworka Aurelia Wczytywanie aplikacji Aurelia Zdarzenia frameworka Aurelia Framework Angular 2 Konfiguracja frameworka Angular 2 Modele frameworka Angular 2 Widoki Angular 2 Wydajność frameworka Angular 2 Zdarzenia Angular 2 Stosowanie frameworka React Konfiguracja frameworka React Widoki React Wczytywanie aplikacji React Zdarzenia React Programowanie w oparciu o testy Programowanie w oparciu o testy Testy jednostkowe, integracyjne oraz akceptacyjne Testy jednostkowe Testy integracyjne Testy akceptacyjne Frameworki testów jednostkowych Jasmine Prosty test Jasmine Plik SpecRunner Obiekty dopasowujące Uruchamianie i kończenie testów Testy bazujące na danych Stosowanie szpiegów Szpiegowanie funkcji zwrotnych Stosowanie szpiegów jako imitacji Testy asynchroniczne Stosowanie funkcji done Modyfikacje DOM w Jasmine Zdarzenia DOM Mechanizmy wykonawcze Jasmine Testem Karma Protractor Stosowanie ciągłej integracji Zalety ciągłej integracji Wybór serwera budowy Raportowanie testów integracyjnych Testowanie frameworków zgodnych z językiem TypeScript Testowanie naszej aplikacji przykładowej Modyfikacja aplikacji przykładowej w celu umożliwienia testowania Testowanie frameworka Backbone Złożone modele Aktualizacje widoków Modyfikacje obsługi zdarzeń DOM Testy modeli Testy modelu złożonego Testy wyświetlania Testy zdarzeń DOM Podsumowanie testów Backbone Testowanie frameworka Aurelia Komponenty frameworka Aurelia Model widoku komponentów Aurelia Komponent widoku frameworka Aurelia Wyświetlanie komponentu Konwencje nazewnicze frameworka Aurelia Konfiguracja testów we frameworku Aurelia Testy jednostkowe we frameworku Aurelia Testy wyświetlania Testy przekrojowe we frameworku Aurelia Podsumowanie testów frameworka Aurelia Testowanie frameworka Angular 2 Aktualizacja aplikacji Konfiguracja testów we frameworku Angular 2 Testy modelu w Angular 2 Testy wyświetlania w Angular 2 Testowanie DOM w Angular 2 Podsumowanie testów Angular 2 Testowanie frameworka React Wiele punktów wejścia Modyfikacje w aplikacji React Testy jednostkowe komponentów React Testy modelu i widoków React Testy zdarzeń we frameworku React Modularyzacja Podstawowe informacje o modułach Eksportowanie modułów Importowanie modułów Zmiana nazwy modułu Eksporty domyślne Eksportowanie zmiennych Wczytywanie modułów AMD Kompilacja modułów AMD Konfiguracja modułów AMD Konfiguracja Require Konfiguracja przeglądarki dla modułów AMD Zależności w modułach AMD Wczytywanie frameworka Require Poprawianie błędów konfiguracji Require Wyczytywanie modułów przy użyciu SystemJS Instalacja SystemJS Konfiguracja SystemJS do użycia w przeglądarce SystemJS i zależności modułów Wczytywanie Jasmine Stosowanie Express i Node Konfiguracja Express Stosowanie modułów w aplikacjach Express Określanie i obsługa tras w aplikacjach Express Stosowanie szablonów w Express Stosowanie Handlebars Zdarzenia POST we frameworku Express Przekierowywanie żądań HTTP Podsumowanie informacji o Node i Express Programowanie obiektowe Zasady programowania obiektowego Programowanie w oparciu o interfejsy Zasady SOLID Projektowanie interfejsu użytkownika Projekt koncepcyjny Konfiguracja aplikacji Angular 2 Stosowanie frameworka Bootstrap Tworzenie panelu bocznego Tworzenie nakładki Koordynacja efektów przejść Wzorzec Stan Interfejs stanu Konkretne stany Wzorzec Mediator Modularny kod Komponent Navbar Komponent SideNav Komponent RightScreen Komponenty podrzędne Implementacja interfejsu mediatora Klasa Mediator Stosowanie klasy Mediator Reagowanie na zdarzenia DOM Wstrzykiwanie zależności Wysyłanie poczty elektronicznej Wykorzystanie pakietu nodemailer Ustawienia konfiguracyjne Stosowanie lokalnego serwera SMTP Wstrzykiwanie zależności Wzorzec Lokalizacja usługi Lokalizacja usługi - antywzorzec Wstrzykiwanie zależności Implementacja wstrzykiwania zależności Wyznaczanie interfejsów Wyznaczanie z użyciem typów wyliczeniowych Wyznaczanie nazwy klasy Wstrzykiwanie przy użyciu konstruktora Wstrzykiwanie przy użyciu dekoratora Stosowanie definicji klasy Analiza parametrów konstruktora Określanie typów parametrów Wstrzykiwanie właściwości Stosowanie wstrzykiwania zależności Wstrzykiwanie rekurencyjne Tworzenie aplikacji Interfejs użytkownika Stosowanie edytora Brackets Stosowanie rozszerzenia Emmet Tworzenie panelu logowania Witryna korzystająca z frameworka Aurelia Kompilacja Node i frameworka Aurelia Udostępnianie aplikacji Aurelia Strony frameworka Aurelia w aplikacji Express Komponenty aplikacji Aurelia Przetwarzanie danych JSON Formularze we frameworku Aurelia Przesyłanie danych Stosowanie komunikatów we frameworku Aurelia Witryna Angular 2 Konfiguracja Angular 2 Udostępnianie stron aplikacji Angular 2 Komponenty aplikacji Angular 2 Przetwarzanie danych JSON Przesyłanie danych do aplikacji Witryna Express i React Express i React Udostępnianie aplikacji React Większa liczba plików package.json Komponenty React Korzystanie z punktów końcowych REST Komponent panelu logowania Wiązanie danych w aplikacji React Przesyłanie danych JSON w żądaniach POST Czas zakasać rękawy! Aplikacja SurfDechy Wyjściowa aplikacja Angular 2 Testy jednostkowe Testy implementacji wzorców projektowych Stan panelu logowania Integracja paneli Struktura danych JSON Komponent BoardList Testy jednostkowe żądań HTTP Wyświetlanie listy desek Testowanie zdarzeń interfejsu użytkownika Widok szczegółów deski Stosowanie filtra Panel logowania Architektura aplikacji