Angular 5 – Wstęp

Jako, że pozytywnie udało nam się zbudować aplikację wypozyczalni sprzętu wodnego opartą o Laravela, co więcej mając przygotowany zalążek API, możemy wystartować z tworzeniem kodu aplikacji frontendowej. Jak się łatwo domyślić, będzie ona w całości oparta o Angular 4 (w praktyce będziemy już używac wersji 5). Nie przedłużając wstępu zabierzmy się do pracy, czyli spróbujmy zainstalować i przejrzeć startowy kod frameworka. Continue reading

Budujemy przykładową aplikację w Laravel – część 5, budujemy API

Dzisiejszy wpis poświęcony jest kolejnej części naszego systemu. Tym razem zajmiemy się budową API dostępowego, tak by w niedalekiej przyszłości połączyć się z nim za pomocą Angulara. Nasze API dotyczyć będzie przede wszystkim funkcjonalności związanych z administracją systemem. W opisywanej wersji będzie to kilkanaście metod dostępowych, wraz z rozwojem aplikacji, grupę tą poszerzymy oczywiście o kolejne, nowe żądania.

Do testowania API polecam świetny dodatek do Chrome o nazwie Postman, świetnie nadaje się do wysyłania zarówno prostych jak i bardziej rozbudowanych żądań.

Continue reading

Budujemy przykładową aplikację w Laravel – część 2, instalacja szablonu

Rozbudowując mój poprzedni wpis na temat szybkiego startu w Frameworku Laravel Szybki start z Laravel 5.4 chciałbym zaproponować kolejny cykl, w którym zbudujemy od podstaw konkretną aplikację – wypożyczalnię sprzętu wodnego. Aplikacja opierać się będzie na Laravel 5.4, przy czym panel zarządzający spróbujemy wykonać w Angular 5 – w tym celu potrzebować będziemy chociaż szczątkowego API. Zaczniemy jednak od tego, co widzieć będą nasi klienci., a sam panel administracyjny zostawimy na koniec. Do dzieła!

Continue reading

Struktura aplikacji w Laravel 5

Witam po krótkiej przerwie w tworzeniu poradnika dla Laravela. Dzisiejszy wpis chciałbym poświęcić projektowaniu, czy zaplanowaniu tak trywialnej czynności jaką jest obsługa formularza.

Problem wydaje się banalny i przy tym został już opisany w poprzednich wpisach o Laravelu. Mimo wszystko, poprzednie wpisy miały za zadanie zajmować się czysto funkcjonalnym podejściem, dziś chciałbym skupić się jak te elementy aplikacji typu CRUD można ułożyć, by było czysto, by można było łatwo naszą aplikację rozbudować, a przede wszystkim gruntownie zautomatyzować testy. W tym odcinku, z premedytacją nie podaję całego kodu, nie próbuję tworzyć gotowej aplikacji, a wręcz celowo będę stosował więcej pseudokodu. Chcę by wpis był raczej opisem struktury prostej aplikacji crudowej, a nie jego kompletnym przykładem. 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