AngularJS

AngularJS został stworzony z przekonaniem, że programowanie deklaratywne powinno być używane do budowy interfejsów i łączenia komponentów oprogramowania, podczas gdy programowanie imperatywne znajduje zastosowanie w logice biznesowej. Framework przystosowuje i rozszerza możliwości tradycyjnego HTML-a do lepszej obsługi dynamicznych treści, co umożliwia automatyczną synchronizację pomiędzy modelem i widokiem. W ten sposób Angular ogranicza manipulacje w DOMie i ułatwia testowanie. AngularJS nie należy mylić z Angularem, wydawanym również przez Google od 2016 roku. Jest to zupełnie nowa wersja, niekompatybilna z AngularJS, bez prostej możliwości migracji istniejących projektów.

Mamy dostępny 1 darmowy kurs

Mariusz / sirmarbug

Mariusz / sirmarbug

Mariusz / sirmarbug

Krótki opis
Wprowadzenie do AngularJS Wpis ten jest wprowadzeniem do nowej serii postów, którą planowałem rozpocząć na blogu już od dłuższego czasu. AngularJS jest jak dla mnie świetnym wyborem na początek przygody z tego typu frameworkami. Osobiście pozwolił mi opanować podstawowe mechanizmy, takie jak routing, komunikacja z serwerem za pomocą REST. Dodatkowo w tym frameworku tworze moją pracę inżynierską. To
AngularJS – Podstawowe dyrektywy W tym wpisie, postaram się przybliżyć podstawowe dyrektywy, które są często wykorzystywane podczas pracy z AngularJS. Jako przykład utworzymy prostą aplikacje ToDo, w której wykorzystamy ng-show, ng-repeat, ng-click a także ng-model. Dyrektywy te są bardzo często wykorzystywane przy tworzeniu zarówno małych jak i dużych projektów.   Założenia aplikacji Pole wprowadzające dane, a poniżej lista zadań,
Usługi $scope W tym wpisie zajmiemy się omówieniem usług odpowiedzialnych za nasłuchiwanie zmian w obiekcie $scope. Omówione zostaną $watch(), $digest(), $apply(), dzięki którym mamy większą kontrolę nad zmianami w $scope(). Nie wszystkie elementy posiadają nasłuch. Spowodowane jest to zbyt długim czasem, potrzebnym do nasłuchu wszystkich elementów.   $watch() Usługa ta służy do tworzenia nasłuchu zmian w konkretnym
AngularJS – wstrzykiwanie zależności W tym wpisie wytłumaczę czym jest wstrzykiwanie zależności oraz przybliżę metody służące do tego. Opowiem o zaletach i wadach, każdej z nich. Dodatkowo wspomnę o obiekcie $rootScope oraz zaprezentuje jego działanie w aplikacji demonstracyjnej. Wymienie również obiekty jakie mogą być wstrzykiwane. Wstrzykiwanie zależności to wzorzec projektowy, służący do zarządzania zależnościami. Korzystając z tego mechanizmu mamy
AngularJS – Factory Omówię dziś sposób działania factory w AngularJS. W poprzednim wpisie cyklu przedstawiłem metody wstrzykiwania, można przeczytać ten wpis pod linkiem AngularJS – wstrzykiwanie zależności. Jednym z elementów, które możemy wstrzykiwać np. do kontrolera są fabryki, o których dziś będzie mowa.   Trochę teorii W AngularJS fabryka jest funkcją odpowiedzialną za tworzenie obiektu i jego zwracanie.
AngularJS – Service Poprzednio pokazałem Wam jak korzystać z fabryk jakie udostępnia nam omawiany frameworki. Wpis ten, możecie znaleźć pod adresem AngularJS – Factory. Tym razem omówię obiekt jakim jest service, który podobnie jak fabryki możemy wstrzykiwać do innych komponentów, dzięki czemu nasza aplikacja staje się modularna.   Trochę teorii Service to obiekt będący wzorcem singleton. Znaczy to
AngularJS – Provider Tym razem, zajmiemy się ostatnim elementem możliwym do wstrzykiwania jaki pozostał nam do omówienia. Provider, bo o nim mowa, służy do tworzenia nowych obiektów, podobnie jak service czy factory. Jednak, ten wyróżnia największa elastyczność. W tym wpisie, zostanie utworzona podobna aplikacja do tej z poprzedniego wpisu AngularJS – Service, różnica polegać będzie na tym, że
AngularJS – Controller As W tym wpisie zajmę się składnią controller as, a także możliwym utworzeniem kontrolera bez użycia usługi $scope przy pomocy tej skladni. Zaprezentuje, aplikację napisaną z wykorzystaniem obu metod, tak aby móc zobaczyć różnice w kodzie pomiędzy kontrolerem wykorzystującym wstrzyknięty obiekt $scope, a kontrolerem wiążącym właściwości oraz metody za pomoca this.   Controller As w teorii
AngularJS – Component Wpis ten, będzie związany z komponentami oraz ich implementacją w AngularJS. Przedstawię zalety pisania w oparciu o ten sposób tworzenia aplikacji. Omówię tworzenie komponentów wraz ze wszystkimi możliwościami konfiguracji. A także, utworzymy razem prostą aplikację, służącą do robienia listy zakupów, przykład ten idealnie pokazuje idee tworzenia aplikacji w oparciu o komponenty. Trochę teorii Komponenty to uproszczone w
AngularJS – Formularze Ten wpis będzie o tworzeniu formularzy, wykorzystując framework AngularJS. Prosta aplikacja, zbudowana na bazie dwóch komponentów posłuży nam do zademonstrowania, w jaki sposób powinniśmy tworzyć i walidować formularze, powszechnie wykorzystywane w tworzonych systemach webowych.
AngularJS – Podstawowe filtry Wpis ten będzie o podstawowych filtrach jakie ma do zaoferowania AgnularJS. Służą one do zmiany wyświetlanych danych bez ich modyfikacji: filtrowania, sortowania czy formatowania
AngularJS – Własne filtry Omówię dziś tworzenie własnych filtrów. Technika ta przydatna jest zwłaszcza przy większych projektach, kiedy to nie wystarczają już podstawowe, wbudowane w framework filtry.