Co to jest RxJS?

RxJS to w dużym skrócie biblioteka do reaktywnego programowania. Jest mocno osadzona w Angularze i wykorzystywana przy obsłudze formularzy, routingu czy zapytań HTTP. RxJS to biblioteka do reaktywnego programowania. Dużą zaletą RxJS jest łatwość opanowania kodu asynchronicznego czy opartego na eventach. Dostarcza obiekt Observable, który jest najważniejszym składowym całego konceptu. RxJS bazuje na obiekcie Observable. …

Continue reading

Podsumowanie 5 tydzień treningu do DOZ Maraton 2020. Realizujemy plan. #SprawnyProgramista

Kolejny tydzień treningowy, to już piąty. W tym tygodniu bez żadnych ekscesów. Wszystko zgodnie z planem. Udaje się zrealizować wszystkie cele treningowe. Tym samym realizuję całą rozpiskę treningów przygotowanych przez mojego trenera, z którym ćwiczę na siłowni, ale pomaga mi także przygotować się do maratonu 😻. No i czekam na nową rozpiskę. Zdjęcie, które widzicie …

Continue reading

Co to jest TypeScript?

TypeScript jest językiem programowania kompilowanym do JavaScript. Wiele osób twierdzi też, że nie jest to osobny język, a jedynie nadzbiór (superset) dla JavaScript. TypeScript to nadzbiór (superset) dla JavaScript. Zawiera w sobie wszystkie funkcjonalności, które ma JavaScript oraz dodaje własne funkcjonalności. Najważniejsze funkcjonalności dla TypeScript to typy danych. Język ten jest statycznie typowany (typy nie …

Continue reading

Co to jest Angular?

Angular to kompleksowy framework do tworzenia aplikacji typu SPA (Single Page Application). SPA to strony, które są ładowane w przeglądarce dynamicznie. Nie mamy tutaj dociągania strony z serwera gdy przechodzimy na poszczególne podstrony. Angular to framework do tworzenia SPA. Angular został stworzony przez Google i społeczność, ponieważ jest to technologia o otwartych źródłach. Angular sam …

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