{"page":"\n\n
\n
\n
\n
\n
\n\nVideo\n
\n

\nMigrating to Angular 2 (Video 12)\n

\n
\n
\nGet Free Access for 10 Days!\n
\n
\n
\n
\n
\n
×
\n\n\n
\n\nPublisher:\n\nCurated Video\n\n\n
\n
\nAngular 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,...\nAngular 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.\n
\n
\n\n
\n
\n
\n
\n

Resource Details

\n
\n
\n
\n
Curator Rating
\n
\n
\n
\n
\n
\n
Educator Rating
Not yet Rated
\n
\n
\n
\n
\n
Media Length
\n
4:20
\n
\n
\n
\n
\n
Grade
Higher Ed
\n
\n
\n
\n
\n
Subjects
STEM
3 more...
\n
\n
\n
\n
\n
Media Type
Instructional Videos
\n
\n
\n
\n
\n
Source:
\n
\nPackt - Web Development\n\n
\n
\n
\n
\n
\n
Date
\n
2016
\n
\n
\n
\n
\n\n
Language
English
\n
\n
\n
\n
\n
Audiences
For Teacher Use
2 more...
\n
\n
\n
\n
\n
Usage Permissions
Fine Print: Educational Use
\n
\n
\n
\n
\n
\n

Additional Materials

\n
\n\nSign in or Join Now
\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" href=\"/subscription/new\">Video Transcript\n
\n
\n\nSign in or Join Now
\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" href=\"/subscription/new\">Video Preview\n
\n
\n
\n

Concepts

\n
\n
work, time, javascript, syntax, migration
\n
\n\n\n
\n
\n
\n
\n

Additional Tags

\n
\n
save, file, move, javascript code, angular, started, location object, introduce typescript, angular 2, transpiler, service, services, angular js, code, change, create, start, typescript, location service, section, es6, application, class, illustrate, ng-upgrade, javascript framework, typescript class, typescript code, type script, video, transparent
\n
\n\n\n
\n
\n
\n
\n

Classroom Considerations

\n
Best For: Explaining a topic
Video is ad-free
\n
\n
\n

Educator Ratings

\n
\n
\n
\n
\n
\n\nShow resource details\n
\n
\n\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" aria-label=\"Play video: Migrating to Angular 2 (Video 12)\" href=\"/subscription/new\">\"Migrating\n\n
\n
\n
\n\n\n\n"}