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
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 |
Comments
0 commentsSimilar courses
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
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
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
Want to join the conversation?
Sign in to comment