Crie um site de comércio eletrônico com Blazor WebAssembly no .NET 6

Aprenda como criar um site de comércio eletrônico totalmente funcional usando Blazor WebAssembly, uma Web API, Entity Framework Core e SQL Server Express.

Bem-vindo ao Curso de Comércio Eletrônico Blazor WebAssembly! Neste curso online abrangente, vamos guiá-lo pelo processo de construção de um aplicativo web de comércio eletrônico usando .NET 6 e Blazor WebAssembly. Ao longo do curso, abordaremos todo o stack, incluindo Blazor para o lado do cliente, uma Web API para o serviço web do back-end e o Entity Framework Core com SQL Server Express para o banco de dados.

Nosso curso começa com a criação de um esqueleto básico, permitindo que você aprenda rapidamente como construir um aplicativo web full-stack em execução usando os frameworks e tecnologias mencionados. Você aprenderá como fazer chamadas para o serviço web, recuperar dados do SQL Server e exibir os resultados no cliente Blazor WebAssembly. Além disso, introduziremos as melhores práticas, como a utilização do padrão de repositório e injeção de dependência para aprimorar a estrutura do seu aplicativo.

Conforme avançamos, vamos nos concentrar na construção de vários componentes do aplicativo de comércio eletrônico. Isso inclui a implementação de recursos como categorias de produtos, variantes, funcionalidade de pesquisa, paginação, um carrinho básico e muito mais. Ao longo dessas implementações, você obterá um profundo entendimento do Blazor WebAssembly, da Web API e das relações entre as entidades gerenciadas pelo Entity Framework Core e pelo SQL Server.

Em seguida, abordaremos a autenticação usando tokens web JSON (JWT). Você aprenderá como registrar usuários, permitir o login do usuário e criar tokens web JSON para autenticar os usuários. Também abordaremos a segurança da sua Web API usando o famoso atributo [Authorize] e forneceremos aos usuários a capacidade de gerenciar seus perfis, incluindo a alteração de senhas.

A próxima seção se concentra no carrinho e nos pedidos. Vamos aprimorar a funcionalidade do carrinho armazenando os produtos do carrinho no banco de dados e implementando o processo final de pedido, incluindo uma visão geral do histórico de pedidos. Além disso, introduziremos a opção para os usuários fazerem checkout e pagarem por seus pedidos usando o Stripe. Isso significa que seus usuários podem pagar com cartões de crédito, Google Pay e Apple Pay de forma conveniente. Também incluiremos uma seção menor onde implementamos a opção de adicionar um endereço de entrega.

Por fim, abordaremos o grande painel de administração. Esta seção reúne todo o conhecimento que você adquiriu até agora. Você utilizará vários recursos do Blazor WebAssembly para criar várias operações CRUD para gerenciar produtos, categorias e variantes de produtos. Para garantir a autorização adequada, introduziremos a autorização baseada em funções, permitindo que os administradores criem, leiam, atualizem e excluam entidades com base em suas funções atribuídas.

Ao longo deste curso, você aprenderá uma ampla variedade de habilidades e técnicas. Aqui está uma visão geral do que você pode esperar aprender:

• Introdução - Instale o Framework .NET 6 e o Visual Studio 2022 - Obtenha o código-fonte do GitHub
• Fundamentos Full Stack - Construindo um Esqueleto Básico - Crie um Projeto Hospedado do Blazor WebAssembly ASP.NET Core - Depure seu projeto - Saiba mais sobre o novo recurso Hot Reload do .NET 6 e do Visual Studio 2022 - Crie Componentes Razor e utilize o Isolamento de CSS - Implemente um Controlador Web API e teste-o com o SwaggerUI - Instale e use o SQL Server Express e o Entity Framework Core 6 - Utilize as Migrações de Código-Primeiro com o EF Core 6 e dados de seed programaticamente - Crie um repositório Git e envie seu código para o GitHub
• Adicionando e Utilizando Melhores Práticas - Implemente uma Resposta de Serviço com Genéricos - Use o Padrão de Repositório e Injeção de Dependência - Crie Serviços para o cliente e o serviço
• Tudo sobre Produtos - Blazor WebAssembly em Ação - Adicione mais modelos e entidades ao seu aplicativo web, como categorias, variantes e muito mais - Use vários recursos do EF Core 6, como chaves primárias compostas, mais migrações e relacionamentos - Utilize vários componentes integrados do Blazor WebAssembly - Implemente um recurso de pesquisa e paginação - Implemente um layout personalizado - Adicione um carrinho usando o armazenamento local ao seu aplicativo
• Vamos adicionar Usuários - Autenticação com Tokens Web JSON - Implemente registro e login de usuários - Use anotações de dados e validação - Introduza o modelo de usuário - Adicione autenticação de token com Tokens Web JSON (JWT) - Implemente um provedor de estado de autenticação personalizado - Adicione um URL de retorno ao login - Utilize o atributo [Authorize]
• Vamos comprar alguns Produtos - Carrinho e Pedidos - Armazene o carrinho de um usuário no banco de dados - Use o HttpContextAccessor para acessar o usuário nos serviços - Armazene os pedidos no banco de dados - Visualize um histórico de pedidos - Utilize o estado de autenticação do usuário
• Ka-Ching! - Pagamento com Stripe Checkout - Introduza o Stripe - Use o Stripe Checkout para pagamentos - Atenda a um Pedido com WebHooks - Habilite um endereço de entrega no Stripe Checkout
• De onde você é? - Adicione um Endereço de Entrega - Adicione um modelo de endereço com uma nova migração - Crie um componente compartilhado para o carrinho e a página de perfil do usuário
• Precisamos de mais coisas! - Painel de Administração - Introduza a autorização baseada em funções no cliente e no servidor - Expanda seus modelos - Crie várias páginas de administração - Implemente operações CRUD (criar, ler, atualizar, excluir) para suas entidades

Se você é novo nos meus cursos, meu nome é Patrick God. Sou desenvolvedor web há mais de uma década, trabalhando tanto para grandes corporações quanto para equipes pequenas. Estou animado com a direção que a Microsoft está tomando com .NET e Blazor, e tenho paixão por compartilhar meu conhecimento com os outros. Criei 10 cursos sobre diversos temas, incluindo .NET (Core), Blazor WebAssembly, aplicações de página única, Angular e DevOps. Com mais de 60.000 alunos e inúmeras avaliações com 5 estrelas, tenho confiança de que você encontrará valor neste curso.

Se você ainda não tem certeza se este curso é adequado para você, oferecemos uma garantia de reembolso de 30 dias. Sinta-se à vontade para experimentá-lo e solicitar um reembolso se ele não atender às suas expectativas. Além disso, você pode fazer perguntas nas seções de Perguntas e Respostas, e a comunidade, incluindo eu mesmo, ficará feliz em ajudá-lo. Você também receberá o código-fonte completo, garantindo que você tenha todos os recursos necessários para ter sucesso neste curso.

Está pronto para embarcar nessa jornada de aprendizado? Estou ansioso para vê-lo no curso!