Deploying AngularJS

Application development and deployment made easy with Angular.JS and Heroku.

Angular.JS does exactly what it says on the box - it extends HTML to what it should be for web applications. It allows users to create applications quickly with great architecture backing it up and provides testing support, which shouldn't be underestimated. Angular.JS also has a great community surrounding it, justifying its popularity.

Gulp and Node.JS are technologies that make the life of any frontend developer easier by allowing them to automate tedious tasks. Think of SASS compilation, minifying your code, and so on, all happening automatically, and at the speed of light using our build system in Gulp.

Heroku is a cloud application platform that allows us to easily deploy our application to the web and scale it according to our needs. Heroku allows us to focus on writing code instead of worrying about server infrastructure.

Angular.JS makes developing frontend web applications a breeze, while Gulp and Node provide an optimized and stable production version to deploy on Heroku, making application development hassle free.

Deploying Angular.JS is aimed at providing best practices and the most modern tooling methods available for creating and deploying an Angular.JS application. Not only will your applications be simple and elegant, the development and deployment will also be blazingly fast.

We start by outlining the application idea, then developing it, and finally deploying our app to Heroku. Before we begin, we’ll prepare our development environment and our build system. After everything is up and running, we’ll get started by constructing the supporting services that form the skeleton of our application. Then, we use those services to flesh out the app. Later, we make sure our application is optimized for production, and we deploy it to Heroku.

This video course will help you develop and deploy your Angular.JS applications in a short but sweet, no-nonsense approach.

Thomas Tuts is a web developer who is completely in love with JavaScript, HTML, build systems, and AngularJS. He gets a great sense of joy when he’s helping people out with their code or mentoring them. He is an active AngularJS community member on the #angularjs IRC channel, usually hanging out to help people when he can. He is currently working as a Software Engineer, developing an application for content marketers to increase their performance.

Basic knowledge

Basic Knowledge of Angular.JS is required

Test your code with Karma to automate the testing process

Use JSHint to lint your code and adhere to best practices

Explore Gulp to serve a BrowserSync server and compile your SASS files

Leverage localStorage to add a basic form of persistence to your application

Prepare the AngularJS code for minification

Optimize CSS and JS assets for production

Add monitoring tools to your application to track possible application errors

Deploy the application to Heroku