Angular · Programowanie · TypeScript

Odświeżanie pakietów – npm audit

Brałam ostatnio udział w warsztatach z Node.js, na których poznałam przydatną komendę npm audit. Pozwala ona na sprawdzenie pakietów wykorzystywanych w projekcie pod względem nieprawidłowości. Ale zacznijmy od początku. Error: Cannot audit a project without a lockfile Na sam początek próbowałam uruchomić komendę w pewnym starym projekcie. Okazało się, że niestety nie działa: Przyczyna okazała… Czytaj dalej Odświeżanie pakietów – npm audit

Angular · Programowanie · TypeScript

Npm ci

W nawiązaniu do aplikacji reactowej, nad którą pracowałam, natknęłam się na interesujący artykuł. To, co charakterystyczne w tego typu aplikacji frontendowej (obojętnie, czy to react, czy angular) to to, że zawiera plik package.json, w którym są skonfigurowane wersje bibliotek. Dodatkowo po zmianie package.json lub modyfikacji folderu node_modules automatycznie jest generowany plik package-lock.json (jeśli używasz npm… Czytaj dalej Npm ci

Angular · BoardGamesNook · Programowanie · TypeScript

Deploy z wykorzystaniem Github Pages

Ostatnio przy okazji robienia kursu z Angulara na Udemy, natknęłam się na ciekawe rozwiązanie – deployment aplikacji z GitHub na Github Pages. Nie działa to dla każdego rodzaju aplikacji – można wrzucać tylko pliki HTML, CSS oraz Javascript. Jest to więc idealne rozwiązanie do zdeployowania aplikacji napisanej w Angularze (TypeScript kompiluje się do Javascriptu). Tworzenie… Czytaj dalej Deploy z wykorzystaniem Github Pages

Angular · BoardGamesNook · Programowanie · TypeScript

Angular 5 – HttpClient

Przy okazji aktualizacji Angulara do wersji 5, zobaczyłam, że są dostępne nowe, zaktualizowane pakiety. Na początek skupiłam się na HttpClientModule, czyli ulepszonej wesji HttpModule. Poniżej przedstawiam rezultaty zmiany modułu http, czyli po kolei sposób aktualizacji serwisów i komponentów. Aktualizacja serwisów Stara wersja serwisu: Nowa wersja serwisu: Aktualizacja komponentów Stara wersja komponentu: Nowa wersja komponentu: Główne różnice… Czytaj dalej Angular 5 – HttpClient

Angular · Programowanie · TypeScript

Aktualizacja Angular 4=>5 i Typescript 2.2.1=>2.5.3

Stwierdziłam ostatnio, że czas zaktualizować pakiety w mojej aplikacji. Kilka miesięcy wcześniej wyszła nowa wersja Angulara (5), więc to był dobry czas na jego aktualizację. Błąd @angular/compiler-cli requires a peer of typescript but none was installed. Już na początku aktualizacji okazało się, że mam błąd: @angular/compiler-cli@5.2.3 requires a peer of typescript@>=2.4.2 <2.7 but none was installed.… Czytaj dalej Aktualizacja Angular 4=>5 i Typescript 2.2.1=>2.5.3

Angular · Programowanie

Aktualizacja pakietów z wykorzystaniem npm-upgrade

Warto od czasu do czasu sprawdzić, czy są dostępne nowe wersje pakietów wykorzystywanych w naszej aplikacji. Nowsze wersje mogą być bardziej wydajne, bezpieczniejsze, lub po prostu mogą mieć naprawione wcześniej występujące błędy. Na początek przyda się sprawdzenie, jakie pakiety można zaktualizować. Wystarczy w katalogu aplikacji wpisać w konsolę komendę: npm outdated Zostanie wyświetlona lista pakietów,… Czytaj dalej Aktualizacja pakietów z wykorzystaniem npm-upgrade

Angular · BoardGamesNook · Programowanie

Debuggowanie aplikacji Angular – rozszerzenie Augury

Przy okazji robienia kursu dotyczącego Angulara dowiedziałam się, że istnieje ciekawe rozszerzenie do przeglądarki Chrome. Nazywa się ono Augury i jest przeznaczone do debuggowania aplikacji napisanych właśnie w Angularze. Uruchomienie Wejdź na stronę rozszerzenia https://augury.angular.io/. Dodaj rozszerzenie do przeglądarki. Uruchom swoją aplikację w przeglądarce. Otwórz narzędzia developerskie (F12). Otwórz zakładkę Augury. Component Tree Główne okno programu.… Czytaj dalej Debuggowanie aplikacji Angular – rozszerzenie Augury