Using Angular 2 Patterns in Angular 1.x Apps
|
Learn how to implement modern component-based architecture in your Angular 1.x web application. This course teaches you how to leverage ES6 and Angular to build a composed modular web application. Prepare for the future of Angular while leveraging your existing knowledge.
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.
If you are interested, there is a
that digs deeper into the patterns found in this course and Angular 2.
Course Content
Introducing Angular 2 Concepts in Angular 1
Compile an Angular Application Written in ES6
Create a Top Level Angular Application Component
Structure a Complex Angular Component using Subcomponents
Build an Angular Component Controller Using ES6 Class
Refactor Angular Controller Logic to Services
Use Dependency Injection with ES6 and Angular
Container and Presentation Components Using Angular Component Bindings
Initialize Angular Components with Lifecycle Hooks
Build Lightweight Controllers by Binding to Models in Angular
Isolate State Mutations in Angular Components
Communicate State Changes in Angular with an Event Bus
Test an Angular Component with $componentController
User Reviews
Be the first to review “Using Angular 2 Patterns in Angular 1.x Apps”
You must be logged in to post a review.
There are no reviews yet.