W dzisiejszym odcinku kursu chciałbym, abyśmy napisali pierwszy program w ReactJS, który to miałby zamieniać skalę Celsjusza na Farhenheita. Continue reading
JavaScript
ReactJS – Wprowadzenie #1
Jako, że na moim blogu często pojawiają się poradniki traktujące o Single Page Application (obszerny poradnik do Angular JS, niezwykle krótki wstęp do Angular 5), postanowiłem kilka wpisów poświęcić konkurencyjnej technologii – ReactJS. Continue reading
Angular JS: Własne dyrektywy – część 9
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: 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.