BLAZOR MASTERY: Domine o Blazor com 4 Projetos

Aplicações Blazor do mundo real, incluindo um sistema de vendas, dois projetos de mestre-detalhe e um cliente WebAssembly

Bem-vindo ao BLAZOR MASTERY: Domine o Blazor com 4 Projetos, um curso 100% prático para iniciantes onde você aprenderá a trabalhar com Blazor em cenários do mundo real, lidando com problemas complexos e requisitos semelhantes aos que você encontrará em aplicativos empresariais produtivos ou em seus próprios projetos. Neste curso, não abordaremos nenhum conceito teórico, pois eles foram explicados detalhadamente no meu curso Aprenda Blazor do Zero, onde estudamos a sintaxe Razor, o ciclo de vida dos componentes Blazor e o potencial da tecnologia em geral. Aqui, mergulhamos na prática e começamos a escrever código para quatro aplicativos que modelam casos específicos do mundo real. Se você não sabe NADA sobre Blazor, recomendo fazer primeiro o meu curso Aprenda Blazor do Zero. No entanto, se você já sabe algo ou se sente confortável aprendendo diretamente por meio de projetos, este curso também funcionará para você, pois explico tudo o que faço e não deixo nenhum detalhe de fora. Mas este curso não se trata apenas de aprender Blazor; também se trata de se tornar um desenvolvedor FullStack. Portanto, construiremos projetos completos com diferentes métodos de acesso a dados, camadas de serviço e camadas de apresentação. Este curso não depende da versão atual do .NET e pode ser realizado para aprender Blazor em qualquer versão do framework. Os projetos foram escritos em .NET 5, mas podem ser migrados para .NET 6 e versões futuras, se necessário. Os conceitos abordados no curso não são afetados pela versão do framework, pois o curso se concentra exclusivamente no Blazor e em aplicativos FullStack. Aqui está uma descrição detalhada do que o curso inclui:

Gerenciador de Contatos

O primeiro projeto é simples, mas completo, permitindo que você se familiarize com muitos dos conceitos que expandiremos ao longo do curso. Você aprenderá a usar componentes Blazor, construir um aplicativo com uma arquitetura limpa, separar o acesso a dados da apresentação e muito mais. Construiremos um gerenciador de contatos usando Dapper e SQL Server, garantindo que cada etapa seja explicada e exemplificada corretamente. O objetivo principal deste projeto é fornecer uma visão geral do que abordaremos posteriormente e construir confiança para trabalhar nos projetos mais complexos que virão a seguir.

Pokedex

Nenhum curso sobre Blazor estaria completo sem um exemplo de uma Pokedex. Neste caso, construiremos um aplicativo Blazor WebAssembly (uma Single Page Application sem nenhum código do lado do servidor) que consome a famosa PokeApi. Criaremos um catálogo simples de Pokemons, seus tipos e habilidades. Um dos destaques deste projeto é que implementaremos a paginação do zero, criando todos os componentes e métodos necessários para fazê-la funcionar, ser flexível e se adaptar às necessidades de cada projeto. Além disso, você aprenderá:

• Como interagir com qualquer API
• Como criar um modelo orientado a objetos para representar as respostas da API
• Como serializar e desserializar automaticamente essas respostas

Catálogo de Músicas

Neste projeto, aumentamos a complexidade para ensinar você a usar o Entity Framework para modelar sua camada de acesso a dados. Este é o primeiro projeto de mestre-detalhe do curso, onde o álbum é o mestre e as músicas são os detalhes. Abordaremos a comunicação bidirecional entre componentes e mostraremos como implementar um componente dinâmico reutilizável. Outro destaque é que usaremos este projeto para ensinar as duas maneiras mais populares de fazer upload de arquivos e imagens para o servidor: armazenando-os como bytes no banco de dados ou copiando o arquivo para um diretório do servidor. Para ambos os exemplos, usaremos o componente nativo InputFile do Blazor.

Sistema de Vendas

Este é o maior projeto do curso, onde colocamos em prática tudo o que aprendemos até agora. Mas isso não é tudo. O objetivo final deste projeto é fornecer a você um sistema que funcione exatamente como os que você encontrará no mundo real, com uma arquitetura limpa e flexível, usando as melhores práticas, padrões de desenvolvimento e uma interface profissional. O sistema consiste em uma estrutura clássica de mestre-detalhe com Pedidos e Produtos, com suporte de um banco de dados SQL. Também adicionaremos outros elementos básicos comumente encontrados nesses sistemas, como Clientes e Categorias de Produtos. Para acesso a dados, usaremos o Dapper, permitindo que você veja como as consultas e transações necessárias funcionam em todos os níveis. Neste caso, construiremos um aplicativo Blazor WebAssembly .NET Core hospedado, o que significa que teremos um cliente WebAssembly e uma API para acesso a dados. Essa é a arquitetura comumente usada em aplicativos do mundo real, com uma boa separação de responsabilidades. Para realizar isso, você aprenderá como instalar uma biblioteca de componentes, neste caso o MudBlazor, mas o conhecimento adquirido aqui pode ser aplicado a qualquer outra biblioteca de seu interesse. Ao longo do projeto, abordaremos Diálogos, grids, botões e alguns campos especiais, mas você terá as ferramentas necessárias para adicionar o que quiser. Este sistema terá segurança robusta fornecida pelo Identity Server, permitindo que adicionemos uma página de login, uma página de registro e uma série de páginas para que os usuários personalizem suas contas. Você aprenderá não apenas como fazer isso, mas também descobrirá todas as possibilidades para adicionar suas próprias opções. Em todos esses projetos, você usará 100% C# e nenhum JavaScript. Ao final do curso, você será capaz de:

• Construir qualquer coisa com Blazor
• Ter código de exemplo suficiente para reutilizar em seus projetos pessoais, criar seu próprio portfólio ou usar ao longo de sua carreira .NET
• Criar soluções complexas com Blazor
• Usar o Entity Framework
• Usar o Dapper
• Usar o Identity Server
• Escrever uma API .NET
• Consumir APIs públicas com Blazor e aplicativos .NET
• Ser um desenvolvedor FullStack usando apenas C#

Com esses projetos concluídos, você pode se considerar um usuário avançado de Blazor e terá coberto a maioria das possibilidades ao trabalhar com o .NET Core em geral. Então... O que você está esperando? Está pronto para se tornar um Mestre do Blazor?

O que você aprenderá

• Tudo o que você precisa saber sobre Blazor
• Completar uma operação CRUD no Blazor
• Criar um projeto do mundo real com Blazor
• Usar o Entity Framework com Blazor
• Criar visualizações de mestre-detalhe com o Entity Framework e o Dapper
• Criar componentes Blazor
• Navegar com aplicativos Blazor
• Blazor do lado do servidor
• Blazor Web Assembly
• Adicionar bibliotecas profissionais ao Blazor
• Usar o MudBlazor com Blazor
• Arquitetura de um aplicativo do mundo real
• Integrar bibliotecas de terceiros em um aplicativo Blazor
• Validar formulários no Blazor
• Comunicação entre componentes no Blazor
• Tipos de binding no Blazor
• Como incluir o Blazor em seus projetos
• Como usar C# no frontend sem JavaScript