14.04.2017 20:27

AngularJS Fundamentals

Author: Elliot Forbes

AngularJS is a web framework designed and built by Google for the main purpose of building web apps. It provides automatic 2 way data-binding and eliminates the need to manually manipulate the DOM. This is exceptionally useful as it allows developers to focus purely on the business logic behind their applications as opposed to tedious boilerplate code.

The models that angularjs uses are plain old javascript objects, this again makes it far easier to test, maintain and reuse.

Overall it’s a hugely popular framework that has seen a huge rise in adoption in financial institutions and tech companies due to its relative ease of use and the power that it brings to the table.

Who is this Course For?

This course is designed to take someone that has knowledge of Javascript and set them on the right path to creating their own web applications.

You will require:

  • A Text Editor - I recommend Visual Studio Code

Course Content

In this course I’ll be demonstrating the absolute fundamentals to developing applications with AngularJS 1.X. We’ll begin by creating a very simple admin application that will perform multiple tasks such as consuming RESTful APIs, Lazy Loading articles and more.

We’ll begin by creating some very simple Single Page Applications or SPAs and then build up on these until we’ve covered everything you need in order to develop your own web applications using the AngularJS framework.

Factories and Services

In this section we’ll examine how to create and use AngularJS Factories and Services.


AngularJS’s routing functionality gives us the ability to have a single master page in which we dynamically load in the necessary views that we need. In this section we’ll explore the power of the ng-view directive and the $routeProvider service.

An interesting problem that comes up with regards to routing is how to pass data between route changes. Say for instance you want to pass form submission data to the next stage of an application, one of the best and easiest ways to do this is using a storage service. In this tutorial we look at exactly how we can implement this:

AngularJS Promises

In this section of the course we look at how we can effectively use AngularJS’s $q promise service:

Project Structure

The structure you choose for your project is hugely important. Having a clear, consise structure from the get go can help you to no end further down the line. In this section of the course we look at the just how you should structure your angularjs applications so that they can be easily maintained and extended.

Working with AngularJS Component Based Applications

In this section of the course we look at how you can effectively work with an extend angularjs applications that follow a component based architecture. We see how to define our own component, controller and any necessary routes needed for a new page within an existing application.

Automating Your AngularJS Workflow with Gulp

This section of the course looks at the build tools we can use to make our life a little easier as AngularJS devs.

Miscellaneous Tutorials