Welcome to the Angular series. In this blog series, we are going to go through a detailed example of how to use Angular to create a fully functional client application that consumes the ASP.NET Core Web API server.
.NET Core Web API Section
If you want to learn how to create the server part of this series by using ASP.NET Core Web API.
What Are We Going to Do in This Guide?
With the Angular tutorial, we are going to dive into the client-side part of our complete application.
You’ll see how easy it is to use Angular to consume the REST API we have created on the server-side with Web API. While we progress through this Angular tutorial, we will get familiar with modules, services, components, and many other features of Angular.
We are going to create reusable services and use some third-party libraries to complete the client part of the app.
- Node.js which is a prerequisite for Angular
- Visual Studio Code, or any other editor you like
- Familiarity with HTML and CSS
This Tutorial is Separated Into Several Parts
- Preparing the project and creating the first component
- Navigation and routing
- HTTP, Services and environment files
- Lazy load, showing data on a page
- Error handling
- Child components, @Input, @Output, directive
- Create an owner entity and Reactive Form Validation
- Update Entity
- Delete Entity
After you finish the Angular series, you should learn more about Angular Material. Angular Material is a great way to create awesome and responsive UI and makes for a good user experience. We recommend that you visit the Angular Material Series and have a good time learning how to make Material applications with Angular.