Learn your way! Get started

AngularJS, Part 1: Getting Started

with expert John Culviner

Watch trailer

AngularJS, Part 1: Getting Started Trailer

Course at a glance

Included in these subscriptions:

  • Dev & IT Pro Video
  • Dev & IT Pro Power Pack
  • Power Pack Plus

Release date Release date 6/2/2014
Level Level Intermediate
Runtime Runtime 1h 26m
Platform Platform Major browsers on Windows Major browsers on Windows Major browsers on Mac OSX Major browsers on Mac OSX Mobile Devices Mobile Devices
Closed captioning Closed captioning Included
Transcript Transcript Included
eBooks / courseware eBooks / courseware Included
Hands-on labs Hands-on labs N/A
Sample code Sample code Included
Exams Exams Included

Enterprise Solutions
Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More

Course description

In this course we’ll learn about what AngularJS is and what it brings to the table. Then you will see why it is such a robust framework for building out web applications big and small comparing it to other competing frameworks. Finally we’ll draw on my personal experiences with it and competitors to filter out the buzz and help you make the best choice when choosing a new client side application framework. Next we’ll start out learning the basics of AngularJS with a very simple ‘hello world’ type example. Then you’ll see how the simple example is working under the covers, discussing scope and directives. After this we’ll add additional complexity to the application that requires a controller and you’ll see what is happening there as well. In an effort to further improve the user experience of our application we’ll discuss and use filters for better UX and ng-form for validation.


This course assumes that the users have an understanding of developing web applications using HTML, ASP.NET, and JavaScript in any development environment.

Meet the expert

John Culviner John Culviner is an Independent Software Consultant specializing in JavaScript and .NET. He works extensively with AngularJS and .NET, and is a JavaScript single page application guru. John enjoys diving into new technology and finding ways to push the limits of the web. He is an author of the open source library AngularAgility, and enjoys sharing his development experiences as a speaker, instructor, and blogger.

Course outline


What is AngularJS (24:41)
  • Introduction (00:22)
  • What is AngularJS? (05:09)
  • Why Should I Care? (01:45)
  • Angular.js #1 (00:15)
  • Why Care? - Google Trends (01:14)
  • Why Care? - GitHub Stats (02:22)
  • Angular.js vs Other Libraries (02:19)
  • Angular.js vs jQuery (01:37)
  • Angular.js vs Backbone.js (02:47)
  • Angular.js vs Knockout (04:26)
  • Angular.js vs Ember (02:09)
  • Summary (00:10)
Pros and Cons of AngularJS (23:31)
  • Introduction (00:28)
  • Why I Like Angular Best (04:28)
  • Why I Didn't Like Angular (02:00)
  • Demo: Simple Example (03:04)
  • Simple Example (03:41)
  • What is Scope? (01:55)
  • What is a Directive? (03:56)
  • What is a Directive? (Cont.) (03:42)
  • Summary (00:14)


Controllers (20:18)
  • Introduction (00:23)
  • Adding with a Controller (00:49)
  • Demo: A Controller - module (04:48)
  • Demo: A Controller - person (02:21)
  • Demo: A Controller – status up (04:56)
  • What is a Controller? (01:11)
  • Directives and Scope (02:20)
  • Demo: Batarang plugin (03:17)
  • Summary (00:09)
Filters (06:02)
  • Introduction (00:19)
  • Fixing with Filters (00:38)
  • Demo: Filters (03:04)
  • What is a Filter? (01:48)
  • Summary (00:10)
Validation (12:18)
  • Introduction (00:14)
  • Validation with ng-form (00:44)
  • Demo: Validation (04:26)
  • What is ng-form? (06:39)
  • Summary (00:13)