CourseFlix

Using Angular 2 Patterns in Angular 1.x Apps

1h 3m 22s
English
Paid

Transform your Angular 1.x applications with modern component-based architecture techniques inspired by Angular 2. In this course, you'll explore Eggly, an Angular 1.x application for organizing bookmarks, and learn to build it using contemporary patterns and practices. Discover how to leverage ES6 in your Angular 1 applications using Babel, and gain a solid understanding of the core patterns for creating a composed modular web application.

Course Overview

This course is designed to help you enhance your existing Angular knowledge, and get your applications ready for the future. Through practical examples and hands-on exercises, you'll seamlessly integrate Angular 2 inspired patterns into your Angular 1.x projects.

Key Learning Outcomes

  • Implement modern component-based architecture in Angular 1.x applications.
  • Utilize ES6 in your Angular 1 projects using Babel.
  • Understand core patterns for composing modular web applications.
  • Prepare your Angular 1.x applications for future developments.

Tools and Technologies

Throughout this course, you'll make use of various tools and technologies, including:

  • Babel for transpiling ES6 in Angular 1 applications.
  • Angular 2-inspired design patterns to enhance Angular 1.x apps.

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