Learn By Example: Angular JS

Course Curriculum

Chapter 1: You, This Course And Us

Lecture 1: You, This Course And Us

Chapter 2: Introduction To Angular

Lecture 1: Pure Javascript doesn't cut it anymore

Lecture 2: Why is Angular cool?

Chapter 3: Install And Setup

Lecture 1: Installing Angular

Lecture 2: What are those Angular files all about?

Lecture 3: Npm And Http Server Install

Chapter 4: Basic Overview Of Angular Components

Lecture 1: Conceptual overview

Lecture 2: Example 1: Hello Angular World!

Lecture 3: Example 2: Data Binding

Lecture 4: Example 3: Controllers

Lecture 5: Example 4: Services

Chapter 5: Controllers: Digging Deeper

Lecture 1: Traditional data binding vs Angular data binding: Angular wins hands down!

Lecture 2: So, what exactly is a controller?

Lecture 3: Example 5: Controller holds state and behavior

Chapter 6: Services: Digging Deeper

Lecture 1: So, what exactly is a service?

Lecture 2: Example 6: Lazily instantiated singleton services

Chapter 7: Scopes And Scope Inheritance

Lecture 1: Scopes

Lecture 2: Example 7: Different controllers have different scopes

Lecture 3: Example 8: Nested scopes

Lecture 4: Scope inheritance and hierarchy

Lecture 5: Example 9: Scope inheritance at work

Lecture 6: Scope event propagation

Lecture 7: Example 10: Emit and broadcast events

Chapter 8: Built-In And Custom Directives

Lecture 1: So, what exactly are directives?

Lecture 2: Example 11: The template expanding directive

Lecture 3: Example 12: Using the templateUrl property

Lecture 4: Example 13: Functions in the templateUrl property

Lecture 5: Example 14: Custom directives with the restrict option

Chapter 9: Directives And Isolated Scopes

Lecture 1: Example 15: Using the same directive in different controllers

Lecture 2: Isolated scopes

Lecture 3: Example 16: Understand how isolated scopes work

Chapter 10: Behind The Scenes: $watch, $apply and $digest

Lecture 1: Data binding and $watch(), $apply() and $digest()

Lecture 2: Example 17: The watch list

Lecture 3: The Angular context

Lecture 4: Example 18: The $apply() function and the $digest() loop

Lecture 5: Example 19: Prefer $apply(fn) to $apply()

Lecture 6: Example 20: Use Angular libraries where possible

Lecture 7: Example 21: Watches on objects and collections

Chapter 11: Expressions

Lecture 1: Example 22: Expressions

Lecture 2: Javascript Vs Angular Expressions

Lecture 3: Example 23: One-time binding

Chapter 12: Filters

Lecture 1: Filters

Lecture 2: Example 24: Built In Filters

Lecture 3: Example 25: The orderBy filter

Lecture 4: Example 26: The "filter" filter

Lecture 5: Example 27: Build your own custom filter

Chapter 13: Forms And Validation

Lecture 1: Forms

Lecture 2: Example 28: A simple form

Lecture 3: Example 28 continued: Forms and CSS classes

Lecture 4: Example 29: Forms and the control state

Lecture 5: Example 30: The select options UI control

Chapter 14: Directives: Digging Deeper

Lecture 1: Example 31: DOM manipulating directives

Lecture 2: Example 32: Event listening directives

Chapter 15: Behind The Scenes: Dependency Injection

Lecture 1: Dependency injection

Lecture 2: Example 33: Different ways of injecting dependencies

Lecture 3: Provider recipes – yes that is what it is called

Lecture 4: Example 34: The Provider, Service and Factory recipes

Chapter 16: The Final Stretch

Lecture 1: Modules and Configs

Lecture 2: Example 35: The Http service

Lecture 3: Example 36: Routing and Single Page Applications