Migrating to Angular 2 - Second Edition [Video]

Migrating to Angular 2 - Second Edition [Video]

This video is included in a Mapt subscription
Alain Chautard

Transition AngularJS applications effectively and elegantly to Angular 2
$0.00
$37.50
$29.99p/m after trial
RRP $124.99
Subscription
Video
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 4,000+ eBooks & Videos
  • 40+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Code Files
Preview in Mapt

Video Details

ISBN 139781787124042
Course Length1 hours 33 minute

Video Description

Angular 2 is a technical and conceptual overhaul of its hugely popular predecessor, AngularJS. This means that for developers who have built and maintained applications with AngularJS, and need to transition projects across to Angular 2, there needs to be an effective plan of action. Implementing a migration path for projects has been a major talking point in itself leading up to the release of Angular 2, and a critical concern for developer teams transitioning code across to take advantage of the new framework. Angular is a complete solution for rapid front-end development. No other plugins or frameworks are necessary to build a data-driven web application.

This course demonstrates how to apply an effective migration plan for transitioning Angular 1.x projects to Angular 2. Opening with an introduction to the major changes and additions brought by the new framework, we quickly scope out a plan to a migrate a sample weather application from its original Angular 1.x code base.

We then explain how to migrate blocks of code incrementally, as opposed to porting code in bulk, and give you a brief introduction to Typescript and ECMAScript 6. Throughout we’ll show you how to gradually deprecate $scope, upgrade services, work with the component router, transition forms, and more.

By completion of this course, you will be rapidly up to speed with the fundamental building blocks of Angular 2 development, and fully capable (and confident) transitioning existing Angular 1.x projects to the new environment, ready to explore everything the new Angular has to offer.

Style and Approach

This course is focused and practical, and demonstrates how to migrate an example application from Angular 1.x to Angular 2. For developers who want real world advice on how to upgrade Angular projects this delivers tangible examples with best practices approved by the Angular core team, in a fast, digestible way.

Table of Contents

Introducing Angular 2
The Course Overview
Looking at What's New in Angular 2
Keeping Up with the Latest Angular 1.x Is Important
Presenting Our Sample Project
Planning Your Migration to Angular 2
Migrating Incrementally Is the Way to Go
Let's Use the Latest Angular 1.x First
What Are TypeScript and ES6?
Preparing Our Development Environment
Getting Your Angular 1.x Application Ready for Angular 2
Cleaning Up Your $scopes
Making Components, Not Controllers
Using the Latest UI Router
Using TypeScript Classes for Our Services
Using TypeScript in Our Controllers
The Switch to Angular 2
Upgrading Our 1.x Services to Angular 2
Switching Our 1.x Components to Angular 2 Components
Switching Our 1.x Controllers to Angular 2 Components
Using the New Angular 2 Component Router
Solving Complex Migration Cases
Angular 2 in the Long Run
Best Practices for Angular 2
The Future of TypeScript and ES6
Taking Angular 2 Further
Learning TypeScript and Components

What You Will Learn

  • Familiarize yourself with Angular 2's new syntax and its change detection mechanism
  • Plan and migrate code incrementally and avoid bulk migration
  • Use the ng-upgrade library to facilitate the migration process
  • Understand how to work with the new component router
  • Switch and upgrade services, directives and forms to their Angular 2 equivalents
  • Introduce yourself to ECMAScript 6 and start incorporating TypeScript classes
  • Follow best practices recommended by the Angular core team for migrating projects

Authors

Table of Contents

Introducing Angular 2
The Course Overview
Looking at What's New in Angular 2
Keeping Up with the Latest Angular 1.x Is Important
Presenting Our Sample Project
Planning Your Migration to Angular 2
Migrating Incrementally Is the Way to Go
Let's Use the Latest Angular 1.x First
What Are TypeScript and ES6?
Preparing Our Development Environment
Getting Your Angular 1.x Application Ready for Angular 2
Cleaning Up Your $scopes
Making Components, Not Controllers
Using the Latest UI Router
Using TypeScript Classes for Our Services
Using TypeScript in Our Controllers
The Switch to Angular 2
Upgrading Our 1.x Services to Angular 2
Switching Our 1.x Components to Angular 2 Components
Switching Our 1.x Controllers to Angular 2 Components
Using the New Angular 2 Component Router
Solving Complex Migration Cases
Angular 2 in the Long Run
Best Practices for Angular 2
The Future of TypeScript and ES6
Taking Angular 2 Further
Learning TypeScript and Components

Video Details

ISBN 139781787124042
Course Length1 hours 33 minute
Read More

Read More Reviews

Recommended for You

Migrating to Angular 2 [Video] Book Cover
Migrating to Angular 2 [Video]
$ 74.99
$ 22.50
Learning Angular components - Second Edition [Video] Book Cover
Learning Angular components - Second Edition [Video]
$ 124.99
$ 37.50
Web Development with Bootstrap 4 and Angular 2 - Second Edition Book Cover
Web Development with Bootstrap 4 and Angular 2 - Second Edition
$ 39.99
$ 34.00
Angular 2 Solutions - Intermediate Concepts [Video] Book Cover
Angular 2 Solutions - Intermediate Concepts [Video]
$ 124.99
$ 37.50
Angular 2 Solutions - Advanced Concepts [Video] Book Cover
Angular 2 Solutions - Advanced Concepts [Video]
$ 124.99
$ 37.50
Camtasia 8 Masterclass: Video Editing - Beginner To Advanced [Video] Book Cover
Camtasia 8 Masterclass: Video Editing - Beginner To Advanced [Video]
$ 69.99
$ 21.00