[ANGULAR DARMOWY KURS] - Wstęp do aplikacji biznesowych. Poznaj niezbędne podstawy w 45 minut.

PDF: 7 porad, które zwiększą Twoje szanse na pracę dla dużych organizacji:
Kurs Online: Komercyjne Standardy Kodu:

Spis
0:00 - 01:48 - przygotowanie aplikacji oraz instalacja serwera mockowego
1:49 - 05:01 - konfiguracja serwera mockowego
5:02 - 06:02 - opdalanie serwera mockowego
6:03 - 7:18 - stworzenie przykładowej strony w klasycznym podejściu, czysty HTML i CSS
7:19 - 07:53 - odpalenie aplikacji
7:54 - 08:10 - wyświetlenie aplikacji w przeglądarce (localhost:4200)
8:11 - 08:54 - doanie css, aby zaprezentować karty w aplikacji
8:55 - 09:58 - praca z flexboxem (zarządzanie rozkładem elementów)
9:59 - 13:21 - wyświetlanie danych w kartach
13:22 - 13:53 - Przerobienie klasycznego podejścia, na podejście angularowe (wykorzystanie reużwyalnych komponentów)
13:54 - 14:34 - Utworzenie komponentu (ng g c nazwa-komponetu)
14:35 - 20:08 - Przeniesienie kodu karty do komponentu
20:09 - 20:34 - pobranie danych z backendu - omówienie
20:35 - 21:03 - stworzenie serwisu
21:04 - 21:17 - omówienie serwisu
21:18 - 23:22 - przygotowanie serwisu i aplikacji na pobieranie danych
23:23 - 24:58 - Teoria: omówienie czym są Observables
24:59 - 26:20 - ciąg dalszy przygotowania pobierania danych z backendu
26:21 - 27:09 - pobranie danych w komponencie
27:10 - 28:22 - Poprawna inicjalizacja danych pobranych z backendu (OnInit, nie konstruktor)
28:23 - 30:04 - przygotowanie szablonu na wyświetlenie danych z backendu
30:05 - 31:32 - Korzyści z używania reużywalnych komponentów (prosty przykład)
31:33 - 35:53 - Zapobieganie wyciekom pamięci przy dokonaniu subskrypcji
35:54 - 38:10 - Dokonanie subskrypcji w szablonie (pipe async)
38:11 - 43:52 - Wydzielenie obszaru kart do oddzielnego modułu
43:53 - 45:03 - Podsumowanie

[MrPankoPanko]

Fajnie wytłumaczone. Coś czego brakuje w języku polskim. Czekam na dalsze publikacje ;)

[Aspartamman]

Jaka jest różnica między pipe a subscribe?

[zirexpl]

Hej,
przegladam twój kurs na stronie, masz ofertę 10 lekcji, 45min za 199zł. Pytanie brzmi, czy ja dobrze rozumiem, że całość tych lekcji trwa 45min, czy 10 lekcji po 45min?
Czy można poznać tytuły tych lekcji? Jestem już programistą angulara i zastanawiam się czy aby na pewno przyda mi się coś z tego

[yourSOULismy]

To było trudne do zrozumienia. Jeśli to wstęp to za wysoki poziom dla kogoś początkującego.

[aleksandraratyna]

Niestety, w Angularze 15 coś się pozmieniało i nie działa w taki sposób jak na filmie. Po dodaniu dekoraturów @Input najpierw sypie błędami:
TS2564: Property 'brand' has no initializer and is not definitely assigned in the constructor (na wszystkie 3 zmienne).
Po zainicjalizowaniu zmiennych na pustego stringa wewnątrz konstruktora, w ten sposób:

export class CarCardComponent {

constructor(

@Input()
public brand: string = '',
@Input()
public model: string = '',
@Input()
public imgSrc: string = ''

) {}
}

dochodzą kolejne błędy:
NG6001: The class 'CarCardComponent' is listed in the declarations of the NgModule 'AppModule', but is not a directive, a component, or a pipe. Either remove it from the NgModule's declarations, or add an appropriate Angular decorator.
NG1005: Unexpected decorator Input on parameter.
I teraz już nie wiem, co z tym zrobić. Do tej pory wszystko szło gładko.