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)