Side Project

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.
Read more

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.
Read more

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.
Read more

Let's code: Creating functional table with Angular

Offtopic Currently volunteering in organisation called “Erasmus student Network Lithuania”. Working with a team to develop internal HR system. Intro Looking at the requirement - there is a need to display data. A list of users. And some actions which can be done with each of the user. Table is a good way to make data look good. Let’s try to design how could this table look. Basic requirements Table might need to display hundreds of records - pagination No need for selecting rows There will be action buttons in each row to interact with user Inline editing Should look nice (we don’t really care about design, just nice is enough) Filtering Sorting Attempt #1 Using bootstrap - just the markup with some *ngFor magic.
Read more