Learn your way! Get started

AngularJS, Part 1 of 2: Getting Started

with expert John Culviner


Watch trailer


Course at a glance

Included in these subscriptions:

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

Release date 6/2/2014
Level Intermediate
Runtime 1h 26m
Closed captioning Included
Transcript Included
eBooks / courseware Included
Hands-on labs N/A
Sample code Included
Exams Included


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.

Prerequisites

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

Learning Paths

This course is part of the following LearnNowOnline SuccessPaths™:
JavaScript Frameworks

Meet the expert

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



Introduction

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)

Commands

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)