Disclosure: when you buy through links on our site, we may earn an affiliate commission.

Make an E-Commerce Website with Blazor WebAssembly in .NET 6

Learn how to build an E-Commerce Website with Blazor WebAssembly, a Web API, Entity Framework Core & SQL Server Express.
4.7
4.7/5
(71 reviews)
607 students
Created by

9.8

CourseMarks Score®

10.0

Freshness

9.1

Feedback

9.8

Content

Platform: Udemy
Video: 16h 38m
Language: English
Next start: On Demand

Top Blazor courses:

Detailed Analysis

CourseMarks Score®

9.8 / 10

CourseMarks Score® helps students to find the best classes. We aggregate 18 factors, including freshness, student feedback and content diversity.

Freshness Score

10.0 / 10
This course was last updated on 2/2022.

Course content can become outdated quite quickly. After analysing 71,530 courses, we found that the highest rated courses are updated every year. If a course has not been updated for more than 2 years, you should carefully evaluate the course before enrolling.

Student Feedback

9.1 / 10
We analyzed factors such as the rating (4.7/5) and the ratio between the number of reviews and the number of students, which is a great signal of student commitment.

New courses are hard to evaluate because there are no or just a few student ratings, but Student Feedback Score helps you find great courses even with fewer reviews.

Content Score

9.8 / 10
Video Score: 10.0 / 10
The course includes 16h 38m video content. Courses with more videos usually have a higher average rating. We have found that the sweet spot is 16 hours of video, which is long enough to teach a topic comprehensively, but not overwhelming. Courses over 16 hours of video gets the maximum score.
Detail Score: 10.0 / 10

The top online course contains a detailed description of the course, what you will learn and also a detailed description about the instructor.

Extra Content Score: 9.5 / 10

Tests, exercises, articles and other resources help students to better understand and deepen their understanding of the topic.

This course contains:

2 articles.
0 resource.
0 exercise.
0 test.

Table of contents

Description

Welcome to the Blazor WebAssembly E-Commerce Course!

In this online course, we’re going to build an e-commerce web application with .NET 6 & Blazor WebAssembly.
We’ll cover the complete stack, meaning Blazor for the client, a Web API for the back end web service, and Entity Framework Core with SQL Server Express for the database.

The course starts with a walking skeleton. This means, right at the beginning of this course, and in just a few hours you learn how to build a running full-stack web application with all the mentioned frameworks and technologies.
So, after this section, you won’t use any mock data, for instance. You will already make calls to the web service, grab data from the SQL Server and return the results back to the Blazor WebAssembly client.

On top of that, we will introduce best practices to that walking skeleton. For instance, we don’t want to use fat controllers. Instead, we’ll use the repository pattern together with dependency injection.
After that, we build a huge part of the e-commerce application. This section is all about the products your users can buy in your shop, it’s about categories, product variants, a search bar, pagination, a basic cart, and so on.
With all these implementations you learn lots of features of Blazor WebAssembly, together with the Web API and also relationships between entities and how to manage them with Entity Framework Core and SQL Server.

After that, we dive into authentication with JSON web tokens.
You will learn how to register users, log them in and create JSON web tokens (JWT) to authenticate your users, set the token in the default HTTP request header, utilize the famous [Authorize] attribute to secure your Web API, and add a page for the users’ profile so that they can change their password, for instance.

The next section is all about the cart and orders. Until this point, you’ve already implemented a cart, but it only works offline. So now it’s time to store the products of the cart in the database and also implement the final order and an overview of the order history.

But one thing will still be missing, and that’s an option to checkout and pay for your order. We cover that with the next section and use Stripe to do that. This means, your users can pay with a credit card, Google Pay and Apple Pay. Additionally, we’ll continue with a smaller section where we implement the option to add a delivery address.

And after that, it’s time for the big administration dashboard. Everything you’ve learned so far comes together in this section.
We utilize lots of features of Blazor WebAssembly, we build several CRUD operations for our entities – meaning an administrator should be able to create, read, update and delete all products, categories, and product variants – and to know if the user is allowed to do all that, we introduce role-based authorization.
As you can see, there’s a lot to learn!

Here’s an overview of what you will learn in this course:
Introduction
– Install the .NET 6 Framework & Visual Studio 2022
– Get the source code from GitHub
Full Stack Foundations – Building a Walking Skeleton
– Create a Blazor WebAssembly ASP.NET Core Hosted Project
– Debug your project
– Learn about the new Hot Reload feature of .NET 6 & Visual Studio 2022
– Create Razor Components & utilize CSS Isolation
– Implement a Web API Controller & test it with SwaggerUI
– Install & use SQL Server Express and Entity Framework Core 6
– Utilize Code-First Migrations with EF Core 6 & Seed Data programmatically
– Create a Git repository and push your code to GitHub
Adding & Using Best Practices
– Implement a Service Response with Generics
– Use the Repository Pattern and Dependency Injection
– Create Services for the client and the service
It’s all about Products – Blazor WebAssembly in Action
– Add more models & entities to your web application like categories, variants, and more
– Use several features of EF Core 6 like composite primary keys, more migrations & relationships
– Utilize several built-in components of Blazor WebAssembly
– Realize a search feature & pagination
– Implement a custom layout
– Add a cart using the local storage to your application
Let’s add Users – Authentication with JSON Web Tokens
– Implement user registration & login
– Use data annotations & validation
– Introduce the user model
– Add token authentication with JSON Web Tokens (JWT)
– Implement a custom AuthenticationStateProvider
– Add a return URL to the login
– Utilize the [Authorize] attribute
Let’s buy some Products – Cart & Orders
– Store the cart of a user in the database
– Use the HttpContextAccessor to access the user in the services
– Store the orders in the database
– View an order history
– Utilize the authentication state of the user
Ka-Ching! – Payment with Stripe Checkout
– Introduce Stripe
– Use Stripe Checkout for payments
– Fulfill an Order with WebHooks
– Enable a shipping address in Stripe Checkout
Where are you from? – Add a Delivery Address
– Add an address model with a new migration
– Create a shared component for the cart and the user profile page
We need more stuff! – Admin Dashboard
– Introduce role-based authorization on the client & the server
– Extend your models
– Create several administration pages
– Implement CRUD operations (create, read, update, delete) for your entities

