Powrót do katalogu

Podaj maila aby obejrzeć webinar z Node.js

Wyrażam zgodę na otrzymywanie informacji o promocjach i produktach oferowanych Czytaj więcej przez Vavatech Sp z o.o. Zgodę możesz cofnąć w każdym czasie.
Termin sugerowany
2018-11-19
Warszawa

Zapisz się jako pierwszy!

2 100 / 3 dni
Zgłoś chęć udziału
Termin sugerowany
2018-12-10
Warszawa

Zapisz się jako pierwszy!

2 100 / 3 dni
Zgłoś chęć udziału
Zaproponuj własny termin
Postaramy się uruchomić nowy termin dla Ciebie
Zgłoś chęć udziału

Inżynieria oprogramowania > Aplikacje internetowe

Szkolenie: Budowanie aplikacji w oparciu o Angular

Kod: [J-ANGULAR]
Pobierz program

Wprowadzenie

Angular to najpopularniejsza obecnie platforma programistyczna (framework) do tworzenia aplikacji internetowych, działających po stronie przeglądarki w modelu SPA (Single-Page Appliction). Framework zyskał popularność wśród programistów, gdyż wielokrotnie skrócił pracę nad projektami, szczególnie w pracy zespołowej. Wersja pierwsza Angulara nie była jednak wolna od wad: z perspektywy czasu widać problemy z wydajnością, brak kompatybilności z ECMAScript 6 oraz mnogość wizji prawidłowego budowania aplikacji.

Angular został napisany praktycznie od podstaw gdyż bazuje na ES6. Autorzy platformy odpuścili takie koncepcje jak: kontrolery, $scope, angular.module, ng-model. Za to zachęcają do używania TypeScriptu. W Angular możemy programować obiektowo, używać silnego typowania, adnotacji, klas i innych.

W ofercie Vavatech dostępne jest również czterodniowe szkolenie z Angular, poszerzone o temat testów aplikacji

Cel szkolenia

Poznanie tajników języka JavaScript oraz wykorzystanie zdobytej wiedzy na wielu praktycznych przykładach.

Adresaci szkolenia

Szkolenie dedykowanie jest dla osób znających podstawy JavaScript, HTML oraz CSS, które chcą poznać najnowsze narzędzie do budowy nowoczesnych aplikacji webowych działających po stronie przeglądarki - Angular.

Czas i forma szkolenia

21 godzin (3 dni x 7 godzin), w tym wykłady i warsztaty praktyczne.

Plan szkolenia

  1. Jak działa angular

    1. Komponenty
    2. Dekoratory komponentów
    3. Model aplikacji
  2. Budowanie aplikacji - webpack

    1. Konfiguracja
    2. Kompilacja plików TypeScript
    3. Kompilacja plików SASS
  3. Komponenty wbudowane

    1. NgIf
    2. NgSwitch
    3. NgStyle
    4. NgClass
    5. NgFor
    6. NgNonBindable
  4. Własne komponenty i dyrektywy

    1. Wejście i wyjście
    2. Wstrzykiwanie zależności
    3. Style
    4. Zdarzenia: OnInit, OnChanges, DoCheck
    5. Zdarzenia: AfterContentInit, AfterViewInit
    6. Zdarzenia: AfterContentChecked, AfterViewChecked
  5. Utworzenie prostej aplikacji w Angular

    1. Utworzenie komponentu
    2. Zasilenie komponentu danymi
    3. Praca z kolekcją
    4. Powielanie wierszy w widoku
    5. Dodanie nowego produktu
  6. TypeScript

    1. Wprowadzenie do TypeScript.
    2. Silne typowanie
    3. Klasy
    4. Interfejsy
    5. Import oraz eksport modułów
    6. Adnotacje
  7. Formularze w Angular

    1. Jak używać Controls i Control Groups
    2. Utworzenie pierwszego formularza
    3. Użycie FormBuilder
    4. Walidacja formularza
    5. Nasłuchiwanie na zmianach
    6. ngModel
  8. Struktura danych ( Observables )

    1. Wprowadzenie do RxJS
    2. Tworzenie obiektu Observable
    3. Łączenie zdarzeń z wielu różnych obiektów Observable
    4. Przetwarzanie danych obiektów Observable
  9. Komunikacja z serwerem

    1. HTTP
    2. angular/http API
  10. Routing

    1. Jak działa ruting w aplikacji Angular
    2. Utworzenie prostego rutingu
    3. Strategie rutingu
    4. Parametry rutingu
    5. Zagnieżdżanie rutingu
  11. Konwersja aplikacji AngularJS do Angular  i nowszych

    1. Jak używać komponentów angular 1.x w nowszych wersjach Angulara 
    2. Tworzenie hybrydy
  12. Utworzenie aplikacji (SPA)

    1. Jak powinna wyglądać architektura aplikacji
    2. Pobranie danych z serwera
    3. Wyświetlenie listy produktów
    4. Usuwanie produktu
    5. Dodawanie produktu
    6. Edycja produktu
  13. Debuggowanie aplikacji

  14. Przygotowanie wersji produkcyjnej aplikacji

    1. Minimalizacja i konkatyzacja
    2. Automatyzacja zadań

Opinie uczestników