Nierzadko podczas prac deweloperskich zauważamy, iż część kodu się powtarza. Jeśli stosujemy się do zasady DRY, często próbujemy jakoś ten powtarzający się kod odseparować, napisać go w taki sposób by jego kolejne użycie było szybkie i proste bez konieczności jego powtarzania. Continue reading
Angular JS
Angular JS: Filtry – część 8
Witam w kolejnym odcinku serii poświęconej Angularowi 1.6. Niniejszy wpis chciałbym w całości poświęcić technice filtrowania. Angular czynność tą rozumie dwojako, w pierwszej kolejności filtrowanie pozwala nam na modyfikację, przeformatowanie danych pod kątem naszych potrzeb (dodanie waluty, zmiana wielkości liter itp.). W drugiej kolejności filtrowanie danych umożliwia ich sortowanie. Oznacza to, iż możemy posortować dane według wybranego kryterium, bądź też tworzyć własne, rozbudowane funkcje sortujące. Na koniec, filtrowanie, to także proces selekcji danych. Angular pozwala nam na wybranie z kolekcji tylko tych danych, dla których spełnione są kryteria wyboru. Continue reading
Angular JS: routing, struktura aplikacji – część 7
Cały dzisiejszy wpis chciałbym poświęcić problemowi routingu w Angular JS. Na przykładzie naszego systemu (DEMO) widzimy, iż dobrze byłoby dodać możliwość wyświetlania podstron – osobnej strony dla postów i osobnej strony dla użytkowników. I właśnie tym zajmiemy się poniżej, korzystając z dobrodziejstwa modułu ngRoute.
Angular JS: dyrektywy modyfikujące wygląd aplikacji – część 6
Jednym z podstawowych zastosowań Angulara jest tworzenie rozbudowanych one page sites, czyli aplikacji internetowych opartych na jednej stronie, bez konieczności przeładowywania widoku, także w przypadku użycia nawigacji. Aby to zrealizować Angular posiada szereg funkcji umożliwiających manipulowanie wyświetlania pojedynczych elementów interfejsu użytkownika. I to właśnie tego typu dyrektywom chciałbym poświęcić szósty odcinek poradnika do Angulara JS. Continue reading
Angular JS: usługa ngResource – część 5
W poprzednim odcinku poradnika udało nam się wyciągnąć czynność pobierania danych z API do osobnej usługi. W celu samego pobrania danych użyliśmy metody get usługi $http dostępnej w Angularze. Usługa ta umożliwia wysyłanie żądań takich jak DELETE, PUT, GET czy POST, czyli w praktyce zapełnia pełny dostęp do usług typu RESTful.
Angular JS: Usługi – factory, service, provider – porównanie część 4
Jedną z podstawowych czynności w modelu Model-Widok-Kontroler jest rozdzielenie warstwy danych od warstwy prezentacji. I tak w warstwie prezentacji nie powinno być żadnych zmian w modelu, widok powinien jedynie wyświetlać dane. Idąc dalej, kontroler powinien łączyć warstwę modelu z widokiem, jednakże także sam nie powinien modyfikować modelu bezpośrednio, a korzystać z dodatkowych obiektów, najlepiej luźno połączonych za pomocą DI.
Angular JS: Pobieranie danych z API część 3
W kolejnym naszym spotkaniu z Angularem chciałbym przedstawić sposoby łączenia się z zewnętrznym API i pobierania danych. Angular stworzony został do korzystania z danych w postaci JSONa, także opisywany przykład opierał się będzie na publicznym, testowym API znajdującym się pod adresem https://jsonplaceholder.typicode.com. Jednym z jego żądań jest:
GET “https://jsonplaceholder.typicode.com/posts”
Angular JS: Dołączanie danych część 2
W niniejszym wpisie chciałbym omówić sposoby dołączanie danych, czyli integracji naszego kontrolera z widokiem HTML. Aby to wykonać najpierw musimy poznać definicję struktury zwanej dyrektywą. Jest to rozwiązanie rozszerzające możliwość zwykłego HTML o funkcjonalności związane z Angularem. Angular posiada ogromną bazę wbudowanych dyrektyw, możliwe jest również tworzenie własnych, ale o tym w kolejnych odcinkach.
Angular JS: Wstęp, tutorial część 1
W poniższym wpisie chciałbym przybliżyć jedną z bardziej popularnych technologii frontendowych – Angular JS. Technologia ta mimo już swoich kilku lat na karku jest jednym z najpopularniejszych narzędzi do tworzenia logiki systemu po stronie klienta.
Jej cechą charakterystyczną jest możliwość upiększania kodu HTML o nowe funkcjonalności, swoiste wzbogacenie kodu. Pozwala to na tworzenie zaawansowanych rozwiązań również po stronie frontendu.
W obecnej chwili mamy możliwość instalacji i pobrania Angulara w dwóch wersjach. Pierwszą z nich jest nowa wersja 2.0, czyli najnowsze dziecko programistów Google’a, my zajmiemy się wersją 1.6, czyli wciąż najpopularniejszą i najchętniej wykorzystywaną wersją.