Angular – kompletny kurs programowania na Udemy

Aktualizacja 2020: W roku 2017 na YT oraz Udemy opublikowałem swój pierwszy kurs Angular. Aktualnie pracuję nad nową wersję kursu, który docelowo zastąpi kurs na Udemy. Kurs znajdziesz pod linkiem: https://www.udemy.com/course/angular-kompletny-kurs-od-podstaw Kurs w nowej wersji to kurs bardzo praktyczny, niemalże przy każdym nowym zagadnieniu pracujemy z nową aplikacją. Implementujemy proste aplikacje, które pozwolą nam dogłębnie …

Continue reading

LIVE: Zostań w domu i ucz się programować w Angularze

Zapraszam wszystkich na live z podstaw Angulara, który odbędzie się na kanale firmy STX Next. Będę miał okazję poprowadzić kurs z podstaw Angulara. W tym czasie stworzymy aplikację „Lista Zadań”. Live odbędzie się na kanale https://www.youtube.com/watch?v=NPjb1_E2XzM #Zostańwdomu i ucz się programować 🙂 Więcej o mnie Mój kurs Udemy: Angular – kompletny kurs od podstaw Dodaj mnie do kontaktów …

Continue reading

Co nowego w Angular 9. Podsumowanie w 12 punktach.

Dokładnie 6 lutego 2020r. pojawiła się 9 wersja Angulara. Zmiany dotyczą całego frameworka, Angular Material i Angular CLI, sposobu testowania komponentów. Największą zmianą jest nowy kompilator pod nazwą Ivy. Zobaczmy co nowego w „Angular 9”. Jak można wyczytać z informacji o aktualizacji, to największy update od 3 lat. Jeżeli chcecie już teraz zrobić update Waszych …

Continue reading

DoCheck wykrywanie zminan – Angular i ngDoCheck

W tym wpisie zrobię szybkie wprowadzenie do ngDoCkeck. Na początek dowiemy się czym jest ten angularowy hook i kiedy jest wywoływany, a także co takiego robi przy standardowym użyciu. Do artykułu stworzyłem przykład: https://stackblitz.com/edit/angular-docheck-przyklad Kiedy ngDoCheck jest uruchamiany? Hook ngDoCheck w czasie tworzenia komponentu jest uruchamiany jako trzeci w kolejności, jeśli chodzi o lifecycle hook Angulara. Najpierw ngOnChanges potem ngOnInit a na końcu ngDoCheck. Sam konstruktor jak pamiętamy …

Continue reading

Konfiguracja Prettiera w 4 punktach – Prettier i Angular

W tym wpisie dowiesz się jak dodać Prettier do Angulara i w ogóle dlaczego warto mieć Prettiera w projekcie. Prettier vs Linter (TSLint, ESLint) Warto rozróżnić te dwa narzędzia : Linter to narzędzie do sprawdzania poprawności naszego kodu. Zwraca uwagę na złą składnię, błędy, nieużywane zmienne etc. Główną jego ideą jest sprawdzanie poprawności kodu. Prettier …

Continue reading

Sposób na śledzenie zmian property @Input – ngOnChanges i Angular

Metoda ngOnChanges bardzo często przydaje się do nadsłuchiwania zmian w polach @Input. Jeżeli chcemy się dowiedzieć kiedy zmienia się wartość takiego property, lifecycle hook ngOncChanges może się do tego przydać. Ogólne działanie ngOnChanges Zacznijmy jednak od początku. Metoda ngOnChanges pochodzi z interfejsu OnChanges. Jest to metoda, która w cyklu życia komponentu wywoływana jest jako pierwsza, zaraz po konstruktorze. Wywoływana jest także za każdym razem, gdy …

Continue reading

Kiedy używać ngOnDestroy – Angular i ngOnDestroy

Metoda ngOnDestroy() pochodzi z interfejsu OnDestroy i może być użyta w komponencie, dyrektywnie, pipe oraz serwisie. W tym artykule przyjrzymy się kiedy warto ją używać i sprawdzimy kiedy dokładnie zostaje wywołana. Kiedy używać ngOnDestroy() Metoda ngOnDestroy() jest jedną z metod Lifecycle Hooks przygotowanych przez Angulara do kontrolowania tego co się dzieje w komponentach, dyrektywach, pipe czy serwisach. Już sama nazwa nam mówi, że ngOnDestroy() jest wywołana …

Continue reading

Jak dodać Bootstrapa 4 – bootstrap i Angular

Bootstrap 4 to biblioteka, która chętnie jest używana w projektach angularowych. Jest kilka sposobów na dodanie Bootstrap 4 do projektu. Przyjrzyjmy się tym sposobom, zarówno tym które są mniej jak i bardziej rekomendowane. Bootstrap 4 został napisany w Sass i jest podzielony na moduły. Pracując z Bootstrap 4 w Angularze warto również pracować z plikami *.sass zamiast …

Continue reading