LinkedIn Learning
Free Trial Available
English
Certificate Available
1-2 hours worth of material
selfpaced
Overview
Learn how to modernize an existing Angular 1.x app by upgrading to Angular 1.6.
Introduction
- Welcome
- What you should know
- Exercise files
- What is modern Angular 1?
- Decide to upgrade an existing app
- Overview of steps ahead
- Upgrade to Angular 1.6
- Remove standalone controllers
- Wrap controllers in directives
- Isolate scopes of directives
- Use directives as route targets
- Benefits of controllerAs syntax
- Convert a controller’s code
- Convert a controller’s template
- $scope.$watch and controllerAs
- Introduction to components
- Building block of components
- Compare directives and components
- Convert a directive
- Perform setup in `$onInit`
- Use `$onChanges` to sync binding changes
- Replace deep watches with `$doCheck`
- Clean up with `$onDestroy`
- `$postLink` and `$element`
- Use `require` to pass dependencies
- One-way binding vs. two-way binding
- Convert two-way binding to one way
- One-way data flow and immutability
- Use componentController
- Test $onChanges
- Next steps
Syllabus
Introduction
- Welcome
- What you should know
- Exercise files
- What is modern Angular 1?
- Decide to upgrade an existing app
- Overview of steps ahead
- Upgrade to Angular 1.6
- Remove standalone controllers
- Wrap controllers in directives
- Isolate scopes of directives
- Use directives as route targets
- Benefits of controllerAs syntax
- Convert a controller’s code
- Convert a controller’s template
- $scope.$watch and controllerAs
- Introduction to components
- Building block of components
- Compare directives and components
- Convert a directive
- Perform setup in `$onInit`
- Use `$onChanges` to sync binding changes
- Replace deep watches with `$doCheck`
- Clean up with `$onDestroy`
- `$postLink` and `$element`
- Use `require` to pass dependencies
- One-way binding vs. two-way binding
- Convert two-way binding to one way
- One-way data flow and immutability
- Use componentController
- Test $onChanges
- Next steps
Taught by
Aviv Ben-Yosef
