Complete Blazor Course – e-Commerce App & Clean Architecture

Blazor In Depth & Build an e-Commerce Web Application with Clean Architecture
Instructor:
Frank Liu
276 students enrolled
English [Auto]
ASPNET Core Blazor in Depth
Building an e-Commerce web application
Clean Architecture

ASP.NET Core Blazor is Microsoft latest SPA application framework. With Blazor you can build reactive full stack single page web applications with C# without much help from JavaScript.  Blazor relies on existing mature technologies like SingalR, WebAssembly and ASP.NET Core. It is being adopted or has already been adopted by most companies that utilizes Microsoft technologies. If you want to get employed in these companies, knowing how to build applications with Blazor is required or will be required very soon along with Razor pages, MVC and Web API.

In this course with 9 sections, more than 70 lectures and about 8 hours of content, you will not only follow me step by step and master Blazor, but you will also work with me implementing a good sized e-Commerce web application following Clean Architecture, starting from requirements analysis, software design, all the way to the final implementation.

The course covers the following technical topics:

  • ASP.NET Core Platform

  • Every aspect of Blazor

  • Components State Management

  • Dependency Injection

  • Authentication and Authorization with ASP.NET Core Identity

  • Custom Cookie Authentication

  • AutoMapper

  • Dapper

  • SQL Statements

  • HTML

  • Bootstrap

  • Requirements Analysis and Software Design

  • Clean Architecture

  • Repository for encapsulating data accessing details

By the end of the course, you will:

  • Know every aspect of Blazor in depth.

  • Be able to independently build web applications with Blazor.

  • Be able to analyze requirements and design software.

  • Understand and be able to Implement Clean Architecture.

  • And much more…

You will be building a good sized real world secured e-Commerce application with me. Together, we will build both the customer portal that allows customers to browse products catalog, add products to shopping cart, place orders and  admin portals that allows store owners to login and manage the orders.

After following the lessons and exercises in this course, you will have a good understanding of ASP.NET Core platform and you will be able to create single page web applications with Blazor Server. You will also have a good understanding of Clean Architecture and be able to use what you have learned about architecture in your own project. At the end of the course, you will become a full stack web developer knowing how to create web applications with Microsoft’s latest application framework: Blazor.

Whether you’re new to ASP.NET Core Blazor or have worked with it for a bit, but are looking for a course to fill in the gaps, you will enjoy this course. Since this course not only cover the basics, but goes into each topic in depth.

PREREQUISITES

Intermediate C# (you should have at least 3 – 6 months experience programming in C#)

Basic HTML

Previous knowledge of ASP.NET Core is nice to have, but it is not required since I will cover it in the course.

The Course Structure and Details

In the first two sections, we will learn about Blazor by creating part of the e-Commerce web application without hearing me talking too much about each topic of Blazor. The purpose of this is to fast track your learning experience and provide you with a solid foundation of coding web applications with Blazor.

In the third section, I will go through all the topics about Blazor one by one in depth.

Starting from the fifth section, we will together implement both the customer portal and the admin portal of our e-Commerce with authentication and authorization.

When implementing the solution, you will hear me cover Clean Architecture and you will see how I implement a Use Case Driven and Plugin Based clean architecture that is highly testable and extremely flexible for future extensions. I will show you how I do it and explain why I do it in certain ways. If you really follow these hands-on sections and implement the project with me, you will definitely learn a lot from the process of building this real world application.

In this course, both the shopping cart and Data store (database) will be implemented as plugins. We will implement two types of data store plugins: an in-memory data store and a SQL Server data store with Dapper as the micro ORM. You will see clearly how powerful it is to build solutions with this kind of architecture. (Disclaimer: Architectural choices should be made case by case, I don’t suggest you to follow my architecture presented in this course in all projects. Analysis is needed all the time.)

Who this course is for

  • C# developers who want to become full stack developers without the hassle of mastering JavaScript.

  • Developers who work with Razor pages and/or MVC along with front end frameworks/libraries and would prefer work with less JavaScript.

  • Developers with some experience  in Blazor who is looking for a comprehensive course to fill in the gaps.

  • Developers who are curious about Mirosoft’s newest SPA application framework: Blazor.

  • Developers who want to learn about implementing Clean Architecture.

Getting Started

1
Course Introduction
2
ASP.NET Core Platform
3
How a Blazor App is Bootstrapped
4
Understanding Project Structure
5
Adding Dynamic Content
6
View, State and Even - the Tree Main Aspects
7
Summary

Start Developing our e-commerce App

1
Introduction
2
Screen Mockup and Components Breakdown
3
Analysis and Design
4
Implementing Core Business Layer
5
Implementing Use Cases Layer
6
Data Store Plugin Interface
7
Implementing In-Memory Data Store Plugin
8
Create Search Products Component
9
Implementing Search Products Screen
10
Implementing Search Bar Component
11
Implementing Product Item Component
12
Implementing Filtering
13
Styling with Bootstrap
14
View Product Details Component
15
Summary

ASP.NET Core Blazor In-Depth

1
Data Binding Part 1
2
Data Binding Part 2
3
Overview of Communication between Components
4
Review Parameters, Route Parameters and EventCallback
5
Cascading Parameters
6
Referencing Child Components
7
RenderFragment
8
When does a component render
9
Component Lifecycle Events
10
Forms and Validations
11
State Management with Observer Pattern

Dependency Injection

1
Dependency Problems
2
Dependency Inversion Principle
3
Inversion of Control
4
Dependency Injection in Razor Components
5
Lifetime Management in Blazor Server
6
How to choose Lifetime Management
7
Lifetime Management in Blazor WebAssembly

Build Customer Portal

1
Reorganize Projects for Clean Architecture
2
Order Entity and Business Rules
3
Shopping Cart Abstraction
4
Add Product to Shopping Cart Use Case
5
Implementing Shopping Cart Plugin
6
Test Add Product to Cart Use Case
7
Improve UI Layout
8
View Shopping Cart Use Case
9
View Shopping Cart Component
10
Order Line Item Component
11
Order Summary Component
12
Shopping Cart State Management
13
Shopping Cart Items Count Component
14
Delete Product and Update Quantity Use Cases
15
Delete and Update with Order Line Item Component
16
Order Repository
17
Place Order Use Case
18
Place Order Component
19
Order Confirmation Use Case and Screen

Build Admin Portal

1
Admin Use Cases
2
Admin Portal Screens

Add Authentication and Authorization

1
Configure Middleware and DI
2
Authentication End Point
3
Login Screen
4
Sign Out Screen
5
Process Orders with Admin's User Name
6
Testing Secured Admin Portal

Connect C# to SQL DB with Dapper

1
Install and Prepare the Database
2
SQL Statement Basics
3
What is Dapper and Dapper Installation
4
Read with Dapper
5
Create with Dapper
6
Update with Dapper
7
Delete with Dapper
8
Helper Class for Dapper

Implement a new Data Store Plugin with SQL and Dapper

1
Create the Plugin
2
Use the Plugin in our e-commerce App
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!

Be the first to add a review.

Please, login to leave a review
64226ff29c5a21034af759a207738928
30-Day Money-Back Guarantee

Includes

7 hours on-demand video
Full lifetime access
Access on mobile and TV
Certificate of Completion

External Links May Contain Affiliate Links read more

Join our Telegram Channel To Get Latest Notification & Course Updates!
Join Our Telegram For FREE Courses & Canva PremiumJOIN NOW