We’re continuing to develop our first Angular application. In this tutorial, we will fetch data from a backend (https://jsonplaceholder.typicode.com) and display it in an Angular Material table.
JavaScript
Creating your first angular app
In this video, we will start developing our first Angular application. We will use all the topics discussed in the previous lessons. As our component library, we will use Angular Material. In this video, we will set up the project from scratch, define the basic...
Component libraries
In this lesson, we will talk about component libraries in Angular application development. Component libraries in Angular (and other frameworks) help developers quickly solve common UI tasks and build typical visual elements. For example, they allow fast creation of...
Getting Started with RxJS
In this tutorial, we’ll cover the basic principles of RxJS. Although RxJS is a standalone library, in the context of Angular it is installed and used by default. RxJS is involved in many Angular features, such as the HTTP client, reactive forms, and the router.The...
HTTP requests in Angular
In this video, we’ll look at how to make HTTP requests in an Angular application, using the GET method as an example.Let’s start by revisiting an important point from the previous lesson: why a new FormControl always has a value of null (FormControl). The reason is...
Reactive forms in Angular
In the previous video we've discussed template driven forms in Angular. In this tutorial we will discuss reactive forms.Reactive forms are more convenient for handling large forms and the relationships between form fields. For example, address fields can be part of a...
Template-driven forms in Angular
In this lesson, we'll start by discussing forms. Angular provides two ways to work with forms — template-driven and reactive forms. Today, we'll focus on the template-driven approach.Template-driven form connects a component class property with an input field using...
Updating Angular and Creating Application Routes
In this tutorial, we'll cover two topics: first, how to update Angular, and then how to create app routes.To update Angular, run the command ng update <angular package name>. To find out the package name and check for available updates, first run ng update and...
Modern control flow in Angular (@if, @for, @switch)
In this tutorial, we’ll talk about the modern control flow in AngularIn previous versions of Angular, template control flow was based on structural directives such as *ngIf, *ngFor, and *ngSwitch. I covered it in an earlier lesson.The new control flow makes template...