Angular2 – HTTP – wysyłanie danych – @angular/http

Wysyłanie danych w Angular2 jest możliwe dzięki metodzie post() z pakietu http. W tym wpisie wykorzystamy reaktywny formularz stworzony wcześniej i wyślemy dane na backend naszej aplikacji. Wysyłanie danych – http.post() Do wysłania danych użyjemy metody post() z poznanego już pakietu http. post(url: string, body: any, options?: RequestOptionsArgs): Observable<Response> Post składa się z trzech parametrów: url, body Czytaj więcej

 

CORS – golang – gorilla/handlers

Dzisiejszy wpis został wymuszony przez zaistniałą sytuację. Powrócił bowiem jak bumerang problem, który zignorowałem wcześniej. Stąd też rozprawka zatytułowana: CORS – golang, która jest opisem problemu z Cross-Origin Resource Sharing na serwerze w języku Go. Trochę teorii CORS (Cross-Origin Resource Sharing) to technologia pozwalająca na wykonywanie asynchronicznych zapytań do każdego miejsca w sieci. Warunek jest jeden, musimy dostać zgodę Czytaj więcej

 

Angular2 – Reactive Forms – tworzenie formularza reaktywnego

W poprzednim wpisie dowiedzieliśmy się czym są reaktywne formularze. Czas na wprowadzenie teorii w życie. W tym krótkim wpisie dowiemy się, że tworzenie formularza reaktywnego nie jest tak skomplikowane, jak nam się wydaje. Przygotowanie Na początku przygotujmy sobie miejsce, gdzie stworzymy nasz formularz. Do przygotowania struktury użyjemy komendy Angular CLI: ng g c product/product-form. W katalogu product, został Czytaj więcej

 

Angular2 – Reactive Forms – wprowadzenie do formularzy

Angular2 pozwala nam na stworzenie dwóch rodzajów formularzy: reactive forms (zwane też model-driven forms) i template-driven forms. Oba rodzaje znajdują się w bibliotece @angular/form. W tym wpisie przyjrzymy się pierwszej z technik tworzenia formularzy, czyli reactive forms. Reactive forms Reactive forms, jak sama nazwa wskazuje wspomagają reaktywny styl budowania aplikacji. Formularze tworzy się w wygodny i szybki sposób. Łatwo Czytaj więcej

 

Shopping Manager – jadłospis, produkt, przepis

Do usystematyzowania pracy nad projektem Shopping Manager, należy w tym momencie sprecyzować, jak będą wyglądać kluczowe elementy naszego systemu. W tym krótkim wpisie zastanowię się jakie pola powinien mieć jadłospis produkt oraz przepis. Planowanie Aplikacja Shopping Manager powinna pozwolić użytkownikowi na określenie budżetu tygodniowego. Na tej podstawie powinien być generowany jadłospis. Jadłospis zawiera zbiór przepisów, a każdy Czytaj więcej

 

Angular2 – HTTP – pobieranie danych – @angular/http

W poprzednim wpisie utworzyliśmy aplikację w Angular2 z pomocą Angular CLI. W tym wpisie stworzymy prosty serwis do pobierania danych z API oraz wyświetlimy wynik naszej pracy w przeglądarce. Do komunikacji wykorzystamy paczkę Angular2 – HTTP (@angular/http). HTTP Module Http Module nie należy do rdzenia Angular2. Jest dodatkowym modułem wykorzystywanym do komunikacji w sieci. Aby go wykorzystać należy zaimportować Czytaj więcej

 

Angular 2 – Angular CLI – pierwsze kroki

Szybki i przyjemny frontend aplikacji internetowej, to marzenie wielu deweloperów. Na przeciw oczekiwaniom programistów wyszedł Google, z produktem Angular CLI. Dedykowany command-line interface ma jedno zasadnicze zadanie, przyspieszyć i maksymalnie uprościć pracę w standardowych czynnościach związanych z tworzeniem i zarządzaniem projektem. Instalacja Angular CLI Pierwszy etap pracy z Angular CLI, to globalne zainstalowanie paczki @angular/cli przez npm: npm Czytaj więcej

 

HTTP methods z Go i MongoDB – część 3 – PUT i DELETE

W poprzednich dwóch częściach cyklu nauczyliśmy się tworzyć produkty, pobierać listę produktów oraz pojedynczy produkt za pomocą ID. Poniższy wpis zademonstruje, w jaki sposób możemy zaaktualizować produkt oraz jak go usunąć, czyli poznamy metody PUT i DELETE. HTTP methods – PUT Aktualizacja produktu Do aktualizacji produktu wykorzystamy wiedzę, którą zdobyliśmy do tej pory – czyli Czytaj więcej

 

Shopping Manager mockup

Pracuję efektywnie, jeśli mam jasno sprecyzowane cele i wymagania. Najwyższy czas skupić się nad logiką aplikacji. Poniższy wpis, to pseudo makieta konkursowego projektu Shopping Manager. Shopping Manager – Funkcjonalność Aplikacja Shopping Manager ma na celu pomoc w racjonalnym robieniu zakupów spożywczych, optymalizację wydatków finansowych związanych z żywieniem oraz łatwym i przejrzystym zarządzaniem listą zakupową oraz budżetem Czytaj więcej

 

HTTP methods z Go i MongoDB – część 2 – GET

Dobrze zaplanowana praca, to podstawa. W poprzedniej części HTTP methods, nauczyliśmy się tworzyć produkty, za pomocą metody POST. W tym wpisie czas na pobieranie listy produktów oraz pojedynczego produktu po ID. Dzięki tym trzem endpointom będziemy mogli skutecznie i efektywnie rozpocząć pracę nad front-endem naszej aplikacji. HTTP methods – GET Do pobierania elementów z bazy MongoDB użyjemy Czytaj więcej

 
Współpraca:
Polski Front-End