Aviv Ben-Yosef kicks off the course by explaining what's different in Angular 1.6, as well the different motives for upgrading. Next, he walks through how to safely upgrade an existing app. He covers going from controllers to directives, as well as component lifecycle hooks. He also goes into the architectural changes in Angular, such as one-way data flow and immutability. To wrap up, he discusses how to properly test components.
- Deciding to upgrade an existing app
- Upgrading to Angular 1.6
- Removing standalone controllers
- Using directives as route targets
- Converting a controller's code
- Converting a controller's template
- Comparing directives and components
- Converting a directive
- Reviewing the concept of one-way binding
Skill Level Intermediate
- [Instructor] Angular 1 has changed radically in its latest versions, making older apps feel like legacy code. Do you have an existing Angular app that could use some modernizing? Would you like to get your app in shape without having to stop everything for a grand rewrite? How about getting your app ready for a future migration to Angular 2. That's what this course is all about. Hi, I'm Aviv Ben-Yosef, and I've been consulting and developing in Angular for over four years. In this course, I will show you how to upgrade an existing Angular 1.XF to the latest Angular 1.6.
I will start by introducing the new concept and explaining the reasoning for the changes in the framework. Then, I will go over the necessary steps to upgrade an existing app in a safe manner going from controllers for directors and finally, to state of the art components. I will also cover the architectural changes that Angular 1.6 pushes for, including one-way data flow and immutability. And finally, I will also discuss how to properly unit test components.
We've got a lot to cover, so let's get started with upgrading to Angular 1.6.
AngularJS 1: Building a Data-Driven Appwith Ray Villalobos2h 15m Intermediate
1. Controllers to Directives
2. Use controllerAs
Convert a controller’s code1m 57s
3. Directives to Components
4. Component Lifecycle Hooks
5. One-Way Data Binding
6. Testing Components
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.