NVM - narzedzie do instalacji roznych wersji nodejs https://github.com/coreybutler/nvm-windows
Angular dev tools plugin https://chrome.google.com/webstore/detail/angular-devtools/ienfalfjdbdpebioblfackkekamfmbnh
custom preloading: https://www.npmjs.com/package/ngx-quicklink
Rxjs in angular https://angular.io/guide/rx-library
rxjs https://rxjs.dev/ https://www.learnrxjs.io/ https://bytethisstore.com/articles/pg/rxjs-unsubscribe
stackblitz https://stackblitz.com/
- Stworzyc komponenty HomeComponent, ContactComponent za pomoca CLI
npx ng g c nazwa-komponentu - Dodaj nową ściezke /contact i załaduj tam ContactComponent
- Stwórz strone 404 ładujacą nowo utworzony komponent PageNotFoundComponent pod wszystkimi nieobsługiwanymi ściezkami: podpowiedz: https://angular.io/guide/router-tutorial#using-angular-routes-in-a-single-page-application
- Dodaj link do /contact do nawigacji. Opakuj nawigację komponentem NavigationComponent
- Dodaj model Product ( id: strig, name: string, description?: string, price: number)
- Stwórz moduł products z routingiem (npx ng g m products --routing). Moduł ma sie zaladowac pod adresem /products. Dodaj link w nawigacji
- W module dodaj następujące komponenty: ProductList, ProductItem, ProductDetail, ProductAdd, ProductEdit, ProductForm
- Dodaj routing /products -> ProductList, /products/add -> ProductAdd, /products/edit/:id -> ProductEdit, /products/:id -> ProductDetail
- W komponencie ProductsList stwórz kolekcję 3 produktów zgodnych z interfejsem. Wyswietl prostą listę produktów zawierających nazwe i cenę. Wyswietlanie produktu zaimplementuj w ProductItem do którego przekazuj za pomocą Inputa
[product]pojedynczy produkt. Użyj ngFor żeby wyswietlic tyle komponentów productItem ile jest ich w kolekcji. - Stwórz productsService, zarejestruj go w productsModule i przenieś dane z komponentu productList do serwisu. Wykorzystaj dane z serwisu w komponencie.