Construa um aplicativo React JS responsivo de página única

Bem-vindo ao curso de site de portfólio de empresa responsivo de página única React JS

Aprenda paginação React, player de vídeo React, slider React, Github, Bootstrap

Bem-vindo a este abrangente curso de React JS. Neste curso, você terá a oportunidade de construir um aplicativo da web de página única totalmente funcional e responsivo usando React JS. Ao longo do curso, você também aprenderá como utilizar o Node JS e o Express JS para enviar e-mails usando o Nodemailer e o SendGrid. Ao final deste curso, você terá desenvolvido um site de perfil de empresa do mundo real com várias funcionalidades e recursos. Aqui estão alguns dos principais tópicos abordados neste curso: - Construindo um aplicativo de página única com rolagem suave - Fazendo solicitações HTTP para dados de API no React JS - Exibindo dados de API no aplicativo React - Implementando temas escuros e claros usando a API de Contexto - Criando um site responsivo usando o Bootstrap - Adicionando efeitos de digitação - Reproduzindo vídeos em um aplicativo React JS usando o React Player - Implementando paginação com dados de API - Criando paginação personalizada - Utilizando recursos de paginação carregar mais no React JS - Adicionando efeitos de zoom em imagens em um aplicativo React JS - Implementando um slider responsivo usando o React JS Slick Slider - Enviando e-mails de um formulário de contato usando solicitações de postagem do React JS - Gerando cores diferentes para itens diferentes usando renderização condicional do React JS - Utilizando o Node JS e o Express JS para enviar e-mails do backend - Testando pontos de extremidade de API no Postman para enviar e-mails - Implementando animações React JS para carregamento e rolagem - Adicionando recursos de rolagem para o topo em um aplicativo React JS front-end - Implementando temas escuros e claros para o aplicativo React JS - Enviando e-mails de um aplicativo React JS usando Node JS, Express JS e SendGrid - Fazendo o deploy de um aplicativo React JS no Netlify Além disso, você aprenderá como alterar dinamicamente a cor do tema do seu aplicativo React usando a API de Contexto do React. Você também construirá um sistema de acordeão React com dados de API, onde poderá marcar um único item se o acordeão estiver aberto. Além disso, você explorará os React Hooks, como useState, useEffect e createContext, que são essenciais para a construção do aplicativo React JS completo. Ao longo do curso, você utilizará vários pacotes para aprimorar seu aplicativo React JS: - Rolagem suave do React: Este pacote permite a rolagem suave entre as seções quando o usuário clica na barra de navegação. - Efeito de digitação: Este pacote adiciona diferentes tipos de efeitos de escrita ao seu aplicativo, especialmente na seção principal inicial. - Paginação do React: Este pacote adiciona paginação ao seu aplicativo, permitindo exibir dados de API com base no número de paginação. - Slider Slick do React: Este pacote permite criar um slider responsivo para exibir feedback. - Toastify do React: Este pacote exibe mensagens de aviso aos usuários quando eles enviam e-mails pelo formulário de contato. - Rolagem para o topo: Este pacote fornece funcionalidade de rolagem para o topo, permitindo que os usuários naveguem facilmente para a seção superior da página. - Revelação do React: Este pacote adiciona animações a vários campos do seu aplicativo React JS. - Node Mailer: Este pacote é usado para enviar e-mails com Nodemailer, Node JS, Express JS e SendGrid. - Player do React: Este pacote permite reproduzir vídeos, incluindo vídeos do YouTube, em seu aplicativo React JS. - Git e GitHub: Você aprenderá como publicar seu projeto React JS no GitHub, criar branches, enviar código, fazer pull requests, trabalhar em diferentes branches e mesclá-los. Além disso, você aprenderá como fazer commit de alterações usando o Git. Ao final deste curso, você terá adquirido habilidades valiosas na construção de um projeto React JS responsivo completo, na obtenção de dados de API, na implementação de paginação, na reprodução de vídeos, na criação de um design responsivo com Bootstrap, na adição de sliders elegantes, na utilização de sistemas de paginação carregar mais, na passagem de dados entre componentes, no deploy de aplicativos no Netlify, no envio de e-mails usando SendGrid e Nodemailer, no trabalho com o GitHub, na configuração de um backend com Node JS para envio de e-mails, no teste de pontos de extremidade de API no Postman e na implementação de animações React JS.