Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Using Angular 2 Patterns in Angular 1.x Apps

via egghead.io

Overview

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 companion guide that digs deeper into the patterns found in this course and Angular 2.

Syllabus

  • 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

Taught by

Lukas Ruebbelke

Reviews

4.3 rating at egghead.io based on 12 ratings

Start your review of Using Angular 2 Patterns in Angular 1.x Apps

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.