Building Full Stack Web Apps with Blazor

.NET
ASP.NET

ASP.NET Blazor 8 is Microsoft’s solution for building full-stack web applications using C# and .NET. Using Blazor, it’s possible to build interactive UIs for the web, without having to write JavaScript. And since .NET 8, Blazor can now also run on the server, making Blazor a one-stop-shop for building modern web apps.

Any questions?

Gill will gladly help you further with any personal or in-company needs you might have.

Get in touch

What will you learn?

Are you looking to build rich, interactive web applications but don’t like to go the JavaScript route? Or is your team skilled in .NET and you want to leverage that to build modern, responsive and fast web applications? Blazor can be your solution.

Blazor, part of ASP.NET Core, is the new framework from Microsoft to build modern, full-stack web applications without using JavaScript. Using Blazor, developers can use C# and .NET on the client and the server instead of Angular or React. This course focuses on ASP.NET Core Blazor 8 and therefore covers both the client-side side interactivity as well as using server-side rendering.

After following this course, you will be powered to build full-stack web apps using Blazor. You will during the course build a full application (each module is accompanied by a lab) in the different hosting models, giving you the knowledge to select what’s best to your situation. That is a unique advantage of Blazor!

Key takeaways

  1. Learn how to build modern web apps using Blazor.
  2. See the different types of apps you can build with Blazor.

Program

During this 3 day training, you will learn how to build real-world Blazor applications. You will start with the basics but dive soon in the more advanced aspects of the framework.

An introduction to Blazor
In this introduction module, students will get to know the Blazor framework and will explore how Blazor apps run. We will look at web assembly and the link with Blazor as well as the different hosting models of Blazor, including the new server-side rendering model introduced with ASP.NET Core 8. The required tools will also be explored. You will get to know the component model as you’ll build a first, small application too.

Topics:

  • Understanding Blazor and WebAssembly
  • Working with the different hosting models
  • Understanding Blazor Full Stack Web UI
  • Using Visual Studio and Visual Studio Code to create Blazor apps
  • Using the different templates in Visual Studio
  • Creating a first Blazor component

Understanding the core concepts of ASP.NET Core
Blazor is a key part of ASP.NET Core and many of the features are the same, since they are built on the same foundations. In this chapter, you will get to understand the bigger picture and see which foundational concepts, including dependency injection and middleware, can be leveraged.

Topics:

  • Understanding ASP.NET Core and the .NET 8 stack
  • The history of the different .NET platforms and how we got here
  • Working with dependency injection
  • Using middleware

Working with Blazor components
Blazor applications are built using components. There are many options to create apps using components, and in this chapter, we will explore the different options. A very important aspect will be data binding which is baked into Blazor, which is covered in-depth in this chapter, as well as the life-cycle of components, which you’ll need to understand to create your apps with the full power of components.

Topics:

  • Creating Blazor components
  • Using components
  • Adding parameters in components
  • Data binding in components
  • Handling events in component
  • Lifecycle hooks in components

Accessing remote data from Blazor apps
Blazor apps need to connect to up-to-date data. There are several ways to do this. In server-side Blazor, we can use EF Core. A better and more scalable approach is using remote data over REST services. In this chapter, we will learn how we can work with remote data.

Topics:

  • Setting up an API using ASP.NET Core
  • Accessing a REST API from Blazor
  • Using HttpClient
  • Using services and dependency injection to work with data

Who is it for?

This course is aimed at web developers willing to learn ASP.NET Core Blazor and web development based on this new and modern framework.

Requirements

C# knowledge (basics) is required.

ASP.NET Core foundations are useful but not required.

Why should I follow this training?

Learn about Blazor

Create modern web applications with this framework

Build a real-world application

This course will guide you in the end-to-end building of a real world app

Develop components with ease

Components are the building block of any Blazor app. You’ll learn the ins and outs of components in this course.

What else
should I know?

After registration for this training, you will receive a confirmation email with practical information. A week before the training, we will ask you about any dietary wishes.

See you soon!

Course information

Training will consist of a healthy mix of theory, examples, and exercises

Lunch is included

Travel and accommodation expenses are not included

Learn from author who created the popular Pluralsight course on Blazor

No previous knowledge on Blazor required!

Meet the trainer(s)

Gill Cleeren

Meet Gill Cleeren, Microsoft trainer at Xebia Academy. View Gill’s full profile and training courses on Xebia Academy.

Also interesting for you

View all training courses
Building Full Stack Web Apps with Blazor (BE)

ASP.NET Blazor 8: Craft interactive web apps with C# and .NET, no JavaScript needed. Now with server-side capabilities for seamless development.

.NET
ASP.NET
View training
Developing Solutions for Microsoft Azure (AZ-204) (BE)

Discover the power of Microsoft Azure with our AZ-204 course. Build, deploy, and manage scalable cloud solutions efficiently. Gain hands-on experience in cloud-native app development, CI/CD, security, compliance, and performance optimization. Unlock your potential in today’s dynamic cloud technology landscape.

CI/CD implementation
Microsoft Azure
View training
Azure Fundamentals (AZ-900) (BE)

Master the basics of Microsoft Azure with the AZ-900 Fundamentals course. Ideal for IT professionals seeking to understand cloud concepts, services, and infrastructure, this course lays the groundwork for a career in cloud computing and prepares you for the AZ-900 certification.

View training
AI for .NET Developers: Harnessing the Power of Artificial Intelligence (BE)

Enhance your .NET projects with AI through our 2-day course, featuring hands-on Azure and OpenAI integration, guided by a .NET expert.

Artificial Intelligence
OpenAI
View training
Clean Architecture with ASP.NET Core 8 (BE)

Explore applying Clean Architecture principles to ASP.NET Core 8, ensuring your codebase is testable, maintainable, and adaptable over time.

.NET
Software Architecture
View training

Can’t find the course you’re looking for? There’s more!