AngularJS dla początkujących – Filtry w AngularJS część druga

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.

Filtry w AngularJS Czytaj dalej AngularJS dla początkujących – Filtry w AngularJS część druga

AngularJS dla początkujących – Filtry w AngularJS część pierwsza

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.

Filtry w AngularJS Czytaj dalej AngularJS dla początkujących – Filtry w AngularJS część pierwsza

Jak stworzyć formularz logowania w AngularJS

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ę 🙂

Jak stworzyć formularz logowania w AngularJS Czytaj dalej Jak stworzyć formularz logowania w AngularJS

AngularJS dla początkujących – Routing w AngularJS

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.

routing w angularjs Czytaj dalej AngularJS dla początkujących – Routing w AngularJS

Jak ustawić serwer node.js?

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ę.

Jak ustawić serwer node.js Czytaj dalej Jak ustawić serwer node.js?

AngularJS dla początkujących częśc 2 – Prosta aplikacja w AngularJS

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.

prosta aplikacja w AngularJS
Obraz Alana Lee – „Riddles in the dark”
Czytaj dalej AngularJS dla początkujących częśc 2 – Prosta aplikacja w AngularJS

AngularJS dla początkujących część 1 – „witaj świecie” w Angular

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.

AngularJS dla początkujących Czytaj dalej AngularJS dla początkujących część 1 – „witaj świecie” w Angular