Using Angular 2 Patterns in Angular 1.x Apps

1h 3m 22s
English
Paid
March 17, 2024

Implementing modern component-based architecture in your new or existing Angular 1.x web application is a breath of fresh air. In this course, you are going to take a close look at Eggly, an Angular 1.x application for organizing bookmarks, and build it using modern patterns and practices, inspired by Angular 2's recommended architecture. You will learn how to leverage ES6 in your Angular 1 applications through Babel, and fully understand the core patterns that are used in a composed modular web application.


More

This course will teach you how to leverage your existing knowledge of Angular, while preparing your mind (and applications!) for the future.

Watch Online Using Angular 2 Patterns in Angular 1.x Apps

Join premium to watch
Go to premium
# Title Duration
1 Introducing Angular 2 Concepts in Angular 1 02:43
2 Compile an Angular Application Written in ES6 05:32
3 Create a Top Level Angular Application Component 04:32
4 Structure a Complex Angular Component using Subcomponents 05:14
5 Build an Angular Component Controller Using ES6 Class 03:59
6 Refactor Angular Controller Logic to Services 03:29
7 Use Dependency Injection with ES6 and Angular 03:10
8 Container and Presentation Components Using Angular Component Bindings 06:10
9 Initialize Angular Components with Lifecycle Hooks 03:36
10 Build Lightweight Controllers by Binding to Models in Angular 10:03
11 Isolate State Mutations in Angular Components 08:07
12 Communicate State Changes in Angular with an Event Bus 02:50
13 Test an Angular Component with $componentController 03:57

Similar courses to Using Angular 2 Patterns in Angular 1.x Apps

AngularJS Authentication with JWT

AngularJS Authentication with JWT

Duration 31 minutes 11 seconds
Build an MVP with AngularJS + Firebase by cloning TaskRabbit
AngularJS Pro

AngularJS Pro

Duration 7 hours 23 minutes 55 seconds
AngularJS Performance

AngularJS Performance

Duration 2 hours 52 minutes 22 seconds
AngularJS and Webpack for Modular Applications

AngularJS and Webpack for Modular Applications

Duration 43 minutes 56 seconds
AngularJS Fundamentals

AngularJS Fundamentals

Duration 2 hours 41 minutes 33 seconds