IT Professional Curricula Web Design Solution Area Scripting and Web Languages AngularJS 2.0
Angular apps are typically front-end based and therefore client-side dominant. This course will cover setting up client-side routes and navigation in an Angular app. This course will also cover how to use HTTP requests to communicate with a server from within an Angular app.
| Objectives |
Angular 2 Routing Basics - start the course
- install the modules needed for Angular routing
- set up routes for an Angular application
- set up a router-outlet element to display routed views
- use the RouterLink directive to define navigation links
- separate routing into distinct modules in an Angular app
- group components together to create feature specific modules that can be imported into larger Angular apps
- define and use child routes for use in external modules
Angular 2 Services - create custom services for use in Angular apps
- inject and make use of a custom Angular service
Working with Route Parameters - use the Angular router to perform explicit routing from within a controller class
- use the ActivatedRoute service in a component to access details like route parameters
- use the Angular router to pass optional parameters while navigating
- define child routes that display relative to parent components and router outlets
- define and use named router outlets as secondary destinations in Angular apps
Working with Promises and Observables - import and install Angular's HttpModule for use in an app
- retrieve data from the network into an Angular app
- use the observable object in an Angular app
- use observable route parameters to facilitate component re-use in Angular 2
- restrict access to app routes by using the CanActivate guard
- detect when apps attempt to navigate away from certain routes and allow or cancel the navigation
Practice: Creating Angular 2 Routes - create an Angular 2 app capable of handling client-side routes
|
