Hands-on Web Development with ASP.NET Core & Angular 7

Refactor and upgrade a web service for an Angular UI, removing weather app code and upgrading Bootstrap to 4.1.3. Add logging, tests, and loading placeholders for smoother data loading.

Load related data for movie records by including studio and ratings, then break circular references before json serialization to prevent self-referencing loops in Entity Framework Core.

Load additional related data while avoiding circular references with include and link select, omit nulls via JSON serializer settings, and display studios and their movies in the UI.

Implement a get movies API to fetch multiple movie objects with optional related data, and enable server- and Angular client-side filtering by category and search.

Implement post method to create movie and studio objects, define movie data and studio data binding classes, and update repository and angular app with UI buttons to post data.

Implement the put method to replace movie and studio objects, update the Angular repository and app component, and add UI buttons to trigger and verify replacements.

Implement patch method to update movie objects partially using JSON patch, enabling partial updates via HTTP patch and entity framework core change tracking in the Angular app and web service.

Learn to implement the delete method by refreshing and configuring the database, updating migrations, and adding Angular and repository support to delete movies and studios along with related ratings.

Explore building a movie table component and a category filter in an Angular DVD store app, using a repository with dependency injection, HTML template, and component wiring.

Add a movie details component and bind it to a select movie action. Display movie name, category, description, price, and studio information alongside a details button.

Define angular routing to navigate to the details view by creating app.routing.ts, importing the router module, configuring routes with path and component, and using router outlet for the detail component.

Explore enabling back navigation from the movie details view by adding a back button linked to the movie table, using a route with an id segment and activated route.

Create placeholders and components for the movie list in the store folder, including movie list, pagination, category filter, cart summary, and ratings, wired to a repository for movie data.

Create and register the movie selection structure with a store feature module, configure Angular routing, and display a movie list with images, a cart summary, and add-to-cart buttons.

Implement a category filter in an ASP.NET Core MVC app with an Angular data repository. Expose categories and the current category in the filter component to filter movies by category.

Learn to create and register a paging service, update the paging button component, and implement a page nation state and slice movie data per page using a repository.

Install Fort Awesome and Font Awesome icons to display ratings. Update the rating component to use an input-bound movie object and render solid or outline stars.

Create a cart model in the Angular data model and register it as a service. Wire add-to-cart buttons and show a top-right cart summary with item count and total price.

Extend the SPDR net core data model to store cart information, create a cart model class, set up a cart storage web service, and install NuGet packages for session data.

Store and retrieve cart data in an ASP.NET Core app using SQL Server session cache. Configure startup, create a session values controller, and update the cart model for session persistence.

Begin the checkout process by extending the data model with orders and payments, creating a migration and a web service to manage and store orders.

Design a multi-step checkout by building details, payment, and summary components, capturing name, address, and card details, routing between steps, and submitting to reach the confirmation page.

Completes the checkout process by building the order confirmation component that shows order ID, price, and payment authorization, and by registering components and routes for the checkout flow.

Extend the session data web service to persist checkout data across page refreshes by adding a checkout state model, get/store checkout methods, and an Angular router-based persistence mechanism.

Create and integrate the admin module by building base admin components, a feature module with routing, and overview, movie admin, and order admin components, plus a banner and navigation.

Administer movies by building a movie editor and a display table to edit, create, and delete records, while linking to movie and studio repositories through a form.

Develop and manage orders by enhancing an order admin component that collects created orders and marks them as shipped, updating status in the admin module.

Join this hands-on web development course with ASP.NET Core and Angular 7, and follow the instructor on Twitter for updates and feedback.