Consuming APIs with Angular

Focused View

Get Arrays

2:06:08

56 View

1. Introduction

1. Introduction.mp4

04:48

2. Software Requirements.mp4

03:25

2. Angular Components and Routing

1. App Component.mp4

03:24

2. Angular Routing.mp4

07:11

3. Random User API

1. Random User API.mp4

03:55

4. Angular Services

1. Creating User Service.mp4

04:03

2. Configuring HTTP Module.mp4

03:07

3. Fetching Users.mp4

04:30

4. Creating User Interface.mp4

06:22

5. Mapping API Response - Part 1.mp4

04:59

6. Mapping API Response - Part 2.mp4

07:19

7. Mapping API Response - Part 3.mp4

04:41

5. User Interface - Bootstrap

1. Bootstrap Setup.mp4

04:29

2. Application Header - API Information.mp4

06:18

3. Displaying User Table.mp4

05:52

4. Fetching Single User.mp4

04:49

5. Displaying User Details.mp4

07:47

6. Updating User Details.mp4

06:27

7. Enable and Disable Form Logic.mp4

04:21

6. Angular Resolvers

1. Creating a Resolver.mp4

05:15

2. Fetching User Using Resolver.mp4

04:56

7. Leaflet Map API

1. User Location on Map.mp4

13:05

8. Angular Pipe

1. Built-in Date Pipe.mp4

05:05

Description

Use Angular to consume API's and build applications using RxJs, Resolvers, and Map API

What You'll Learn?

Angular
Angular HTTP Client
Map API
Leaflet Map API
Bootstrap
Building User Interface

Who is this for?

Developers wanting to learn about API

Developers wanting to learn about Angular

Developers wanting to learn about Angular HTTP API

What You Need to Know?

HTML

CSS

JavaScript

TypeScript

Angular

More details

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.
Angular Resolver is used for pre-fetching some of the data when the user is navigating from one route to another. It can be defined as a smooth approach for enhancing user experience by loading data before the user navigates to a particular component. An example is built in this course to show a practical use case for Resolvers.
Who this course is for:
Developers wanting to learn about API
Developers wanting to learn about Angular
Developers wanting to learn about Angular HTTP API

User Reviews

Rating

average 0

Total votes0

Focused display

Get Arrays is a Software Development Teaching Platform that teaches computer programming. Our mission is to help developers learn and master the skills needed to stay relevant in the ever changing world of software development.Get Arrays is committed to developers training, learning and building robust, scalable, and secure software applications, using the newest methodologies, frameworks, tools, and technologies. The platform is mainly focused on web technologies including Java, Node.js, Angular, JavaScript, HTML, CSS, and much more.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.