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

Angular · Programowanie · TypeScript

JS Upskill – recenzja warsztatów Angular 2/4/5

JS Upskill Wrocław O tym, że istnieje taka inicjatywa jak JS Upskill Wrocław prowadzona przez Łukasza Gąsiora, wiedziałam od dawna. Zaczęłam obserwować poczynania tej grupy, ale dotychczas nie wzięłam udziału w żadnych warsztatach. Powód był prosty - zwykle skupiam się bardziej na backendzie. Frontendowe rzeczy mniej mnie interesują. Nie wzięłam więc udziału w warsztatach dotyczących Javascript,… Czytaj dalej JS Upskill – recenzja warsztatów Angular 2/4/5

Angular · BoardGamesNook · Programowanie · TypeScript

Error „No provider for …Service”

Podczas prac nad nowym modułem wyników (tak, tak, prace nad aplikacją wciąż trwają ;p ) musiałam w pewnym komponencie skorzystać z dodatkowych serwisów: Jak widać wyżej, w GameResultDetailComponent wykorzystuję dodatkowe 2 serwisy: BoardGameService oraz GamerService. Jednakże po uruchomieniu aplikacji otrzymałam następujący błąd: Rozwiązanie okazało się całkiem proste. Należało dodać odpowiednie serwisy w samym komponencie do… Czytaj dalej Error „No provider for …Service”

Angular · Programowanie

Angular2ComponentTemplate – rozszerzenie do VisualStudio

Dzisiaj krótko i treściwie: znacie ten problem, gdy musicie utworzyć nowy komponent w Angularze?   Potrzebujecie wtedy następujące pliki: testName.component.ts, testName.component.html, testName.component.css. Dotychczas tworzyłam te pliki ręcznie (lub kopiowałam istniejące i zmieniałam nazwy). Ale odkryłam, że nie ma takiej potrzeby. Można to zautomatyzować poprzez pobranie odpowiedniej paczki do Visual Studio. Nazwa paczki to Angular2ComponentTemplate.