AngularJS, Part 1 of 2: Getting Started

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.

Each LearnNowOnline training course is made up of Modules (typically an hour in length). Within each module there are Topics (typically 15-30 minutes each) and Subtopics (typically 2-5 minutes each). There is a Post Exam for each Module that must be passed with a score of 70% or higher to successfully and fully complete the course.

Prerequisites

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.

Video Runtime

86 Minutes

Time to complete

255 Minutes

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)