Deploying AngularJS – Packt Publishing

Salepage link: At HERE. Archive:

Deploying AngularJS

Application development and deployment made easy with AngularJS and Heroku

Application development and deployment made easy with AngularJS and HerokuAbout This Video

Create an easy-to-understand and flexible build system for your application using GulpJS

Deploy to Heroku and add monitoring tools for error tracking

Beginner-friendly introduction to writing tests and utilizing best practices

In Detail

AngularJS 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. AngularJS also has a great community surrounding it, justifying its popularity.

Gulp and NodeJS 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.

AngularJS 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 AngularJS is aimed at providing best practices and the most modern tooling methods available for creating and deploying an AngularJS 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 AngularJS applications in a short but sweet, no-nonsense approach.

Course Curriculum

Setting Up

• Technical Requirements (4:20)
• Scaffolding of the Project (4:13)
• A Sneak Peek of the Final Application (1:33)

Preparing Our Development Environment

• Code Testing with Karma and JSHint (6:58)
• Building the BrowserSync and SASS Workflow (5:14)

Constructing the Supporting Services

• The Storage Service (4:36)
• The Animals Service (6:48)

Building the Arena

• Generating the Matchup (4:04)
• Calculating the Animal’s Score (6:14)
• Fighting the Match (4:34)

Generating the Match

• Generating a Matchup in the Arena View (5:47)
• Creating the Animal and Terrain Card Directives (3:56)
• Fighting the Match with Our Animal (7:31)
• Adding the Dashboard View (6:12)

Deploying to Heroku

• Adding Monitoring Tools (2:11)
• Building the Production Version (12:52)
• Serving Our Application on Heroku (6:53)

Wrapping It Up

• Conclusions, Links, and References (2:13)
• Troubleshooting and Future Steps (1:26)