Master Blazor Development- Build an e-Commerce App (.NET 5)_2

Master Blazor Development: Build an e-Commerce App (.NET 5), available at $69.99, has an average rating of 3.8, with 85 lectures, based on 464 reviews, and has 8730 subscribers.

You will learn about Build a e-commerce application with Blazor, Dapper and SQL Server database using Clean Architecture Basics of ASP Dot NET Core Platform Razor Components: Data Binding, 3 types of Parameters, Reference Child Components, RenderFragment, Event Lifecycle and State Management with Observer Pattern Forms Submission, Validation and Validation Message Display Learn built-in Authentication in Blazor as well as cookie authentication Learn Dependency Injection to get ready to learn about Clean Architecture Learn a use case driven, plugin based Clean Architecture with Theory and by building the application. Create two type of data stores (In-Memory plugin and Dapper plugin) with repository pattern as plugins following clean architecture SQL Basics and Connect C# to SQL with Dapper Requirement Analysis and Software Design This course is ideal for individuals who are C# developers who want to become full stack developers without the hassle of mastering JavaScript. or Developers who work with Razor pages and/or MVC along with front end frameworks/libraries and would prefer work with less JavaScript. or Developers with some experience? in Blazor who is looking for a comprehensive course to fill in the gaps. or Developers who are curious about Mirosofts newest SPA application framework: Blazor. or Developers who want to learn about implementing Clean Architecture. It is particularly useful for C# developers who want to become full stack developers without the hassle of mastering JavaScript. or Developers who work with Razor pages and/or MVC along with front end frameworks/libraries and would prefer work with less JavaScript. or Developers with some experience? in Blazor who is looking for a comprehensive course to fill in the gaps. or Developers who are curious about Mirosofts newest SPA application framework: Blazor. or Developers who want to learn about implementing Clean Architecture.

Enroll now: Master Blazor Development: Build an e-Commerce App (.NET 5)

Summary

Title: Master Blazor Development: Build an e-Commerce App (.NET 5)

Price: $69.99

Average Rating: 3.8

Number of Lectures: 85

Number of Published Lectures: 85

Number of Curriculum Items: 85

Number of Published Curriculum Objects: 85

Original Price: $119.99

Quality Status: approved

Status: Live

What You Will Learn

Build a e-commerce application with Blazor, Dapper and SQL Server database using Clean Architecture

Basics of ASP Dot NET Core Platform

Razor Components: Data Binding, 3 types of Parameters, Reference Child Components, RenderFragment, Event Lifecycle and State Management with Observer Pattern

Forms Submission, Validation and Validation Message Display

Learn built-in Authentication in Blazor as well as cookie authentication

Learn Dependency Injection to get ready to learn about Clean Architecture

Learn a use case driven, plugin based Clean Architecture with Theory and by building the application.

Create two type of data stores (In-Memory plugin and Dapper plugin) with repository pattern as plugins following clean architecture

SQL Basics and Connect C# to SQL with Dapper

Requirement Analysis and Software Design

Who Should Attend

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 Mirosofts newest SPA application framework: Blazor.

Developers who want to learn about implementing Clean Architecture.

Target Audiences

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 Mirosofts newest SPA application framework: Blazor.

Developers who want to learn about implementing Clean Architecture.

