Automatyczny deploy aplikacji Angular na Heroku

Proces deploymentu, to dla deweloperów temat rzeka. Mamy obecnie wiele możliwości oraz wiele gotowych rozwiązań. W tym wpisie zademonstruję jak wykonać deploy aplikacji napisanej przy użyciu frameworka Angular na Heroku. Przygotowanie Na początku musimy trochę zmodyfikować package.json, który został wygenerowany za pomocą Angular CLI. Nasza aplikacja będzie budowana bezpośrednio na serwerze Heroku, dlatego musimy przenieść Czytaj więcej

 

Migracja do Angular4

Nowy Angular żyje i ma się nad wyraz dobrze. Efektem było wypuszczenie nieco ponad miesiąc temu wersji 4.0.0, z kolei zaledwie przedwczoraj wyszła wersja 4.1.0. W tym wpisie omówimy po krótce nową wersję oraz przeprowadzimy migrację z wersji Angular2 do Angular4. Angular4 – co nowego? Mniej znaczy szybciej Projektanci frameworka postawili sobie za cel przyspieszenie oraz zredukowanie Czytaj więcej

 

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

 

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

 

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

 
Współpraca:
Polski Front-End