30% OFF - Use code HANDSON30 for 30% off any course or Dometrain Pro! Browse courses →
  • Courses
  • Learning Paths
  • Blogs
  • Authors
  • Leaderboard
  • Dometrain Pro
  • Shopping Basket

    Your basket is empty

  • Business Portal
  • Deep Dive: Blazor

    Deep dive into Blazor, a modern web framework using HTML, CSS, and C#. This course teaches you how to build full-featured web apps with minimal JavaScript, leveraging your C# skills.

    About This Course

    So, you learned what Blazor is and how it works in our previous Getting Started course. Awesome! In this course, we will deep dive into more advanced Blazor features and take a look at WebAssembly, PreRendering, AoT, Interop and more, as well as Blazor Hybrid, Customizing Startup, creating charts, managing state and localization. We will wrap this all up with some custom elements, all led by the fantastic Jimmy Engstr�m, a Microsoft MVP and one of the few true Blazor experts.

    Course Curriculum

    6h 15m 9 sections
    Welcome
    00:49 Free preview
    What will you learn in this course?
    00:53 Free preview
    Who is the course for and prerequisites
    00:36 Free preview
    What is WebAssembly
    09:51
    WebAssembly standalone template
    07:41
    Loading indicator
    09:26
    PreRendering
    10:58
    Lazy Loading
    10:19
    AoT
    13:20
    Jitterpreter
    05:08
    Trimming
    18:20
    WebAssembly libriaries
    17:23
    Adding C++
    02:37
    JavaScript interops
    19:19
    Section recap
    00:36
    Introduction
    02:44
    What is .NET MAUI
    06:48
    Creating a Blazor Hybrid app
    08:09
    Setting up iOS
    08:22
    Setting up Android
    07:37
    Setting up Windows
    02:31
    Adding Dark theme
    05:19
    Adding Shell
    12:54
    Adding Tabs
    02:00
    Native navigation
    03:49
    Dependency Injection
    05:37
    Calling native functions
    06:24
    Debugging
    04:49
    Section recap
    00:28
    Customizing startup
    10:12
    JavaScript Initializers
    04:50
    Adding Brotli
    10:00
    Section recap
    00:33
    Implementing D3.js
    32:20
    Flux Pattern
    02:07
    Implementing the Flux pattern (Fluxor)
    16:30
    Potential problems
    07:51
    Timewarp.State
    12:16
    Sharing state between render modes
    18:50
    Section recap
    01:28
    Implementing localization
    09:49
    Adding translations
    09:16
    Section recap
    01:21
    Introduction
    01:52
    Creating a Blazor Custom Element
    03:51
    Adding Custom Element to Angular
    05:00
    Adding Custom Element to React
    03:16
    Adding Custom Elements to MVC
    05:09
    Adding Custom Elements to HTML
    08:27
    Adding a progress bar
    03:01
    Section recap
    00:44
    Conclusion
    00:56

    Meet Your Instructor

    Jimmy Engström

    Jimmy Engström

    Jimmy Engström has been developing ever since he was 7 years old and got his first computer. He loves to be on the cutting edge of technology, trying new things. When he got wind of Blazor, he immediately realized its potential and adopted it when it was in beta. He has been running Blazor in production since it was launched by Microsoft. He is the author of "Web Development with Blazor" and the co-host of Coding After Work (podcast and stream).

    View all courses by Jimmy Engström

    What's New

    Getting Started: Model Context Protocol (MCP)
    course

    Getting Started: Model Context Protocol (MCP)

    Learn how to get started with the Model Context Protocol (MCP) and integrate it into your applications.

    Learn more about Getting Started: Model Context Protocol (MCP)
    Hands-On: Learn TypeScript
    course

    Hands-On: Learn TypeScript

    Learn TypeScript through hands-on coding exercises. Practice what you learn with interactive challenges designed for every level.

    Learn more about Hands-On: Learn TypeScript
    Hands-On: Learn JavaScript
    course

    Hands-On: Learn JavaScript

    Learn JavaScript through hands-on coding exercises. Practice what you learn with interactive challenges designed for every level.

    Learn more about Hands-On: Learn JavaScript
    Hands-On: Data Structures & Algorithms in C#
    course

    Hands-On: Data Structures & Algorithms in C#

    Master data structures and algorithms through hands-on coding exercises in C#. Free to enroll for 7 days!

    Learn more about Hands-On: Data Structures & Algorithms in C#
    Blogsmith.ai
    feature

    Blogsmith.ai

    Turn your videos into blogs and newsletters with AI. Check out our new product at blogsmith.ai.

    Learn more about Blogsmith.ai
    Leaderboard
    feature

    Leaderboard

    See how you stack up against other learners. Track your progress, climb the ranks, and compete with the Dometrain community.

    Learn more about Leaderboard
    Hands-On: Learn PostgreSQL
    course

    Hands-On: Learn PostgreSQL

    Learn PostgreSQL through hands-on coding exercises. Practice what you learn with interactive challenges designed for every level.

    Learn more about Hands-On: Learn PostgreSQL
    Free Hands-On: C# for Beginners
    course

    Free Hands-On: C# for Beginners

    Learn C# through hands-on coding exercises. Practice what you learn with interactive challenges designed for everyone, from beginners to experts.

    Learn more about Free Hands-On: C# for Beginners
    Getting Started: AI for .NET Developers
    course

    Getting Started: AI for .NET Developers

    Get started with integrating AI into your .NET applications effectively using the latest LLM best practices.

    Learn more about Getting Started: AI for .NET Developers
    Getting Started: Building .NET Applications on AWS
    course

    Getting Started: Building .NET Applications on AWS

    Learn how to build and deploy .NET applications on AWS using CDK, Lambda, DynamoDB, S3, and more.

    Learn more about Getting Started: Building .NET Applications on AWS
    What's new in C# 14
    blog

    What's new in C# 14

    This guide covers every new C# 14 feature, explains its benefits, and provides practical code examples to help you navigate how you can use them.

    Learn more about What's new in C# 14
    Let's Build It: AI Chatbot with RAG in .NET Using Your Data
    course

    Let's Build It: AI Chatbot with RAG in .NET Using Your Data

    Build a Retrieval-Augmented Generation (RAG) chatbot that can answer questions using your data.

    Learn more about Let's Build It: AI Chatbot with RAG in .NET Using Your Data
    From Zero to Hero: SignalR in .NET
    course

    From Zero to Hero: SignalR in .NET

    Enable enterprise-grade real-time communication for your web apps with SignalR.

    Learn more about From Zero to Hero: SignalR in .NET
    Deep Dive: Solution Architecture
    course

    Deep Dive: Solution Architecture

    Master solution architecture and turn business needs into scalable, maintainable systems.

    Learn more about Deep Dive: Solution Architecture
    Migrating: ASP.NET Web APIs to ASP.NET Core
    course

    Migrating: ASP.NET Web APIs to ASP.NET Core

    A step-by-step process to migrate ASP.NET Web APIs from .NET Framework to ASP.NET Core.

    Learn more about Migrating: ASP.NET Web APIs to ASP.NET Core
    Getting Started: Caching in .NET
    course

    Getting Started: Caching in .NET

    Let's make the hardest thing in programming easy for .NET software engineers.

    Learn more about Getting Started: Caching in .NET
    From Zero to Hero: Testing with xUnit in C#
    course

    From Zero to Hero: Testing with xUnit in C#

    Learn how to test any codebase in .NET with the latest version of xUnit, the industry-standard testing library.

    Learn more about From Zero to Hero: Testing with xUnit in C#
    Create a ChatGPT Console AI Chatbot in C#
    blog

    Create a ChatGPT Console AI Chatbot in C#

    This walkthrough is your hands-on entry point to create a basic C# console application that talks to ChatGPT using the OpenAI API.

    Learn more about Create a ChatGPT Console AI Chatbot in C#