Azure App Services

Consuming APIs with Angular

Description

In this course, you will learn and understand how to create an Angular application that will consume user information from an API.

This course teaches how to use create an API from scratch. This course also dives into defining and creating API, exposing API Endpoints over HTTP, and  handling HTTP Requests and File Upload through API Endpoints. It covers testing API Endpoints (using an HTTP client – Postman).

This course is short and focuses only building the Angular application that uses Bootstrap to build the UI components, using the Random User API to fetch the user information, and showing user location on a map using the  Leaflet Map API.

In this course, you will learn and understand how to create an Angular application using the Angular CLI. TThe Angular CLI is a command-line interface tool that you use to initialize, develop, scaffold, and maintain Angular applications directly from a command shell.

This course teaches how to use create and work with Angular components. Components are the main building block for Angular applications. Each component consists of:

  • An HTML template that declares what renders on the page
  • A TypeScript class that defines behavior
  • A CSS selector that defines how the component is used in a template
  • Optionally, CSS styles applied to the template

Most front-end applications need to communicate with a server over the HTTP protocol, to download or upload data and access other back-end services. Angular provides a client HTTP API for Angular applications, the HttpClient service class.

Routing is crucial to any application. In a single-page app, you change what the user sees by showing or hiding portions of the display that correspond to particular components, rather than going out to the server to get a new page. As users perform application tasks, they need to move between the different views that you have defined. This course will show examples how the Angular Router.

Leave a Reply