Curso de Projeto MERN Stack 2023 - Construa um aplicativo React Fullstack
Aprenda MERN Stack construindo um aplicativo de comércio eletrônico avançado incluindo atributos de produtos, SocketIO, chat em tempo real, gráficos e muito mais
Neste curso, você aprenderá MERN Stack construindo um incrível aplicativo de comércio eletrônico do zero. O aplicativo terá não apenas funcionalidades básicas, como um carrinho de compras e busca de produtos, mas também coisas avançadas, como chat, gráficos de vendas em tempo real, atributos de produtos (por exemplo, cor do produto para escolher), criação de componentes testáveis em React e outras coisas (veja vídeos gratuitos e currículo). MERN Stack é um kit de desenvolvimento muito popular para construir aplicações web. MERN consiste em MongoDB (como banco de dados), Express (um framework para facilitar o uso do Node), React (para criar interfaces de usuário) e Node (como servidor). Você aprenderá como combinar as quatro tecnologias juntas e construir um aplicativo de comércio eletrônico avançado e totalmente responsivo passo a passo. Na primeira parte, você aprenderá o básico do MERN Stack e a extensão JSX. Graças ao JSX, podemos criar facilmente componentes em React. Também mostrarei a você todo o aplicativo e darei algumas dicas sobre o VS Code e recursos para download. E o restante deste curso é sobre cobrir e passar pelas etapas de criação de cada aplicativo MERN Stack do zero usando o aplicativo de exemplo de comércio eletrônico. Explicarei tudo de forma elegante e compreensível. Você entenderá profundamente o Redux usando cenários da vida real. Começaremos instalando o React e criando um modelo HTML para todo o aplicativo (usando o React Bootstrap). Vamos vincular as subpáginas criadas com roteamento. Em seguida, instalaremos o Express JS para lidar com o servidor Node para nosso aplicativo. Vamos nos conectar ao banco de dados MongoDB e salvar dados de exemplo neste banco de dados, como uma lista de produtos para a loja. Criaremos uma API através da qual o frontend recuperará dados do banco de dados, fará login no aplicativo, etc. Uma vez que temos o frontend, backend e API, podemos conectar tudo e desenvolver o aplicativo ainda mais complementando o código frontend com operações backend. Testaremos nosso aplicativo usando Jest & Testing Library. Algumas das características do aplicativo de comércio eletrônico incluem um carrinho de compras, login, registro, pagamento PayPal, upload de imagens para Cloudinary e para disco local, pesquisa, classificação, filtragem, paginação da lista de produtos, categorias multiníveis, carrossel de mais vendidos, sistema de classificação por estrelas e avaliações, gráficos de vendas em tempo real usando SocketIO, chat usando SocketIO, implantar aplicativo no Heroku & Render, estado local do React, estado do Redux, programação funcional bonita usando React Hooks e muito mais! Por favor, consulte o currículo e veja vídeos gratuitos para obter uma melhor compreensão do curso. Quase todos os meus alunos estão satisfeitos com meus cursos! Dê uma olhada em alguns dos comentários deles: Eu amei este curso, o autor explica tudo de forma clara, mesmo para mim que não sou falante nativo. Eu estava um pouco assustado em fazer um curso em inglês, mas valeu a pena. Muito obrigado e saudações da Alemanha e outro: Este curso é excepcional! Ele aborda assuntos que nenhum outro curso aborda. O instrutor é bem organizado e minucioso em todos os seus exemplos e explicações. Estou ansioso por mais cursos dele. Inscreva-se no curso agora e torne-se um desenvolvedor web MERN Stack!
O que você aprenderá
- Aprenda como combinar MongoDB, Express, React, NodeJS (MERN Stack)
- Como criar aplicativos web fullstack (frontend + backend) do zero usando MERN Stack
- Como criar componentes React testáveis e de fácil manutenção
- Como testar seu aplicativo usando Jest & Testing Library & Postman/Insomnia
- Entenda o Redux com cenários da vida real
- Crie chat e gráficos em tempo real
- Implante no Heroku/Render
- Muito, muito mais
