Get a FREE Account
Courses Pricing

Complete Blazor

From Beginner To Pro

Unlock the full power of Blazor by building modern, professional web apps using the scalable architecture, reusable components, secure authentication, and dynamic UIs. This course takes you from fundamentals to advanced design patterns with hands-on, real-world projects.

 

Subscribe Now
 

Who Is This Course For? 

✅  Aspiring Full-Stack Developers ready to build a solid portfolio and land a job using Blazor.

✅  Junior to Mid-Level Devs looking to level up their UI, architecture, and security knowledge.

✅  Bootcamp Grads and Career Changers who want confidence and experience building enterprise-grade applications.

✅  Experienced Developers moving from MVC or Razor Pages into the Blazor ecosystem or developers seeking a proven architectural foundation and reusable patterns.

This Course Features...

Modern, Dynamic UI

Build responsive layouts with Bootstrap, Flexbox, and CSS isolation. Create dynamic interfaces that respond in real-time to user input and data changes.

Authentication and Security

Implement full login flows with ASP.NET Identity, secure routes, and protect user data through role-based authorization.

Proven App Architecture Patterns

Master the Repository and DTO design patterns, and learn to structure enterprise-level Blazor apps from day one.

Web API Development

Build RESTful APIs using ASP.NET Core Web API. Apply DTO patterns, secure your endpoints with authentication and authorization, and support frontend integration with clean, protected endpoints.

Exclusive BDAP Pattern with Auto-Render Support

Only at Coder Foundry: the Blazor Data Access Pattern (BDAP), which allows you to write shared components that run in both Blazor Server and WebAssembly using Auto Render Mode.

Reusable UI Components

Build modular Razor components that simplify your UI and make your app easier to scale and maintain.

Build Services with Dependency Injection

Create services for business logic and data access, then inject them into your components using ASP.NET’s built-in DI system.

Database Integration

Use Entity Framework Core to manage relational data, design models, and run migrations — all with clean, maintainable code.

Ready to build Blazor apps the right way?

Join the course and start coding like a professional today.

See Pricing

Projects You'll Build

Contact Pro

A complete contact manager with categories, profile images, and bulk email functionality.

Now Playing

A dynamic movie browser app powered by the TMDB API, demonstrating real-time API integration.

Tasker

A structured task management app using DTOs, form validation, and dependency injection.

Course Content

 156 Lessons

 52hr 44min

