by Alain Chautard | Publisher: Packt Publishing | Release Date: March 2016 | ISBN: 9781785885907

Transition AngularJS applications effectively and elegantly to Angular 2 About This VideoMigrate an application built with Angular 1.x to Angular 2Learn about the major syntactical and conceptual changes of Angular 2 Future proof migrated applications with best practices prescribed by the Angular teamIn DetailAngular 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. 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.

1. Chapter 1 : Introducing AngularJS 2
   • The Course Overview 00:02:08
   • Looking at What's New in Angular 2 00:03:45
   • Keeping Up with the Latest Angular 1.x Is Important 00:03:07
   • Presenting Our Sample Project 00:03:39
2. Chapter 2 : Planning Your Migration to Angular 2
   • Migrating Incrementally Is the Way to Go 00:03:40
   • Let's Use the Latest Angular 1.x First 00:04:05
   • What Are TypeScript and ES6? 00:04:04
   • Preparing Our Development Environment 00:05:50
3. Chapter 3 : Getting Your Angular 1.x Application Ready for Angular 2
   • Cleaning Up Your $scopes 00:06:12
   • Making Components, Not Controllers 00:04:32
   • Using the Latest UI Router 00:02:45
   • Using TypeScript Classes for Our Services 00:04:20
   • Using TypeScript in Our Controllers 00:03:17
4. Chpater 4 : The Switch to Angular 2
   • Upgrading Our 1.x Services to Angular 2 00:05:36
   • Switching Our 1.x Components to Angular 2 Components 00:05:27
   • Switching Our 1.x Controllers to Angular 2 Components 00:06:44
   • Using the New Angular 2 Component Router 00:03:30
   • Solving Complex Migration Cases 00:04:04
5. Chapter 5 : Angular 2 in the Long Run
   • Best Practices for Angular 2 00:03:08
   • The Future of TypeScript and ES6 00:02:32
   • Taking Angular 2 Further 00:03:40