O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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

The code bundle for this course is available at https://github.com/PacktPublishing/Hands-on-Web-Development-with-ASP.NET-Core-and-Angular-7

Downloading the example code for this course: You can download the example code files for all Packt video courses you have purchased from your account at http://www.PacktPub.com. If you purchased this course elsewhere, you can visit http://www.PacktPub.com/support and register to have the files e-mailed directly to you.

Table of Contents

  1. Chapter 1 : Creating the Angular UI and ASP.NET Core Projects
    1. The Course Overview 00:02:29
    2. Setup Environment 00:08:37
    3. Creating the ASP.NET Core Angular Project 00:12:02
    4. Updating the ASP.NET Core Angular Project as a DVD Movie Store 00:07:33
    5. Configuring DB Connection and Logging 00:02:34
    6. Creating the ASP.NET Core Data Model 00:03:31
    7. Seeding the DB and Registering the DB Context 00:08:19
    8. Creating the Angular Data Model 00:06:03
    9. Displaying Data 00:05:22
  2. Chapter 2 : Creating a Web Service for the Angular UI
    1. Refactoring 00:10:08
    2. Load Related Data and Breaking Circular References 00:04:37
    3. Breaking Circular References in Additional Related Data 00:06:03
    4. Implementing the GET Method 00:09:39
    5. Implementing the POST Method 00:09:49
    6. Implementing the PUT Method 00:04:42
    7. Implementing the PATCH Method 00:07:36
    8. Implementing the DELETE Method 00:05:35
  3. Chapter 3 : Structuring an Angular UI Application
    1. Creating the Movie Table and Category Filter Components 00:05:32
    2. Adding Movie Details Component 00:03:39
    3. Routing Configuration to Navigate to Details 00:04:47
    4. Navigating Back from Details 00:03:39
  4. Chapter 4 : Preparing Pipeline for the UI of the Angular Store
    1. Placeholders and Components for Movie List 00:04:02
    2. Completing the Movie List 00:06:14
    3. Creating the Category Filter 00:04:44
    4. Creating the Pagination Controls 00:04:21
    5. Displaying Ratings 00:05:29
  5. Chapter 5 : Completing the Angular Store UI
    1. Creating the Shopping Cart 00:04:24
    2. Displaying the Cart Detail 00:03:10
    3. Storing Cart Data – Part One 00:03:21
    4. Storing Cart Data – Part Two 00:05:03
    5. Checkout Process – Part One: Models, Migrations and Web Service 00:06:20
    6. Checkout Process – Part Two: Components 00:03:41
    7. Checkout Process – Part Three: Registration and Routes 00:04:24
    8. Extending the Session Data Web Service 00:07:26
  6. Chapter 6 : Creating Administration Features
    1. Adding Admin Features 00:07:10
    2. Administering Movies 00:05:42
    3. Administering Orders 00:02:54