Skip to main content

Using Angular 2 Patterns in Angular 1.x Apps

1h 3m 22s
English
Paid

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.


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

About the Author: egghead

egghead thumbnail
The egghead.io project presents a huge selection of courses and screencasts for developers of all levels and professions.

Watch Online 13 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 13 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introducing Angular 2 Concepts in Angular 1
All Course Lessons (13)
#Lesson TitleDurationAccess
1
Introducing Angular 2 Concepts in Angular 1 Demo
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
Unlock unlimited learning

Get instant access to all 12 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription