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

BoardGamesNook · C# · Programowanie

Testy – biblioteka Moq

To, że testy trzeba pisać, jest oczywiste. Czasami testy nie są jednak zbyt dobrze napisane. Warto więc na nie spojrzeć i je poprawić. Przykład serwisu Załóżmy, że mam metodę w serwisie, która chce na podstawie id zwrócić obiekt typu GameTable. W metodzie tej nie dzieje się nic poza wywołaniem odpowiedniej metody z repozytorium: Przykład repozytorium… Czytaj dalej Testy – biblioteka Moq

BoardGamesNook · C# · Programowanie

Refactoring: AutoMapper cz. 3

Ten wpis będzie ostatnim dotyczącym mojej trochę zbyt długiej walki przygody z AutoMapperem. Linki do poprzednich części: część 1, część 2. Zadanie Miałam listę obiektów viewModelList typu GamerBoardGameViewModel oraz obiekt gamer typu Gamer. Dla każdego obiektu z listy viewModelList chciałam przypisać do propercji viewModel.GamerId oraz viewModel.GamerNickname odpowiednie propercje z obiektu gamer: gamer.Id oraz gamer.Nickname. Profil mapera wyglądał następująco: Problem Od… Czytaj dalej Refactoring: AutoMapper cz. 3

BoardGamesNook · C# · Programowanie

Refactoring: AutoMapper cz. 2

Dzisiaj czas na kontynuację poprzedniego wpisu o AutoMapperze. Miałam następujący problem: moje mappery działały, aczkolwiek nie umiałam użyć 2 różnych obiektów początkowych (source), żeby zmapować je do jednego końcowego obiektu (destination). Doszłam do tego, że nie można zrobić tego w jednym kroku. Trzeba najpierw zmapować na podstawie jednego obiektu i wynik tego mapowania zmapować na podstawie… Czytaj dalej Refactoring: AutoMapper cz. 2

BoardGamesNook · C# · Programowanie

Refactoring: AutoMapper cz. 1

Zgodnie z tym, co napisałam w poprzednim poście, dzisiaj opisuję zastosowanie w projekcie AutoMappera. Przykład zastosowania AutoMappera Moje wcześniejsze rozwiązanie wyglądało następująco: miałam klasę GamerMapper, a w nim 2 metody: MapToGamerViewModel, która z obiektu Gamer tworzyła obiekt GamerViewModel MapToGamerList, która z listy obiektów Gamer tworzyła listę obiektów GamerViewModel (wykorzystywała wcześniejszą metodę) Po zmianach klasa GamerMapper… Czytaj dalej Refactoring: AutoMapper cz. 1

BoardGamesNook · C# · Programowanie

Refactoring: Dependency Injection

Nowy rok przyszedł, czas na porządki w kodzie aplikacji BoardGamesNook. Dostałam cenne uwagi dotyczące jakości kodu od pewnego znajomego Seniora. Dzisiaj skupię się na Dependency Injection (DI), czyli wstrzykiwanie zależności. Wstrzykiwanie zależności W skrócie: w każdym kontrolerze (i serwisie), zamiast korzystać z DI i wstrzykiwać obiekt interfejsu danego serwisu, tworzyłam nową instancję danego serwisu. Wyglądało to… Czytaj dalej Refactoring: Dependency Injection

BoardGamesNook · Programowanie

BoardGamesNook – moduł wyników gier

Od dawna nie wrzucałam informacji na temat mojej aplikacji. Najwyższy czas pokazać nowy moduł - wyników gier. Po wejściu w moduł zostaje wyświetlona lista dotychczasowych wyników. Na ten moment jest to publiczna lista wszystkich wyników wszystkich graczy. Każda pozycja składa się z kilku niezbędnych informacji: nazwy gracza nazwy gry liczby punktów miejsca w klasyfikacji Oczywiście… Czytaj dalej BoardGamesNook – moduł wyników gier

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 · BoardGamesNook · Programowanie

Navigation bar i Routes

Jakiś czas temu, w trakcie debuggowania aplikacji zauważyłam dziwną rzecz. Mianowicie po wybraniu z menu opcji Stoły do gier lub Moje stoły do gier, obydwie pozycje były podświetlone. Wyglądało to tak: A html tak:   Jak widać, obydwa elementy  mają klasę active. Jak to możliwe?   Ano łatwo zauważyć, że obywa elementy mają taki sam kontroler… Czytaj dalej Navigation bar i Routes

Angular · BoardGamesNook · Programowanie · TypeScript

Aktualizacja Angular 2->4 i TypeScript 2.2->2.4

Z okazji wolnego dnia wpadłam na pomysł zaktualizowania oprogramowania aplikacji. Zdecydowałam się na update Angulara z wersji 2.2.1 na 4.3.3. Wiązało się to ze zmianą wersji pakietów w pliku package.json. Byłam sceptycznie nastawiona do zmiany, ponieważ nie chciałam opóźniać (i tak spowolnionych własnym lenistwem i brakiem czasu) prac nad projektem. Z okazji dnia wolnego zmobilizowałam… Czytaj dalej Aktualizacja Angular 2->4 i TypeScript 2.2->2.4