Client-side Routing and Using HTTP

Developers who want to learn how to use Angular 2 to create web apps


Expected Duration
131 minutes

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.


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





Multi-license discounts available for Annual and Monthly subscriptions.