Add a preloader to your website using AngularJS

Don’t you just hate it when you go to a website, and there is just a blank widget or section of the page! Initially one thinks the page is broken, until a few seconds later when the content actually loads up. This is not great in terms of UX, and there are ways to avoid this with AngularJS (and other libraries of course) to provide a much better experience to your visitors.

How to build more advanced paging with AngularJS

Last week I wrote an article on how to implement simple paging capabilities on a data table with AngularJS (highly recommend you read that article first), today we will further improve our code from last week.

We will implement slightly more advanced paging, with page numbers and the lot! Again, we’ll be using Bootstrap for the front-end markup.

How to build simple paging with AngularJS

AngularJS has taken the web development world by storm, and rightly so! After grasping the basics of working with Angular, front-end development becomes really easy and enjoyable.

In this post, we are going to see how we can code simple paging capabilities on a table of data. To save time and demonstrate code functionality I tend to always use Bootstrap in my projects. This way I can code quickly and not worry that my code will look terrible. My data table shown below is simply a User Availability table, showing who is on holiday today.