Overview

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. This comprehensive course guides you through modern web development with Blazor WebAssembly and .NET, helping you build dynamic and scalable web applications. You'll learn to set up your development environment, create a Blazor project, and dive into building user interfaces with Blazor components. Throughout the course, you will explore authentication, database management with Entity Framework Core, and integrating REST APIs for data handling. By applying these technologies, you will enhance your web development skills, making you proficient in creating interactive and secure web applications. The course flows from basic setup and creating your first Blazor application to handling authentication and connecting databases, followed by working with REST APIs and understanding architectural patterns. As you progress, you'll develop critical skills like handling data, creating forms, and integrating third-party JavaScript libraries into your projects. You'll also learn how to deploy your final application to Azure for production use. This course is ideal for aspiring web developers and those looking to enhance their skills in Blazor and .NET. A foundational understanding of web development and programming concepts is recommended. It’s suitable for learners at an intermediate level, though beginners in .NET development may also benefit from the clear, structured lessons. By the end of the course, you will be able to create and deploy a Blazor WebAssembly application, implement authentication with Identity Server, work with databases using Entity Framework, integrate REST APIs, and utilize advanced Blazor features for production-ready web apps.

Syllabus

Introduction

In this module, we will introduce you to the course, covering its structure and key concepts. You'll get a brief overview of the technologies you'll be working with, and we’ll set the stage for your journey into modern web development with Blazor and .NET.

Setup Environment

In this module, we will guide you through installing the necessary tools, including Visual Studio and .NET SDK, ensuring your development environment is set up correctly. You’ll also learn how to create a GitHub account for version control and collaboration.

Create Your First Blazor Application

In this module, we will walk you through the steps of creating your first Blazor application, including setting up your project, understanding its structure, and customizing components to suit your needs. You will also learn how to use GitHub for version control as you progress.

Working with Authentication and Entity Framework

In this module, we will focus on integrating authentication and Entity Framework into your Blazor application. You'll learn how to configure authentication, create databases, and implement data seeding, ensuring your application has a robust foundation for managing users and roles.

REST API and Database Access Setup

In this module, we will teach you how to set up REST API endpoints for your Blazor app and implement the Unit of Work design pattern. You'll also refactor existing controllers, improving the architecture of your application while ensuring data access is efficient.

Working with Blazor and Data

In this module, we will explore how to handle data within your Blazor application, including displaying data in lists and detail views. You’ll also set up forms for adding and editing data, learn to validate input, and clean up your code before committing changes to GitHub.

Architectural Considerations

In this module, we will dive into key architectural considerations such as the code-behind approach for components and implementing global error handling. You’ll also ensure that your application remains maintainable and properly versioned via GitHub.

Value-Added Features and Activities

In this module, we will enhance your Blazor application with additional features like custom Identity layouts, JavaScript Interop with third-party libraries, file upload support, and PWA capabilities. You’ll also clean up your code and commit these changes to GitHub.

Deploy to Production

In this final module, we will walk you through the process of deploying your Blazor application to Azure. You’ll learn how to take your project live, manage its production environment, and ensure it runs smoothly on the web.