Using Angular 2 Patterns in Angular 1.x Apps

1h 3m 22s
English
Paid

Course description

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.


Read more about the course

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

Watch Online

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

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

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

AngularJS and Webpack for Modular Applications

AngularJS and Webpack for Modular Applications

Sources: egghead
How much work would it take for you to move all of your directives and their templates to several different new directories? You'd have to update the templateUrl, script tags, e...
43 minutes 56 seconds
AngularJS Performance

AngularJS Performance

Sources: ultimatecourses.com
Performance tuning for fast AngularJS. Master the internal workings and build blazing fast apps. Learn how to write highly performant AngularJS apps and master the internal work...
2 hours 52 minutes 22 seconds
Build an MVP with AngularJS + Firebase by cloning TaskRabbit

Build an MVP with AngularJS + Firebase by cloning TaskRabbit

Sources: Code4Startup (coderealprojects)
TaskRabbit is an online and mobile marketplace that allows users to outsource small jobs and tasks to others in their neighbourhood. Users name the task they need done, name the...
3 hours 31 minutes 43 seconds