8173  Reviews star_rate star_rate star_rate star_rate star_half

Upgrading from AngularJS to Angular

As AngularJS nears the end of official support in July 2021, developers are faced with the daunting task of migrating large applications from AngularJS (version 1.x) to Angular (version 11). This...

Read More
Course Code ANG-180
Duration 1 day
Available Formats Classroom

As AngularJS nears the end of official support in July 2021, developers are faced with the daunting task of migrating large applications from AngularJS (version 1.x) to Angular (version 11).

This Upgrading from AngularJS to Angular training course teaches attendees how to set up a hybrid application that uses both AngularJS and Angular and then progressively migrates each part of the code to Angular over time.

Skills Gained

All students will:

  • Learn the pros and cons of various upgrade strategies and when it is appropriate to use one over another
  • Understand the steps of upgrading an AngularJS application to Angular
  • Receive hands-on experience migrating an existing AngularJS application to Angular

Prerequisites

All attendees must have substantial prior experience with JavaScript as AngularJS and Angular.

Course Details

Training Materials

All Angular training students receive comprehensive courseware.

Software Requirements

  • Google Chrome
  • Other modern browsers as desired
  • IDE/development environment of your choice
  • Other free software and lab files that Accelebrate would specify

Outline

  • Introduction
  • Strategies for Upgrading from AngularJS
    • High-level Approaches
    • Concept Mapping AngularJS to Angular
    • UpgradeAdapter
    • What can be Upgraded or Downgraded
    • What cannot be Upgraded or Downgraded
    • UpgradeAdapter and Dependency Injection
  • Migrating an Existing AngularJS Application to Angular (Hands-on)
    • The AngularJS Project
    • Generate New Angular Project
    • Create Angular and AngularJS folders
    • Copy AngularJS project
    • Bootstrap AngularJS & Angular Hybrid Application
    • Downgrading an Angular Component
    • Upgrading an AngularJS Service
    • Routing to Angular Components (using the AngularJS Router)
    • AngularJS Views inside the Root Angular Component
    • Sibling Routers
  • Conclusion