Construa um site de portfólio responsivo com React

Bem-vindo ao Curso Completo de Projetos React

Neste curso abrangente, você adquirirá as habilidades para construir um site de portfólio totalmente responsivo usando React. Ao final do curso, você terá um site de portfólio do mundo real que pode ser implantado em um servidor em nuvem, permitindo que qualquer pessoa ao redor do mundo acesse-o.

O que você aprenderá

Ao longo deste curso, você adquirirá os seguintes conhecimentos e habilidades: - Construir um site de portfólio React - Implementar a API de Contexto para adicionar opções de tema escuro e claro - Criar um site responsivo usando Bootstrap para exibição ideal em qualquer dispositivo - Adicionar um efeito de digitação para melhorar a experiência do usuário - Incorporar um componente de linha do tempo vertical React JS para mostrar experiência de trabalho e educação - Implementar um recurso de paginação carregar mais usando React JS - Criar uma barra lateral expansível com React JS - Utilizar o carrossel React JS slick para exibir depoimentos responsivos - Enviar e-mails de um formulário de contato usando a solicitação de postagem React JS - Implementar renderização condicional em React JS para gerar cores diferentes para vários itens - Utilizar Node JS e Express JS para envio de e-mails no backend - Testar pontos de extremidade da API no Postman para funcionalidade de e-mail - Adicionar animações a diferentes elementos do aplicativo usando React JS - Implementar um recurso de rolagem de volta ao topo no aplicativo frontend React JS - Incorporar opções de tema escuro e claro para o aplicativo React JS - Enviar e-mails do React JS usando Node JS, Express JS e SendGrid - Implementar efeitos de mouse hover com React JS - Utilizar React JS Hooks para funcionalidade aprimorada - Implantar um aplicativo React JS no Netlify

Pacotes em Destaque

Ao longo do curso, você trabalhará com vários pacotes para aprimorar seu aplicativo React JS: - Rolagem suave do React: Este pacote permite uma 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. - Carrossel React slick: Este pacote permite criar uma seção de depoimentos responsiva com um carrossel. - Toastify React: Use este pacote para exibir mensagens de aviso aos usuários quando eles enviam e-mails através do formulário de contato. - Rolagem de volta ao topo: Este pacote permite a funcionalidade de rolagem para o topo, garantindo uma navegação fácil dentro de um aplicativo web de página única. - Revelação React: Este pacote adiciona animações a diferentes campos em seu aplicativo React JS. - Componente de linha do tempo vertical React: Utilize este componente para mostrar experiência de trabalho e educação com animação e design personalizado. - NodeMailer: Envie e-mails usando Node JS, Express JS e SendGrid.

O que você alcançará

Ao concluir este curso, você terá construído um site de portfólio totalmente responsivo. Além disso, você terá adquirido as habilidades para enviar e-mails do seu aplicativo React JS usando Node JS, Express JS, Nodemailer e SendGrid. Você também terá um entendimento sólido de vários React JS hooks, a capacidade de implementar temas escuros e claros, e experiência com a API de Contexto do React JS. Por fim, você terá o conhecimento para construir sites responsivos usando Bootstrap e implantar seu projeto React JS no Netlify. Além disso, você aprenderá como permitir que os usuários baixem seu CV diretamente do seu site de portfólio.