What you'll learn

Build intermediate level web applications using the Angular framework
Develop custom directives, filters, services and other Angular components
Understand behind the scenes details of the digest loop, dependency injection and other Angular Constructs

Course content

16 sections • 60 lectures • 6h 48m total length

You, This Course And Us2:07

Conceptual overview9:24
See the big picture, visually. Get familiar with the terms so they don't seem so daunting.
Example 1: Hello Angular World!4:15
Example 2: Data Binding5:39
Data binding in Angular is pure magic, get started with it right away!
Example 3: Controllers10:15
Controllers are the glue which hold the UI and the underlying code together.
Example 4: Services10:00
Services are libraries which can be used anywhere in your Angular application.

Scopes3:55
Every controller has its own scope
Example 7: Different controllers have different scopes11:53
Example 8: Nested scopes7:25
Scope inheritance and hierarchy5:45
The scope hierarchy mimics the DOM hierarchy, understand what that means.
Example 9: Scope inheritance at work7:55
Scope event propagation2:27
Scopes propagate events, upwards to the parent scope and downwards to the child scopes.
Example 10: Emit and broadcast events9:04

Data binding and $watch(), $apply() and $digest()11:21
Understanding how data binding works in Angular is key to writing good code.
Example 17: The watch list3:44
The Angular context11:09
All code runs in the Angular context, this is how Angular keeps 2 way data binding working!
Example 18: The $apply() function and the $digest() loop4:29
Example 19: Prefer $apply(fn) to $apply()4:33
Example 20: Use Angular libraries where possible2:27
Example 21: Watches on objects and collections8:32
Watches can be set up on objects as well as collections, make sure you use the right methods and right parameters!

Requirements

A basic understanding of the Javascript programming language
A basic understanding of web programming, HTML, CSS etc

Description

NOTE: This course uses Angular version 1.5.8 and is not compatible with Angular 2

Angular JS is a complete re-imagination of how web applications should be built. It takes best practices, learnt the hard way, and makes them super simple for everyone to use. Learn by example, in small easy-to-digest bits.

Let's parse that.

A complete re-imagination: Angular introduces a whole bunch of new concepts, which seem daunting but you'll soon find that they are essential building blocks, your applications *just work*, are long-lived and easy to maintain

Best practices made super simple: The model-view-controller design pattern, dependency injection, view-agnostic code, testability - Angular sets up structures which ensure that developers write code the right way

In this course, we will learn by example. Each example is self-contained, has its source code attached, and gets across a specific Angular use-case. Each example is simple by itself, but they come together as building blocks to build complex use cases.

What's included in this course:

Installing and setting up a basic web server with Angular libraries

Angular basics: Templates, controllers, directives, scopes, services, filters, expressions and data binding

Angular in-depth: Custom directives for template expansion and DOM manipulation, scope inheritance and isolated scopes, custom filters and comparators, forms and validation, routing and single page applications

Angular behind the scenes: The $watch list, $apply function and the $digest loop, dependency injection and service recipe types

Who this course is for:

Yep! Students who understand Javascript and have built simple web applications
Nope! Students who have not been exposed to any kind of web programming

What you'll learn

Explore related topics

Course content

You, This Course And Us1 lecture • 2min

Introduction To Angular2 lectures • 20min

Install And Setup3 lectures • 15min

Basic Overview Of Angular Components5 lectures • 40min

Controllers: Digging Deeper3 lectures • 23min

Services: Digging Deeper2 lectures • 14min

Scopes And Scope Inheritance7 lectures • 48min

Built-In And Custom Directives5 lectures • 31min

Directives And Isolated Scopes3 lectures • 20min

Behind The Scenes: $watch, $apply and $digest7 lectures • 46min

Requirements

Description

Who this course is for: