Dziś ostatnia część z serii wpisów o stosowaniu filtrów w angularze. W poprzednich postach pokazałem jak korzystać z domyślnych filtrów angulara i jak przekazywać im zdefiniowane przez programistę funkcje. Tym razem opiszę tworzenie własnych filtrów.
Korzystanie z wbudowanych we framework filtrów daje nam już bardzo duże możliwości. Czasem jednak, nie dostarczają programiście takich funkcji jakich potrzebuje. W takiej sytuacji angular daje możliwość zdefiniowania od podstaw własnego filtra.
W dzisiejszym wpisie będę kontynuował posta, w którym omawiałem filtry w AngularJS. Ostatnim razem opisałem jak działają filtry orderBy oraz Filter.
Filtry przypisuję do dyrektywy ng-repeat. Dzięki nim wyświetlone zostają tylko te dane modelu, które zgadzają się z filtrem. Filtry jako wartości przyjmowały konkretne zmienne według których filtrowano dane. Dziś pokaże przykłady jak jako wartości filtrów używać funkcji.
Czytaj dalej AngularJS dla początkujących – Filtry w AngularJS część druga
W dzisiejszym poście opiszę jak działają filtry w AngularJS. Są one kolejnym bardzo przydatnym mechanizmem w tym frameworku. Możliwość filtrowania danych jest wręcz niezbędna w każdej aplikacji, która obsługuje dużą ilość informacji. Na szczęście w Angularze jest to bardzo proste. Używając przykładów, dokładnie zademonstruje działanie narzędzi do filtrowania i sortowania.
Czytaj dalej AngularJS dla początkujących – Filtry w AngularJS część pierwsza
Ostatnio na blogu pojawiały się głównie wpisy o programowaniu gier. Dziś czas na coś innego. W końcu nie samymi grami człowiek żyje 🙂 Tym razem pokażę jak stworzyć formularz logowania w AngularJS. O stosowaniu angulara pisałem już co nieco, wiedza z tamtych postów wystarczy aby zrozumieć jak działa kod dzisiejszego mini projketu. Skoro już mowa o kodzie, działający formularz wrzuciłem do paczki, którą umieściłem pod tym linkiem. Możecie go ściągnąć i pogrzebać na własną rękę 🙂
Aplikacje webowe mogą szybko się rozrosnąć podczas tworzenia. Duża ilość danych i skomplikowana logika w kontrolerach powoduje, że może być ciężko wszystko uporządkować. Tutaj do akcji wchodzi routing w AngularJS. Dzięki tej technice, można dzielić widok na mniejsze ‚pod-widoki’. A co za tym idzie, możemy podzielić logikę na łatwe do przełknięcia kawałki.
Dziś kontynuacja mojej serii o Angularze dla początkujących (poprzednie wpisy tu oraz tu). Tym razem pokażę krótki skrypt przedstawiający routing. Skrypt ten nie będzie zawierał specjalnie skomplikowanej logiki 🙂 . Za to na pewno po lekturze tego wpisu będziecie znali podstawy potrzebne do dalszego rozwoju umiejętności programowania z pomocą AngularJS.
Czytaj dalej AngularJS dla początkujących – Routing w AngularJS
Parę razy wspominałem już, że w niektórych przykładach (Angular), wymagany jest lokalny serwer. Dziś zaprezentuję jak ustawić taki serwer przy pomocy node.js. Jest to naprawdę prosty sposób, dzięki któremu będziecie mieli możliwość testowania waszych front-endowych rozwiązań.
Na początku potrzebny będzie node. Można go bez problemu pobrać z oficjalnej strony. Strona sama wykryje jaki mamy system i na głównej stronie, poda odpowiedni instalator. Ja poniżej opiszę sposób na ustawienie serwera node w środowiskach, które sam używam: windows oraz linux mint. Tak naprawdę do na linuxie nie potrzebna jest nawet ta instalka, ale to za chwilę.
Tym razem krótki wpis. Aby utrwalić wiedzę, która przekazałem wczoraj, napisałem prościutki program wykorzystując framework AngularJS. W zaledwie parunastu linijkach JavaScriptu udało się bez problemu napisać pełną, działającą aplikację.
Przedstawiam wam Zgadywankę. Jest to bardzo prosta aplikacja w AngularJS. Powstała ona na podstawie informacji, które zawarłem w ostatnim poście.
Dzisiejsza aplikacja to (a jakże) gra 🙂 . Gracz musi odgadnąć hasło na podstawie podpowiedzi wyświetlonej na ekranie. Hasło wybierane jest losowo przy każdym zainicjalizowaniu gry. Lista możliwych haseł i odpowiedzi znajduje się w skrypcie. Jeżeli gracz odgadnie hasło, gra wyświetli gratulacje oraz przycisk pozwalający na rozpoczęcie od nowa. Nieudane próby będą zliczane a ich suma wyświetlana na ekranie.
Artykuł ‚AngularJS dla początkujących’ wypadałoby zacząć napisaniem paru zdań o tym czym jest Angular. Następnie akapit albo dwa, dlaczego jest tak wspaniały i często wykorzystywany. Główną część wpisu powinienem poświęcić opisowi architektury MVW, tłumaczeniem czym są modele a czym kontrolery i jak dobrze ze sobą działają. Na koniec parę linijek kodu i wpis gotowy 🙂 Nie pójdę dziś tą drogą. Nie dlatego, że są to rzeczy nieważne. Są bardzo ważne, ale zostały już napisane wiele razy. Ja skupie się na tym co lubię najbardziej, czyli przejdę prosto do przykładów. To pierwszy wpis z serio dwóch lub trzech. Po ich lekturze, będziesz w stanie sam, ze zrozumieniem stworzyć prostą aplikację używając frameworka Angular JS.
Napiszę tylko odpowiedź na pytanie, „dlaczego Angular?” Jest to bardzo popularny framework. Tak popularny, że niezależnie od naszych odczuć względem niego, każdy front-endowiec powinien zapoznać się z obecną wersją. Nawet pomimo tego, że druga wersja angulara nadchodzi wielkimi krokami. W świecie jest po prostu bardzo dużo kodu napisanego w Angular 1.x i prędzej czy później trafimy na niego. Dobrze być na to przygotowanym.
Czytaj dalej AngularJS dla początkujących część 1 – „witaj świecie” w Angular