ASP.NET Core Blazor (.NET 5 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.

PLEASE NOTE: This course is for learning Blazor and Clean Architecture while building an e-commerce app. The e-commerce app we are building is not full featured and DOES NOT include things like payment, shipping, it does include product listing, placing orders and processing orders as admins.

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 applicationfollowing 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 ASP.NET 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: ASP.NET CORE 5 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 whyI 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.

Course Curriculum

Chapter 1: Getting Started

Lecture 1: Course Introduction

Lecture 2: ASP.NET Core Platform

Lecture 3: How a Blazor App is Bootstrapped

Lecture 4: Understanding Project Structure

Lecture 5: Adding Dynamic Content

Lecture 6: View, State and Event – the Three Main Aspects

Lecture 7: Source code

Lecture 8: Summary

Chapter 2: Start Developing our e-commerce App

Lecture 1: Introduction

Lecture 2: Screen Mockup and Components Breakdown

Lecture 3: Analysis and Design

Lecture 4: Implementing Core Business Layer

Lecture 5: Implementing Use Cases Layer

Lecture 6: Data Store Plugin Interface

Lecture 7: Implementing In-Memory Data Store Plugin

Lecture 8: Create Search Products Component

Lecture 9: Implementing Search Products Screen

Lecture 10: Implementing Search Bar Component

Lecture 11: Implementing Product Item Component

Lecture 12: Implementing Filtering

Lecture 13: Styling with Bootstrap

Lecture 14: View Product Details Component

Lecture 15: Summary

Chapter 3: ASP.NET Core Blazor In-Depth

Lecture 1: Data Binding Part 1

Lecture 2: Data Binding Part 2

Lecture 3: Overview of Communication between Components

Lecture 4: Review Parameters, Route Parameters and EventCallback

Lecture 5: Cascading Parameters

Lecture 6: Referencing Child Components

Lecture 7: RenderFragment

Lecture 8: When does a component render

Lecture 9: Component Lifecycle Events

Lecture 10: Forms and Validations

Lecture 11: State Management with Observer Pattern

Chapter 4: Dependency Injection

Lecture 1: Dependency Problems

Lecture 2: Dependency Inversion Principle

Lecture 3: Inversion of Control

Lecture 4: Dependency Injection in Razor Components

Lecture 5: Lifetime Management in Blazor Server

Lecture 6: How to choose Lifetime Management

Lecture 7: Lifetime Management in Blazor WebAssembly

Chapter 5: Build Customer Portal

Lecture 1: Reorganize Projects for Clean Architecture

Lecture 2: Source code for the previous video: Reorganize Projects

Lecture 3: Order Entity and Business Rules

Lecture 4: Shopping Cart Abstraction

Lecture 5: Add Product to Shopping Cart Use Case

Lecture 6: Implementing Shopping Cart Plugin

Lecture 7: Test Add Product to Cart Use Case

Lecture 8: Improve UI Layout

Lecture 9: View Shopping Cart Use Case

Lecture 10: View Shopping Cart Component

Lecture 11: Order Line Item Component

Lecture 12: Order Summary Component

Lecture 13: Shopping Cart State Management

Lecture 14: Shopping Cart Items Count Component

Lecture 15: Delete Product and Update Quantity Use Cases

Lecture 16: Delete and Update with Order Line Item Component

Lecture 17: Order Repository

Lecture 18: Place Order Use Case

Lecture 19: Place Order Component

Lecture 20: Order Confirmation Use Case and Screen

Chapter 6: Build Admin Portal

Lecture 1: Admin Use Cases

Lecture 2: Admin Portal Screens

Chapter 7: Add Authentication and Authorization

Lecture 1: Configure Middleware and DI

Lecture 2: Authentication End Point

Lecture 3: Login Screen

Lecture 4: Sign Out Screen

Lecture 5: Process Orders with Admins User Name

Lecture 6: Testing Secured Admin Portal

Lecture 7: Built-in Authentication & Authorization

Chapter 8: Connect C# to SQL DB with Dapper

Lecture 1: Install and Prepare the Database

Lecture 2: SQL Statement Basics

Lecture 3: What is Dapper and Dapper Installation

Lecture 4: Read with Dapper

Lecture 5: Create with Dapper

Lecture 6: Update with Dapper

Lecture 7: Delete with Dapper

Lecture 8: Helper Class for Dapper

Chapter 9: Implement a new Data Store Plugin with SQL and Dapper

Lecture 1: Create the Plugin

Lecture 2: Use the Plugin in our e-commerce App

Chapter 10: How to Run the Attached Source Code

Lecture 1: Source code files are attached here.

Lecture 2: Run with the In Memory Data Store

Lecture 3: Run with SQL Data Store

Lecture 4: If you used a previous version of the SQL script

Chapter 11: Thank you!

Lecture 1: Thank You and Next Steps

Instructors

Frank Liu
Full Stack Senior Software Developer

Rating Distribution

1 stars: 14 votes

2 stars: 13 votes

3 stars: 56 votes

4 stars: 139 votes

5 stars: 242 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

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!