Usando os principais recursos do Blazor para criar aplicações web Single Page Application com C#, Razor e .NET 9. Você vai aprender Blazor WebAssembly e Blazor Server na prática, criando aplicações reais com ASP.NET Core, EF Core, segurança, APIs REST e muito mais.
O curso Blazor Essencial apresenta os principais recursos do Blazor focando a hospedagem WebAssembly com ASP.NET Core e também a hospedagem Blazor Server. Vamos criar aplicações reais para gerenciar categorias, produtos, usuários e perfis, explorando os recursos do Blazor, de componentes, do ASP.NET Core, EF Core e ADO.NET.
Conceitos principais do Blazor, seus modelos de hospedagem, modos de renderização no Blazor Web App, sintaxe Razor, componentes, parâmetros, eventos, data-binding e ciclo de vida.
Criação de catálogo de produtos com Blazor WebAssembly, backend em ASP.NET Core e EF Core, além de uma aplicação Blazor Server para gerenciar usuários e perfis usando ADO.NET.
Novos recursos do Blazor no .NET 8 e .NET 9, modos de renderização, Blazor Web App, Blazor Hybrid com .NET MAUI, Windows Forms e WPF, uso do MudBlazor, Fluent UI, QuickGrid, Docker, PWA e integração full stack com Web API.
Programar se aprende programando. Por isso, o curso traz projetos completos e seções inteiras dedicadas a aplicações reais, desde CRUDs básicos até loja virtual e aplicações full stack.
Abaixo você encontra a estrutura completa do curso, organizada em seções para facilitar o seu estudo. Cada seção foca em um conjunto de conceitos e recursos específicos do Blazor.
Seção 1: Novo Blazor - Introdução
Apresentacao
Blazor - O começo da nova era com .NET 8 e NET 9
Pré-requisitos para aprender Blazor
Como começar a usar o Blazor
Criando aplicações Blazor no VS Code
Criando aplicações Blazor no Visual Studio
Apresentando a sintaxe Razor
Apresentando os componentes Blazor
Criando o componente Contador
Modelos de Hospedagem e os novos modos de renderização
Blazor - Static Server Rendering
Modo de renderização Server (Blazor Web App)
Modo de rendereização Web Assembly (Blazor Web App)
Modo de renderização Auto (Blazor Web App)
Seção 2: Novo Blazor - Primeira aplicação Blazor
Introdução
Criando o projeto BlazorTarefas
Analisando a estrutura do projeto : BlazorTarefas (Server)
Analisando a estrutura do projeto - BlazorTarefas.Client
Criando o componente ResumoTarefas
Criando o projeto compartilhado - BlazorTarefas.Shared
Analisando os modos de renderização dos componentes
Navegação e Roteamento - NavLink e diretiva @page
Navegação e Roteamento - Múltiplas diretivas, parâmetros de rota
Navegação e Roteamento - NavigationManager
Entendendo o funcionamento do Layout - I
Entendendo o funcionamento do Layout - II
Detectar o modo, local e estado de interatividade dos componentes - I
Detectar o modo, local e estado de interatividade dos componentes - II
Pré-renderização no Blazor - I
Pré-renderização no Blazor - II
Tratando a dupla execução na pré-renderização
Seção 3: Novo Blazor - Componentes
Criando componentes com parâmetros - I
Criando componentes com parâmetros - II
Criando componentes com parâmetros - III
Material de estudo
Data Binding - One Way e Two Way Data Binding
Data Binding - Usando com campos e propriedades e bind:get e bind:set
Data Binding - @bind:event , @bind:after e @bind:format
Material de Estudo
Eventos - Usando eventos nomeados
Eventos - Usando eventos com Expressão lambda
Eventos - Acessando informações com EventArgs
Eventos - Comunicação entre Componentes com EventCallBack
Eventos - Modificadores de Evento
Material de Estudo
Componentes Aninhados - I
Componentes Aninhados - II
Componentes Aninhados - III
Material de Estudo
RenderFragament - Sintaxe com ChildContent
RenderFragment - Sintaxe com nome específico
RenderFragment<T> - Criando um componente genérico
Material de Estudo
Parâmetros em Cascata - CascadingValue com CascadingParameter
Parâmetros em Cascata - Usando as propridades Name e IsFixed
Parâmetros em Cascata - Usando CascadingVale<T>
Material de Estudo
Ciclo de vida dos componentes
Ciclo de vida dos componentes - SetParametersAsync
Ciclo de vida dos componentes - OnInitialized/OnParametersSet
Ciclo de vida dos componentes - ShouldRender
Ciclo de vida dos componentes - OnAfterRenderAsync e Dispose
Ciclo de vida dos componentes - Material Estudo
Seção 4: Novo Blazor - Formulários
Apresentando os Formulários no Blazor
Criando seu primeiro formulário
Ativando as validações no formulário - Atributos Data Annotations
Criando um formulário com validação - DataAnnotationValidatior
Formulário com validação - ValidationSummary e ValidationMessage
Formulário com validação - Controles de entrada (Input Controls)
Formulário com Validação - Limpando campos e Segurança
Seção 5: Novo Blazor - Novos Recursos
Apresentação
Novidades do Blazor no .NET 8
Novos Modos de Renderização do Blazor
Nova Sintaxe, Novos templates e o novo Identity
Blazor - Apresentando o QuickGrid
Criando um CRUD básico usando os novos modos de renderização
Apresentando a navegação de formulário aprimorada
Apresentando o novo recurso Blazor Sections
Renderizando componentes fora da ASP.NET Core
Apresentando o Fluent UI para o Blazor
Realizando um CRUD básico usando a Fluent UI
Upload de arquivos usando o modo de renderização InteractiveServer
Upload de arquivos usando o modo de renderização Static Server Rendering
Upload de arquivos usando o modo InteractiveWebAssembly
Blazor Identity - Incluindo novos recursos na implementação padrão
Seção 6: Novo Blazor - CRUD com Clean Architecture
Criando a solução e os projetos e definindo os recursos do Domain
Implementando os recursos do projeto Infrastructure e CrossCutting
Implementando os recursos do projeto Blazor : Incluir e Exbir livros
Implementando os recursos do projeto Blazor : Editar e Excluir livros
Seção 7: Novo Blazor - Scaffolding
Gerando componentes Blazor com Scaffolding - II
Seção 8: Novo Blazor - Containerizando aplicações Blazor
Blazor Server
Blazor Server com SQL Server
Blazor WebAssembly
Seção 9: Novo Blazor - Blazor Hybrid com .NET MAUI, Windows Forms e WPF
MAUI Blazor Hybrid App - Apresentação e projeto - I
MAUI Blazor Hybrid App - Apresentação e projeto - II
Blazor Hybrid com Windows Forms
Blazor Hybrid com WPF
Seção 10: Novo Blazor - MudBlazor
Apresentando o MudBlazor
MudBlazor - Realizando um CRUD básico
MudBlazor - Criando gráficos de linhas e barras
MudBlazor - Criando gráficos de Pizza e de Rosca
Seção 11: Backend com ASP .NET Core e HTTP
Fazendo o tratamento do Backend
Novos métodos HttpClient e Ajustes para o .NET 6
Catálogo de Categorias e Produtos
.NET 6 - Catálogo de Categorias e Produtos
Configurando o EF Core
Aplicando o Migrations
Criando a Web API : CategoriaController
Criando a aplicação Blazor para Categorias
Criando o Componente p/Incluir Categoria
Criando o Componente p/Editar Categoria
Criando o componente CategoriaForm
Criando o componente p/Excluir Categoria
Implementando a paginação de dados
Implementando a paginação de dados - Parte 2
Filtrando dados
Por o Foco em controle TextBox via JavaScript
Projetos - Categorias
Gerenciando os Produtos
Criando o controlador ProdutoController
Criando o componente para Exibir Produtos
Criando o Componente p/Incluir Produto
Ajustando a carga de Categorias
Criando um componente para Imagens (ver aula 165 na seção 12)
Criando o Componente p/Editar Produto
Criando o componente p/Excluir Produto
Criando o Catálogo de Produtos
Exibindo os detalhes de um Produto
Implementando a paginação de dados
Projeto - Catálogo Produtos
Seção 12: Implementando a Segurança
Gerenciando a autenticação e autorização
Implementando um AuthenticationStateProvider Demo
Usando o componente AuthorizeView
Usando o atributo Authorize
Verificando o estado de autenticação via código C#
Roteiro para usar autenticação com Identity
Implementando o Identity
Criando o controlador AccountController
Testando a implementação com o Postman
Criando o provedor de autenticação para JWT
Criando os métodos para Login e Logout
Criando o componente para exibir os links para Login e Logout
Criando o componente para Login
Criando o componente para Logout
Criando o componente para Register
Definindo uma politica de segurança
Criando uma Role Admin e atribuindo usuários
Seção 13: Blazor Server
Características das aplicações Blazor Server
Roteiro da aplicação para gerenciar Users e Roles
Criando a aplicação para gerenciar Users e Roles
Definindo a infraestrutura da aplicação
Gerenciando Users
Criando o serviço para gerenciar Users
Considerações sobre o Serviço : ADO .NET x EF Core
Listando os usuários existentes
Deletando usuários
Fluxo para Atribuir um Perfil a um usuário
Implementando a atribuição de um Perfil a um usuário
Exibindo a lista de Perfis dos usuários
Adicionando um novo Perfil
Fluxo para editar um perfil existente
Implementando a edição de um perfil
Excluindo um perfil
Testando as funcionalidades implementadas
Migração para o .NET 6.0
Seção 14: Blazor WebAssembly 3.2.0 PWA
Blazor Catalogo - Roteiro de Migração para WebAssembly 3.2.0
Aplicando o roteiro para migração para Blazor WebAssembly 3.2.0
Migração do projeto Blazor Catalogo com segurança para Blazor WebAssembly 3.2.0
Apresentando PWA - Progressive Web Apps
Criando uma aplicação Blazor PWA
Analisando a estrutura da aplicação PWA
Convertendo uma aplicação Blazor para PWA
Armazenando as requisições GET no cache
Seção 15: Projetos Blazor
Blazor Server - Editor RichText Online
Blazor Server - Upload de Arquivos
Blazor Alunos - Exibindo uma lista de Alunos
Bazor Produtos - CRUD básico com Dapper
Blazor - Imprimindo via JavaScript
Implementando os recursos do projeto Blazor - Final
Seção 17: Criando uma loja virtual com Blazor WebAssembly
Apresentação
Criar os projetos, entidades , configurar o EF Core e aplicar o Migrations
Criando os DTOs, o Repositório e o controlador para Produtos
Consumir a Web API com HttpClient , criar os serviços e o componente Catálogo
Criar componentes Blazor e implementar o Repositório para o Carrinho de Compras
Carrinho de Compras : incluir , remover e alterar itens do carrinho
Exibir e excluir itens do carrinho de compras
Atualizar a quantidade de itens , exibir a quantidade de itens e o preço total
Criar a navegação para o carrinho de compras e visualizar quantidade de itens
Criar o menu Lateral para categorias e carregar a página com categorias
Otimizar o desempenho com localstorage e finalizar a loja virtual
Obter o código do projeto no Github
Seção 18: Full Stack .NET Development - Blazor Wasm e REST
Apresentação do projeto
Implementando a segurança com JWT
Usando o token JWT e habilitando o CORS
Criação e configuração do projeto Blazor Web Assembly
Implementando a autenticação no projeto Blazor WebAssembly
Criando os serviços e componentes para acessar os endpoints da API
Blazor WebAssembly - Gerenciando Mangás
Blazor WebAssembly - Criando o formulário MangaForm
Blazor WebAssembly - Editando e excluindo mangás
Blazor WebAssembly - Enviando imagens para o servidor
Implementando a paginação de dados
Criando o catálogo de mnagás e exibindo por categoria
Conclusão : Filtrando o catálogo de mangás
Migração para o .NET 8.0 - ApiMangas
Migracao para o .NET 8.0 - BlazorMangas
Projetos do Curso
Em cada seção você recebe o código dos projetos Blazor, Web API e soluções completas do Visual Studio.
Seções dedicadas a novos recursos do Blazor no .NET 8 e .NET 9, Clean Architecture, containerização, PWA, MudBlazor, Fluent UI e muito mais.
Você pode revisar o conteúdo sempre que quiser, incluindo futuras atualizações do curso.
Veja como o curso está estruturado, quais seções você terá acesso e como ele pode transformar a forma como você desenvolve aplicações web usando Blazor, ASP.NET Core e .NET 8/9.
Um curso essencial para desenvolvedores C# que desejam criar aplicações web modernas usando Blazor, tanto com WebAssembly quanto com Blazor Server, explorando os novos recursos do .NET 8 e .NET 9, segurança, APIs, containerização e projetos full stack.
Quero me inscrever agora →