We continue building our first Angular application. Today we will finish the user page using Angular Material components.
Tutorials
Creating your first Angular application: rendering a data table and creating a user page
We continue building our first Angular application. In the previous lesson we added a data table with mock data. In this lesson we will use real data and create a user page.As homework, try to explore Angular resolvers.
Creating your first angular application: getting data from a backend and displaying it in an angular material table
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.
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...