Aplicação de Portfólio MERN Stack

Construa uma Aplicação de Portfólio Dinâmico usando MERN Stack

Olá, bem-vindo ao curso de Aplicação de Portfólio MERN Stack! Neste curso, você aprenderá como construir uma aplicação de portfólio dinâmico usando a MERN Stack.

Parte 1: Construindo um Portfólio Estático

Na primeira parte do curso, iremos focar em construir um portfólio estático usando React e Tailwind CSS. Abordaremos diversos conceitos como cores, alturas, larguras, flexboxes, alinhamentos, animações personalizadas usando CSS, posições (fixa, absoluta, relativa), responsividade e o sistema de grid no Tailwind CSS. Além disso, exploraremos componentes no React, props, estados e roteamento.

Parte 2: Convertendo para um Portfólio Dinâmico

Na segunda parte do curso, iremos converter o portfólio estático em um portfólio dinâmico. Essa parte terá uma duração maior em comparação com a primeira parte. Gastaremos aproximadamente 2 horas completando a primeira parte e depois nos concentraremos em torná-la dinâmica. Abordaremos tópicos como configuração de um servidor Node Express, estabelecimento de uma conexão Node-Mongo, trabalho com modelos e esquemas do MongoDB, construção de APIs para tornar o portfólio dinâmico e utilização de componentes de interface do usuário Antd para criar o painel de administração do portfólio.

Por que um Portfólio?

Ter uma presença online profissional é crucial na era digital de hoje. Um portfólio online permite que você compartilhe e mostre facilmente seu trabalho para potenciais empregadores. Incluir um link para o seu site de portfólio em sua assinatura ou currículo pode causar uma forte impressão. Os empregadores apreciarão o esforço que você colocou em criar um site com amostras de trabalho, recomendações, apresentações anteriores e muito mais.

Tech Stack

A MERN Stack é uma combinação de MongoDB, Express, React e Node.js. É uma escolha popular para construir aplicações web. Neste curso, substituímos o framework front-end tradicional Angular.js pelo React.js. Também estaremos usando o Tailwind CSS, um framework CSS de utilidade que fornece os blocos de construção necessários para criar interfaces de usuário personalizadas sem estilos restritivos.

O que você aprenderá

Ao final deste curso, você terá adquirido conhecimento e habilidades nas seguintes áreas: - Cores, alturas, larguras, flexboxes e alinhamentos - Animações personalizadas usando CSS e posições (fixa, absoluta, relativa) - Responsividade e o sistema de grid no Tailwind CSS - Fundamentos do Tailwind CSS - Componentes, estados e props no React - Redux Toolkit para gerenciamento de estado - Trabalhando com a combinação de Antd e Tailwind CSS - Trabalhando com Node.js e MongoDB - Construindo vários esquemas e modelos para tornar o portfólio dinâmico - Recursos completos de projetos e suporte de perguntas e respostas Junte-se a nós agora e comece a construir seu portfólio dinâmico usando a MERN Stack!