Hands-On Web Development with ASP.NET Core and Angular 7

Video description

Build an app that communicates with frontend and backend UIs

About This Video

Understand how to use Angular 7 as the frontend interface for an online store powered by ASP.NET Core with Entity Framework
Learn how to structure a nice UI with Angular
Code the components required to connect between the front-end Angular UI and the ASP.NET Core backend

In Detail

Have you ever wondered why so many applications do not become …

Hands-On Web Development with ASP.NET Core and Angular 7

Video description

Build an app that communicates with frontend and backend UIs

About This Video

Understand how to use Angular 7 as the frontend interface for an online store powered by ASP.NET Core with Entity Framework
Learn how to structure a nice UI with Angular
Code the components required to connect between the front-end Angular UI and the ASP.NET Core backend

In Detail

Have you ever wondered why so many applications do not become successful or popular? Are you looking to create a user-friendly cross-platform app with a powerful UI? This course will teach you to blend the power of Angular UI and .NET Core to create interactive, real-world applications that can easily communicate between the frontend and backend.

You will create strong Angular UI (and flawless cross-platform ASP.NET Core) shopping applications and web services for querying data. Then you will move on to structure Angular routing, build a pipeline, and complete a nice Angular UI with a shopping cart.

By the end of the course you will be an established and confident full-stack developer who can easily build projects/models using Angular and ASP.NET

Audience

This course is for ASP.NET Core developers who want to extend their skillset to build better web applications. They know how ASP.NET Web API works, but not how it can work with Angular. No knowledge of Angular is assumed; however, some basic knowledge of web development is assumed.

Publisher resources

Download Example Code

Chapter 1 : Creating the Angular UI and ASP.NET Core Projects

The Course Overview

Setup Environment

Creating the ASP.NET Core Angular Project

Updating the ASP.NET Core Angular Project as a DVD Movie Store

Configuring DB Connection and Logging

Creating the ASP.NET Core Data Model

Seeding the DB and Registering the DB Context

Creating the Angular Data Model

Displaying Data

Chapter 2 : Creating a Web Service for the Angular UI

Refactoring

Load Related Data and Breaking Circular References

Breaking Circular References in Additional Related Data

Implementing the GET Method

Implementing the POST Method

Implementing the PUT Method

Implementing the PATCH Method

Implementing the DELETE Method

Chapter 3 : Structuring an Angular UI Application

Creating the Movie Table and Category Filter Components

Adding Movie Details Component

Routing Configuration to Navigate to Details

Navigating Back from Details

Chapter 4 : Preparing Pipeline for the UI of the Angular Store

Placeholders and Components for Movie List

Completing the Movie List

Creating the Category Filter

Creating the Pagination Controls

Displaying Ratings

Chapter 5 : Completing the Angular Store UI

Creating the Shopping Cart

Displaying the Cart Detail

Storing Cart Data – Part One

Storing Cart Data – Part Two

Checkout Process – Part One: Models, Migrations and Web Service

Checkout Process – Part Two: Components

Checkout Process – Part Three: Registration and Routes

Extending the Session Data Web Service

Chapter 6 : Creating Administration Features

Adding Admin Features

Administering Movies

Administering Orders

Start your Free Trial

Self paced

Go to the Course
We have partnered with providers to bring you collection of courses, When you buy through links on our site, we may earn an affiliate commission from provider.