AngularJS + Gulp Skeleton

Build automation for AngularJS projects is indispensable for anyone who works with this amazing and powerful framework. If you are planning to work on new projects using AngularJS, this post is for you. In this article, I am going to show you in a few and simple steps, how to structure a new AngularJS project using GULP.

Tools required:
NPM / Node.js
Any code editor - Visual Studio Code is always a great choice!!!

Step One
Under your project's folder, run the command: "npm init". Before creating the package.json file, this command will ask you a few questions, it's ok if you just press [enter] for all of them.

C:\dev\angularjs-gulp-skeleton>npm init

Step Two
Install AngularJS, Angular Route and Angular UI Bootstrap(optional). Angular UI Bootstrap requires Bootstrap CSS version 3.x or higher.
Font-awesome and JQuery will be also installed just to show you how to configure gulpfile.js when new libraries are installed.
Continue reading

VB.Net WebApi OAuth Token Based Authentication + Angular Login Application - Part 2

After a long time studying to take IELTS exam, and it took me a while, let's continue our post about OAuth Token Based Authentication. In this post we are going to build the frontend, which will be built based on Angular - Angular website- and Bulma, a modern CSS framework based on Flexbox - Bulma website

Tools required:
Node.js - Download Node.js website
Angular CLI - A command line interface for Angular. It will be installed by npm, which is a package manager for Node.js.
Visual Studio Code - or another source code editor.

Before we start, check out my DEMO Login Page - user: admin / password: 123456
Continue reading