If you don’t know me yet from YouTube or my other courses on Udemy, my name is Patrick God, I’m going to be your instructor for this course. I’m a web developer for over a decade now, I have worked for big corporations and small teams, as an employee and a contractor and I just love to see the way Microsoft is going with .NET & Blazor and how important these technologies get day by day.
So far, I’ve created 10 courses on Udemy about .NET (Core), Blazor WebAssembly, single-page applications, Angular, and DevOps – with a total of more than 60.000 students and countless 5-Star reviews.

If you’re still not sure if this course is right for you, there’s a 30-day money-back guarantee. So, feel free to check it out and get your money back if it’s just not for you. No questions asked.

Apart from that, you can always ask questions in the Q&A sections that the community (including me) is happy to answer and you also get the complete source code, if there happens to be a problem with that.

Are you ready?

I’m looking forward to seeing you in the course!

You will learn

✓ Build a full stack Blazor WebAssembly application by the example of an E-Commerce Website
✓ Create a Walking Skeleton with .NET, Blazor WebAssembly, a Web API, Entity Framework Core & SQL Server right at the beginning
✓ Implement Best Practices with Generics, Data-Transfer-Objects (DTOs) and the Repository Pattern
✓ Build several features of an E-Commerce App, like Search, Pagination, Featured Products, a Cart (local & database), Orders and many more
✓ Implement Authentication with JSON Web Tokens (JWT)
✓ Use Role-Based Authorization for Administrators & Customers
✓ Use Code-First Migration with Entity Framework Core & SQL Server
✓ Implement Payment with Stripe Checkout providing Credit Card, Apple Pay & Google Pay
✓ Create a Custom Layout for your Blazor WebAssembly Application
✓ Implement Administration Features with all CRUD operations to Create, Read, Update & Delete your Products

Requirements

• Experience with C#, HTML & CSS is preferable
• Experience with Blazor Web
• Assembly is not a must, but helps
• All frameworks and tools used in this course are available for free and we’ll install everything together along the way

This course is for

• C# and .NET developers who want to improve their skills and learn to build a full stack Blazor WebAssembly project
• Beginner Blazor WebAssembly Developers who already have a little experience with Blazor and want to deepen their knowledge
• Aspiring .NET developers who want to get the skills that might lead to more .NET & Blazor job opportunities

How much does the Make an E-Commerce Website with Blazor WebAssembly in .NET 6 course cost? Is it worth it?

The course costs $12.99. And currently there is a 85% discount on the original price of the course, which was $84.99. So you save $72 if you enroll the course now.

Does the Make an E-Commerce Website with Blazor WebAssembly in .NET 6 course have a money back guarantee or refund policy?

YES, Make an E-Commerce Website with Blazor WebAssembly in .NET 6 has a 30-day money back guarantee. The 30-day refund policy is designed to allow students to study without risk.

Are there any SCHOLARSHIPS for this course?

Currently we could not find a scholarship for the Make an E-Commerce Website with Blazor WebAssembly in .NET 6 course, but there is a $72 discount from the original price ($84.99). So the current price is just $12.99.

Who is the instructor? Is Patrick God a SCAM or a TRUSTED instructor?

Patrick God has created 10 courses that got 7,847 reviews which are generally positive. Patrick God has taught 63,867 students and received a 4.6 average review out of 7,847 reviews. Depending on the information available, Patrick God is a TRUSTED instructor.
Passionate Software Developer & Teacher
Writing code is what drives me. Creating software out of nothing is a skill I truly am passionate about and I want to share this astonishing feeling of making stuff with you.I started to learn several programming languages as a teenager and always wanted to create software ever since I first played a game on a Commodore 64. During my bachelor and master studies, I joined various companies, made desktop and web applications as well as video games professionally and was always anxious to improve my craft, which I have been doing for more than 15 years now.​For me, the most important part of writing and teaching code is to have fun. If certain ways work for you and the results are maintainable and you have fun with your results, you’re doing it the right way. I don’t care if you always use your keyboard or switch to the mouse from time to time, so-called best practices are not always best or practical, I want to teach you to develop software in a way it works in the industry, a way it works for you and in a way that makes you happy.  Show moreShow less

9.8

CourseMarks Score®

10.0

Freshness

9.1

Feedback

9.8

Content

Platform: Udemy
Video: 16h 38m
Language: English
Next start: On Demand

Students are also interested in

Review widget (for course creators):

Make an E-Commerce Website with Blazor WebAssembly in .NET 6 rating
Code for the widget (just copy and paste it to your site):
<a href="https://coursemarks.com/course/make-an-e-commerce-website-with-blazor-webassembly-in-net-6/" target="_blank" title="Make an E-Commerce Website with Blazor WebAssembly in .NET 6 on Coursemarks.com"><img border="0" src="https://coursemarks.com/widget/98.svg" width="200px" alt="Make an E-Commerce Website with Blazor WebAssembly in .NET 6 rating"/></a>