Learn how to migrate Angular 1.x projects to Angular 2. Learn about the major changes in Angular2 and how to future-proof Angular-based applications.
The first half of it as a full stack JavaEE developer and the second half of it with a strong focus on AngularJS and front-end web development. I love web and mobile technologies as both have dramatically changed our lives during the past 15 years. I now work as an independent software consultant at Interstate 21. Don't hesitate to take a look at my online portfolio. I am now going to map out our plan for the course.
In section one we will introduce Angular 2 and some of the major differences with Angular 1. We will have another view of the migration plan to Angular 2 and of the different steps we are going to take. Section Two will be all about planning our migration to Angular 2 and learning that we can migrate Angular Applications in small increments. We will also start getting our development environment ready for the migration. In Section Three we will get our Angular 1 application ready for Angular 2 by applying some of the best practices as recommended by the Angular team.
At the end of that section, our Angular 1 code will be as close as possible to Angular 2 code. Section Four will be all about switching to Angular 2 and completing the migration of our code base. Finally, Section Five will help us maintain our Angular 2 application in the long run and give us a list of resources to stay sharp and get assistance with Angular 2. So let's now proceed with Section One.
Angular 2 is a technical and conceptual overhaul of its hugely popular predecessor, AngularJS. To stay ahead, developers who have built and maintained projects with AngularJS need to be able to transition them to Angular 2. Migrating to Angular 2 demonstrates how to create and execute an effective migration plan for Angular applications. It opens with an introduction to the major changes and additions brought by the new framework. Then author Alain Chautard reviews a plan to migrate a sample weather application from its original Angular 1.x codebase.
Learn how to migrate blocks of code incrementally, as opposed to porting code in bulk, and get a brief introduction to TypeScript and ECMAScript 6. Along the way, Alain shows you how to gradually deprecate $scope, upgrade services, work with the component router, transition forms, and more.
By the end of this course, you'll be 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 that Angular 2 has to offer.
- What's new in Angular 2?
- Migrating incrementally
- What are TypeScript and ES6?
- Cleaning up $scopes
- Making components
- Using TypeScript classes
- Upgrading 1.x services, components, and controllers
- Best practices for Angular 2