CF

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.io

egghead.io thumbnail

egghead.io is a US-based subscription video platform focused on short, focused screencasts on JavaScript ecosystem topics. Founded in 2012 by John Lindquist (a Google Developer Expert) and run by Joel Hooks, egghead pioneered the short-screencast format that most modern developer-education platforms now use — courses are typically broken into 2-5 minute lessons that each cover one specific concept or API.

The instructor roster includes many of the most cited names in the JavaScript ecosystem — Kent C. Dodds (whose Testing JavaScript launched on egghead before EpicWeb.dev), Andrew Del Prete, Hannah Davis, Lukas Ruebbelke, Tomasz Łakomy, Andy Van Slaars, and many others. Course material covers React, Next.js, TypeScript, Node.js, GraphQL, Vue, the testing tracks, RxJS / observables, and a long list of smaller libraries and tools.

The CourseFlix listing under this source carries over 20 egghead courses spanning that range. Material is paid; egghead itself runs on a monthly / annual subscription on the original platform. The bite-sized format suits developers learning incrementally during work hours rather than committing to multi-hour video sessions.

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

Related courses

Frequently asked questions

What is Using Angular 2 Patterns in Angular 1.x Apps about?
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…
Who teaches this course?
It is taught by egghead.io. You can find more courses by this instructor on the corresponding source page.
How long is the course?
It contains 13 lessons with a total runtime of 1 hour 3 minutes. Every lesson is available to watch online at your own pace.
Is it free to watch?
It is part of CourseFlix's premium catalog. A subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch it online?
The course is available to watch online on CourseFlix at https://courseflix.net/course/using-angular-2-patterns-in-angular-1-x-apps. The page hosts every lesson with the integrated video player; no download is required.