AngularJS for Beginners

$49.99 $29.00

Create flawless Single Page Applications with Angular JS! This AngularJS for Beginners training is a crash course to get you up to speed with this widely used framework. Grasp the basic concepts of AngularJS and its main features, and get functional examples throughout to compound your learning – giving you the opportunity to put it to practical use.

Length: 3 hrs

This title is available in the
Total Training All-Access library.

Subscribe Now


HTML works perfectly fine as far as static documents are concerned. If a web application requires dynamic views however, it’s less than ideal. That’s where AngularJS comes in – an open-source framework that extends HTML vocabulary for you application, resulting in intuitive, expressive single page applications. For an AngularJS crash course to get you up to speed with this widely used framework, look no further.

Create flawless Single Page Applications with Angular JS for Beginners!

  • Learn framework fundamentals for AngularJS projects
  • Apply your knowledge to real world uses
  • Build towards creating your own Web and Hybrid applications
  • Gain insight into working with MVC architecture
  • Build frameworks with a versatile, cutting edge toolset

Although only officially released in 2012, AngularJS has taken the world by storm thanks to official support from Google, a community of developers constantly improving it, and some of the internet’s biggest websites making use of it. One of its best features is its data binding; dynamic views are automatically updated whenever a model changes, and vice versa. Furthermore, it combines the benefits of deep linking with desktop app-like behaviors, allows you to invent new HTML syntax and is designed to be testable. The result is simplified development and testing of applications and, ultimately, faultless single page and hybrid applications.

Course Overview

This AngularJS crash course is aimed at those who already have a basic understanding of HTML, CSS and Javascript, but who may have limited experience of AngularJS projects. With 3 hours of content, it’s a fast and efficient way to get yourself up to speed with this framework and start using it in the real world.

This course will allow you to grasp the basic concepts of AngularJS and its main features. You’ll be provided with functional examples throughout to compound your learning, giving you the opportunity to put it to practical use.

After an overview of environment setup and MVC architecture, you’ll get to grips with the more complex attributes of AngularJS, including modules and dependency injection, controllers, expressions, directives, scopes, filter, routing, and two-way data binding.

From Section 4 onwards, you’ll build up a framework for your own dynamic app using bootstrap layouts, filters, list routing and setting parameters. You’ll learn how to add useful functions like adding, updating and deleting elements, form validation and more. You’ll even tackle debugging with Chrome console and add custom directives to make your HTML as readable as it can be.

By the end of the course, you will be confident enough to begin your own AngularJS projects, using the framework for creating web and hybrid applications of your own. You will have solidified your understanding of the AngularJS language and will be more than capable of putting to real world use with immediate effect.

Your instructor has been programming for over 10 years, including web design, games, and apps. He uses AngularJS heavily in conjunction with the ionic framework.

Sample clip


CHAPTER 01: Course Introduction
Course Overview (3:12)
Final Project Demo (3:00)

CHAPTER 02: Introduction to Angular
Intro To Section 2 (1:01)
Overview of Angular (3:04)
Environment Setup (4:36)
MVC Architecture (3:12)
Section 2 Recap (0:39)
Section 2 Quiz

CHAPTER 03: Angular Core Features Overview
Intro to Section 3 (0:47)
Modules And Dependency Injection (4:24)
Controllers (5:02)
Expressions (4:01)
Two Way Data Binding (3:11)
Directives (5:02)
Services (4:26)
Scopes (2:29)
Filters (3:07)
Routing – Setup (3:32)
Routing – Implementation (5:41)
Section 3 Recap (1:01)

CHAPTER 04: Intro To Grocery List App
Intro to Section 4 (0:52)
Grocery List Bootstrap Layout (4:33)
Listing Grocery List Using ng-repeat (4:01)
Beautifying Our List With Filters (2:14)
Section 4 Recap (0:58)

CHAPTER 05: Easy Navigation In Grocery List Using Routing
Intro to Section 5 (1:01)
Setting Up Grocery List Routing (3:15)
Implementing Grocery List Routing (4:04)
Routing Parameters (3:15)
Section 5 Recap (0:44)

CHAPTER 06: Adding, Updating & Deleting Grocery Items
Intro to Section 6 (1:58)
Abstracting Grocery Items Using Services (3:42)
Adding Grocery Items (4:21)
Debugging App Using Chrome Console (3:43)
Generating Unique Grocery Entry ID’s (6:15)
Updating Grocery Items – Part 1 (5:03)
Updating Grocery Items – Part 2 (7:09)
Form Validation (5:12)
Deleting Grocery Items (3:30)
Adding Custom Directives – Making Our HTML More Readable (3:25)
Marking Grocery Items As Completed With ng-class (5:13)
Section 6 Recap (2:15)

CHAPTER 07: Connecting Our App To The Cloud
Intro to Section 7 (0:54)
Loading Entries (6:55)
Creating Entries (4:33)
Updating Entries (3:48)
Deleting Grocery Items (4:02)
Section 7 Recap (1:06)

CHAPTER 08: Conclusion
Course Recap and next steps (3:37)
Additional Resources (5:21)
Closing Message (1:02)

You may also like…