Przejdź do treści
School IT / Przestrzeń do nauki
← Wszystkie kursy
KURS · 42 LEKCJI · 5 MODUŁÓW

Angular — aplikacje webowe

Od komponentu i pierwszego ekranu do formularzy, routingu i kompletnego projektu.

Rozpocznij naukę →
KROK PO KROKU

Program kursu

01Projekt, komponenty i wiązania8 lekcji
  1. 01Instalacja i pierwszy ekran○
  2. 02Co jest w tym projekcie○
  3. 03Bootstrap w projekcie○
  4. 04Własny komponent○
  5. 05Interpolacja {{ }} — dane z klasy na ekranie○
  6. 06Wiązanie właściwości [ ]○
  7. 07Obrazy i pliki statyczne○
  8. 08Zdarzenia ( ) i zmienne szablonowe #○
02Sygnały i szablony8 lekcji
  1. 09Czym jest sygnał○
  2. 10set i update — zmiana wartości sygnału○
  3. 11computed — wartości wyliczane○
  4. 12@if, @else if, @else — fragmenty pod warunkiem○
  5. 13@for, track, @empty — listy z tablic○
  6. 14@switch — jedna wartość, wiele możliwości○
  7. 15Klasy i style zależne od danych: [class], [style], NgClass, NgStyle○
  8. 16Pipes — formatowanie w szablonie○
03Formularze i walidacja12 lekcji
  1. 17[(ngModel)] — jak działa wiązanie dwukierunkowe○
  2. 18Pola tekstowe: text, password, email, textarea○
  3. 19Liczby: number i range○
  4. 20Checkbox○
  5. 21Radio — jeden wybór z kilku○
  6. 22Select — lista rozwijana○
  7. 23Data, czas i kolor: date, time, color○
  8. 24Przyciski i wysyłka formularza○
  9. 25[ngModel] i (ngModelChange) w praktyce○
  10. 26Walidacja w szablonie○
  11. 27Warsztat — formularz, wynik, lista○
  12. 28Reactive Forms — pierwsze spotkanie○
04Komunikacja, serwisy i routing7 lekcji
  1. 29input() — rodzic przekazuje dane○
  2. 30input.required, obiekt jako wejście i booleanAttribute○
  3. 31output() — dziecko zgłasza zdarzenie○
  4. 32model() — własna kontrolka z [( )]○
  5. 33Serwis i inject() — dane wspólne dla wielu komponentów○
  6. 34Router — wiele stron w jednej aplikacji○
  7. 35Parametr trasy i parametry zapytania○
05Dane, cykl życia i projekt7 lekcji
  1. 36HttpClient — pobieranie danych z serwera○
  2. 37effect i sprzątanie: DestroyRef○
  3. 38Cykl życia komponentu: ngOnInit, ngOnChanges○
  4. 39ng-content — komponent z miejscem na treść○
  5. 40Własna dyrektywa atrybutowa○
  6. 41Projekt — część 1: przeglądanie wydarzeń○
  7. 42Projekt — część 2: zapisy, filtry, nowe wydarzenia○