Let's code: CRUD in Angular with unit tests

Introduction CRUD application we are going to implement will have some additional complexity you might expect: import/export data save/load chunks data lazy data processing pagination tests This project’s source code is in github - https://github.com/benetis/angular-advanced-crud p.s some of code parts are not in sync going down - so I advise to also fork github repo and check code yourself Requirements & Task itself Aside of the stuff we mentioned above - we obviously will be implementing CRUD operations....

May 14, 2017 · 9 min · 1740 words · Me

Let's code: Authentication in Angular #2 : Auth service

Introduction This is part two of Authentication in Angular series. This one is about building authentication part to handle OAuth calls for us. You can find first post here: https://benetis.me/posts/angular-authentication/ We will be using redux with our angular project to help us handle side effects. https://github.com/ngrx/store Our setup - angular-cli 1.0 + Angular4 (Angular 4.1) Aims After user clicks login - we need to call OAuth endpoint to get access and refresh tokens which we will store in local storage Show errors for user We want to store tokens in our redux store so they are easily accessible and can be added as headers to our api requests Login Ah, the login....

May 10, 2017 · 7 min · 1357 words · Me

Let's code: Authentication in Angular #1 - creating login form

Introduction Login form - a gate though which user logs into application. If it is working well - you don’t notice it - if it is bad - it will always annoy you. Of course it is not only UX/UI problem - there are security implications on server side also. But we will keep these concerns beyond this post scope. We will have few blog posts on authenticating Angular application. This one will focus on login form....

April 24, 2017 · 6 min · 1142 words · Me

Creating shopping cart with product list in Angular2

Introduction A common scenario - you want a product list with “Add to cart” functionality. Angular can do that - let’s see how effective it is. You can find code in this repository - github Goal 1. Product list with images, color filter, names and currency. We want to create something similar that H&M has. 2. Details of item 3. Shopping cart view To view the details and remove items from it....

February 11, 2017 · 12 min · 2396 words · Me

Angular 2 is cool. So is Typescript

Introduction Angular framework for building applications. Let’s do a review over its important parts. Language of choice - Typescript Angular was written in Typescript. As for Dart - Typescript was easily transpiled to Dart and that is how Dart version was maintained. It’s just that Typescript code required some things for Dart version to work. At some point (this summer) - Angular team decided to split Angular Dart project to a separate one for better or worse....

November 24, 2016 · 8 min · 1582 words · Me