Skill Check

Build a Suggestion Site App

Build a modern web app using .NET 6, Blazor Server, and MongoDB

89 lessons18 hoursEN & ES subtitles

What you'll work with

WOULD planningBlazor ServerAdvanced CSSCRUDMongoDBAzure AD B2CWeb AccessibilityResponsive design

About this course

Build a .NET 6 Blazor Server web application that uses MongoDB for data access. The suggestion site will be scalable to handle thousands of visitors. It will use Azure Active Directory B2C to provide authentication and authorization.

Watch the course intro →

What you'll be able to do

  • Know how to plan an application
  • Manage the flow of development
  • Create a web-standard site
  • Build a full application

Every lesson, in the open

89 lessons · 18 hours of video. Here's exactly what's inside.

Getting StartedStart with a great plan then set up the project for success
  1. 1
    Course Introduction 6 lessons · 19 min
    • Introduction 0:16
    • What We Are Building 6:43
    • Who This Course Is For 2:10
    • What This Course Covers 4:24
    • What This Course Does Not Cover 3:55
    • What Outcomes Should You Expect 3:56
  2. 2
    WOULD Planning 5 lessons · 1h 34m
    • Walk Through It 14:46
    • Open Up The Requirements 30:24
    • UI Design 10:03
    • Logic Design 24:05
    • Data Design 16:05
  3. 3
    Project Basics 12 lessons · 33 min
    • Blazor Server Project Creation 2:19
    • Class Library Creation 3:05
    • Editorconfig Tweaks 3:27
    • Blazor Project Cleanup 4:46
    • Project Organization 2:13
    • Class Library NuGet Packages 2:45
    • Blazor Server NuGet Packages 2:55
    • Connecting The Library To Blazor 2:01
    • Blazor Global Usings 5:17
    • Class Library Global Usings 2:39
    • Separating Dependency Injection Services 5:53
    • Adding Caching 1:42
ConfigurationBuilding a Blazor app with data access and authentication
  1. 4
    Data Access 8 lessons · 2h 09m
    • Data Model Creation 32:12
    • Appsettings and Secrets 9:55
    • Database Connection Class 18:29
    • User Data Access 13:27
    • Category Data Access 11:07
    • Status Data Access 5:29
    • Suggestion Data Access 36:18
    • Configuring Dependency Injection 5:19
  2. 5
    Blazor Development 9 lessons · 3h 49m
    • Generating Starter Data 19:19
    • Generate Sample Data 13:42
    • Suggestions Page Code - No Auth data 47:33
    • Suggestions Page HTML 32:31
    • Suggestion Detail Page - No Auth data 18:09
    • Create Suggestion Page 36:53
    • Profile Page 31:12
    • Admin Approval Page 30:07
    • Not Authorized Page 3:37
  3. 6
    Authentication and Authorization 17 lessons · 2h 02m
    • Register B2C Account 8:31
    • Switch to B2C Account 2:38
    • Create App Registration 6:12
    • Add User Flows 11:54
    • Modify Appsettings 5:02
    • Configure Program.cs 1:10
    • Add Dependency Injection Services 2:13
    • Create Admin Policy 3:10
    • Log Out Redirect 2:19
    • Modify App.Razor 2:55
    • Create Login Display Page 6:10
    • Bug Fix Authentication 6:56
    • Update Branding 6:44
    • Register an Account 3:25
    • Add Authorization Entries 5:36
    • Test Authentication and Authorization 4:54
    • Add Authentication Code Changes 50:52
StyleCreate a great looking design for your application
  1. 7
    Styling the Application 11 lessons · 3h 21m
    • Main Settings 16:55
    • Suggestions Basic Structure 32:02
    • Suggestions Filter and Sort 17:55
    • Suggestions Categories and Statuses 7:01
    • Suggestions Entries 32:02
    • Login Display Styling 7:54
    • Create Suggestions 21:21
    • Suggestion Details 33:27
    • Admin Approval 22:16
    • Profile 11:53
    • Not Authorized 3:33
  2. 8
    Administrative Tasks with Styling 4 lessons · 45 min
    • Archiving 15:22
    • Status Update Code 11:14
    • Status Update HTML 11:42
    • Status Update Styling 8:26
  3. 9
    Mobile and Tablet Styling 4 lessons · 45 min
    • Layout Testing 5:48
    • Suggestion Page Layout 17:45
    • Suggestion Details Layout 6:35
    • Media Queries 17:06
PolishingCleanup testing and upgrading the application
  1. 10
    Blazor Cleanup 5 lessons · 9 min
    • Moving Suggestion Code 2:46
    • Moving Suggestion Detail Code 1:23
    • Moving Create Suggestion Code 0:52
    • Moving Admin Approval Code 3:33
    • Moving Profile Code 2:13
  2. 11
    Testing the Site 4 lessons · 28 min
    • Happy Path Admin Testing 6:10
    • Happy Path User Testing 6:04
    • Edge Case User Testing 8:00
    • Edge Case Admin Testing 8:05
  3. 12
    Course Conclusion 1 lesson · 2 min
    • Wrapping Up 2:21
  4. 13
    Course Updates 2 lessons · 30 min
    • Upgrading to .NET 7 11:48
    • Upgrading to .NET 8 19:25
Tim Corey

Hi, I'm Tim Corey.

I learned software development the hard way, with lots of dead-ends, confusion, and knowledge gaps. I kept thinking, “It shouldn't be this hard!” Now I teach students how to think and code like professional developers. My goal is to make it easier for you to become a developer.

25+ Years experience
400,000+ Students taught
400+ Hours of training
10x Microsoft MVP

Frequently asked questions

When does this course start and finish?
The course starts now and never ends! It is a completely self-paced online course; you decide when you start and when you finish.
How long do I have to access the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like; across any and all devices you own.
What if I am unhappy with the course?
I do my best to provide the highest quality training to help you become a successful developer. But if this course isn't for you, then you can count on a no-hassle 30 Day Money Back Guarantee.