Nesta formação, os formandos terão a oportunidade de desenvolver uma aplicação web funcional, utilizando React como biblioteca principal, integrando uma API Restful para autenticação e operações CRUD, e aplicando práticas de estilização moderna com TailwindCSS para criar interfaces responsivas e usuais.
Durante as sessões, será explorada a criação de uma aplicação frontend com React, permitindo aos formandos integrar uma API Restful fornecida, consumir dados e implementar autenticação básica com JWT. Além disso, serão aplicadas operações CRUD (Create, Read, Update, Delete) de forma prática, garantindo uma abordagem estruturada e funcional ao desenvolvimento web.
Adicionalmente, serão trabalhadas técnicas de roteamento no React, permitindo criar navegação dinâmica e proteger rotas com base na autenticação, assegurando a compreensão do fluxo básico de autenticação e a proteção de dados sensíveis no frontend.
No final, os formandos estarão preparados para desenvolver aplicações frontend modernas e eficientes, aplicando os conceitos abordados ao longo da formação.
Sessão 1: Configuração Inicial e Introdução ao React
-Introdução ao curso e visão geral do projeto GoalTracker.
-Configuração do ambiente de desenvolvimento: instalação do Node.js e criação de uma aplicação React com create-react-app.
-Configuração e introdução ao TailwindCSS para estilização.
-Criação do primeiro componente: Navbar com links para as páginas principais (Home, Goals, Dashboard).
Sessão 2: Roteamento e Estruturação da Aplicação
– Configuração do React Router (react-router-dom).
– Criação das páginas iniciais: Home e Goals.
– Implementação da navegação dinâmica reutilizando o componente Navbar.
– Introdução à API fornecida e demonstração de ferramentas como Postman para explorar as rotas.
Sessão 3: Consumo da API e Listagem de Dados
– Introdução ao uso do useState e useEffect para gerenciar dados.
– Fazer requisições GET para a API e buscar a lista de objetivos (rota /goals).
– Criar um componente GoalCard para exibir cada objetivo, aplicando estilização com TailwindCSS.
– Exibir a lista de objetivos na página Goals.
Sessão 4: Autenticação e Proteção de Rotas
– Criar um formulário para adicionar progresso (POST /goals/:goalId/progress).
– Exibir o progresso de cada objetivo como uma lista dentro de GoalCard.
– Implementar a edição (PUT /goals/:goalId/progress/:id) e exclusão (DELETE /goals/:goalId/progress/:id) de progresso.
– Uso de useState para gerenciar as interações do formulário e da lista.
Sessão 5: CRUD de Usuários e Finalização
– Implementação do CRUD de usuários:
– Criação: formulário para adicionar novos usuários.
– Edição: funcionalidade para atualizar informações de usuários.
– Exclusão: botão para deletar usuários.
– Revisão geral do projeto e boas práticas.
22 de Abril de 2025 | 19h00 – 21h00
24 de Abril de 2025 | 19h00 – 21h00
29 de Abril de 2025 | 19h00 – 21h00
06 de Maio de 2025 | 19h00 – 21h00
08 de Maio de 2025 | 19h00 – 21h00
– Familiaridade com Git: saber clonar repositórios e trabalhar com branches.
– Ambiente configurado: instalar o Node.js (versão mais recente LTS) e um editor de texto, como VSCode.
A Findmore Academy faz parte da Findmore Consulting e nasceu pela necessidade de oferecer formação continua a todos os colaboradores da empresa.
Hoje a Findmore Academy é aberta a toda a gente e oferece formação nas mais diversas e modernas tecnologias bem como em soft skills.
As nossas formações são certificadas pela DGERT.
Subscreve a nossa Newsletter
PREÇO
PREÇO
Podes trabalhar em qualquer lugar.
Sempre que fores requisitado para uma formação.
O teu conhecimento com os nossos alunos
Com dúvidas? Consulte as nossas FAQ’s
*Campos Obrigatórios