Introduction To Blazor
09:56
Tool Setup
10:00
1. Introduction To Tasker
02:03
2. New Project
09:17
3. Project Structure
04:43
4. Modify Project Structure
31:49
5. Blazor Components
05:26
6. Reverse A String - Part 1
18:35
7. Reverse A String - Part 2
26:00
8. Form Overview
08:04
9. Tasker - Part 1
23:35
10. Tasker - Part 2
17:45
11. Tasker - Part 3
20:55
12. JavaScript interoperability (JS interop)
08:34
13. Tasker - Part 4
32:48
1. Introduction
02:36
2. Project Setup
20:15
3. Top Navigation Layout
06:35
4. Top Navigation Menu
31:42
5. Footer
27:56
6. Add Theme
21:18
7. Add Theme Page
39:51
8. Add Home Page
32:10
9. Create A Template
08:25
1. FizzBuzz Introduction
04:28
2. Project Setup
17:06
3. User Interface (UI)
33:23
4. The Algorithm
26:02
5. Display The Output
23:13
6. Validation
30:09
1. Introduction
07:10
2. Project Setup
13:55
3. Models
14:58
4. User Interface
39:15
5. Calculate Payments - Part 1
16:47
6. Calculate Payments - Part 2
21:51
7. Payment Schedule
24:24
1. Introduction
09:15
2. Template Setup
23:27
3. Add Landing Page Style
30:07
4. Add Pages
13:38
5. Add Movie Card
18:47
6. TMDB Setup
05:31
6.5. TMDB Key
02:57
7. Introduction to Web API
10:29
8. Movie Models
09:20
9. Call Now Playing API
36:02
10. Services Introduction
07:49
11. TMDB Service
24:24
12. Building the Popular Movies Page
11:59
13. Building the Favorite Movie Page
61:02
14. Search
41:32
15. Movie Details Page
07:17
16. Movie Details Class
13:47
17. Get Movie Service Method
15:27
18. Movie Details Style
40:20
19. Get Movie Trailer Service
20:04
20. Adding a Trailer Modal
21:53
21. Trailer JS
22:04
22. Actor Swiper
09:15
23. Actor Swiper: Part 2
31:04
24. Actor Swiper: Part 3
17:53
25. Actor Swiper: Part 4
26:13
26. Publish to Netlify
35:25
1. Introduction
11:36
2. Project Creation
04:04
3. Project Configuration
08:01
4. Models
12:30
5. Setting Up The Database - DbContext
08:39
6. Connection String
11:22
7. Generate The Database
07:57
8. Add A Web API Controller
12:51
9. Securing Endpoints
29:18
10. Modify Swagger
15:53
11. Test The API
11:11
12. Connection String Builder
17:58
13. Creating a Template
08:47
1. Introduction
07:06
2. Project Setup
20:26
3. Add Auth Menu
26:47
4. Extend Identity
13:22
5. Update User Profile
14:04
6. Claims Factory
19:26
7. Image Upload Class
10:44
8. Image Upload Helper
09:13
9. Register Page
27:04
10. Image Upload Controller
09:24
11. Modify Profile Page
23:57
12. Template
10:51
1. Introduction
18:21
2. WASM
13:01
3. TaskerDB
04:46
4. Database Overview
12:12
5. Tasker Items Table
13:01
6. POST Action
29:25
7. GET Action
15:35
8. PUT Action
16:19
9. DELETE Action
19:00
1. Introduction
06:56
2. Demo
05:37
3. Models
11:57
4. Project Setup
24:43
5. Database Setup
32:55
6. Seed Demo Users
27:10
7. Seed Demo Contacts
48:02
8. Claims - Part 1
02:53
9. Claims - Part 2
37:49
10. DTO - Part 1
11:22
11. DTO - Part 2
20:12
12. Category UI
21:14
13. BDAP
15:03
14. Category Create
35:56
15. Category UI
23:36
16. Get Categories
13:02
17. Edit Category UI
20:43
18. Edit Category
32:09
19. Delete Category UI
17:31
20. Delete Category
15:28
21. Render Modes
12:20
22. WASM Get Categories
29:37
23. WASM Create Category
19:36
24. Update Category
11:48
25. WASM Delete Category
11:46
26. Contacts UI
69:32
27. Image Helper
32:25
28. Contact Save
35:33
29. Image Save
34:07
30. Save Contact Categories
22:15
31. Contact Index UI
43:11
32. Get Contacts Async
16:21
33. Contact Card UI
37:07
34. Edit Contact UI
22:30
35. Update Contact Service
48:57
36. Delete Contact
26:26
37. Toast Message Component
39:30
38. Search Contacts
29:06
39. Category Filter
30:15
40. Category Links
15:06
41. Send Grid Setup
09:39
42. Email Contact UI
47:06
43. Email Category UI
34:07
44. Email Service
67:05
45. Code Cleanup
11:51
46. Contacts WASM
35:03
47. Delete Contact WASM
13:08
48. Create Contact WASM
27:23
49. Edit Contact WASM
11:00
50. Email Contact WASM
12:35
51. Email Category WASM
22:46
52. Login Page
43:36
53. Register Page
21:44
54. Personal Data
04:13
55. Data Utility
14:56
56. Add Docker
04:18
57. Images For Output
04:12
58. Deploy To Railway
13:32

John

"If you're passionate about blending functionality with aesthetics, the new Complete Blazor Course is an absolute must. This course doesn’t just teach Blazor—it transforms the way you approach building web applications."

Yardley

"I also want to say thank you guys for the Complete Blazor: From Beginner To Pro course it is a real deal!"

 

More Than a Curriculum

Coder Foundry has been teaching .NET since 2014. This curriculum is years in the making and is constantly evolving to our students' needs.

We've already helped hundreds of students start successful careers using the exact same information you're going to learn in this course.

Subscribe Now

WHAT'S NEXT?

The Bug Tracker

Build the complete fullstack capstone project to impress any hiring manager.

Get The Details

Blazor WASM with OpenAI API

Learn the basics of Web Assembly and build an AI Chef application using Blazor and the OpenAI API.

Get The Details