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”