Have a look at the presentation of the sample project, where we are going to migrate from Angular 1 to Angular 2 in order to illustrate the migration process.
- [Narrator] Hello, and welcome to…video 1.4 of our video course.…In this video, we will introduce a sample project…that will be our code reference throughout the course.…More specifically, we will familiarize ourselves…with the user interface and explain…how the project works by explaining how to run it.…Then we will see why the project is particularly…useful to illustrate the migration process to Angular 2.…Let's get to the details of our project.…We decided to use a weather application,…as weather is something everybody can relate to.…
Let's take a look at the user interface…to familiarize ourself with those features.…Here is our sample project.…Let's add the location, for instance, zip code 10021,…which is located in New York City.…I enter that zip code in text input,…click on add location, and as you can see,…the current weather condition is displayed right away.…I can add another location, for instance, 95814,…which is Sacramento, California.…
Add this location and now we have two locations listed.…Let's click on the five day forecast…
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