Formação Frontend Development with React

Objetivos da Formação:

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.

Programa:

   Sessão 1: Configuração Inicial e Introdução ao React

– Configuração do ambiente de desenvolvimento;

– Introdução ao React;

– Configuração do TailwindCSS;

– Criação do layout-base da aplicação.

   Sessão 2: Roteamento e Estruturação da Aplicação

– Introdução ao React Router;

– Estruturação da navegação com o componente Navbar;

– Introdução à API Restful fornecida;

– Conexão inicial com a API, utilizando Axios.

   Sessão 3: Consumo da API e Listagem de Dados

– Consumo da API para procura de usuários e sua exibição na página Dashboard;

– Componentização da interface;

– Uso de estados e efeitos no React;

– Estilização responsiva com TailwindCSS para melhorar a usabilidade da listagem.

   Sessão 4: Autenticação e Proteção de Rotas

– Implementação do login, utilizando a API;

– Configuração de contexto no React;

– Proteção de rotas.

   Sessão 5: CRUD de Usuários e Finalização

– Implementação do CRUD de usuários;

– Criação, edição e exclusão;

– Revisão geral do projeto e boas práticas.

Calendário da Formação:

21 de abril de 2025 | 19h00 – 21h00

23 de abril de 2025 | 19h00 – 21h00

28 de abril de 2025 | 19h00 – 21h00

30 de abril de 2025 | 19h00 – 21h00

05 de maio de 2025 | 19h00 – 21h00

Requisitos para Participar:

– Conhecimentos básicos de programação: HTML, CSS e JavaScript;

– 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.

+ Informações:

https://academy.findmore.pt/frontend-development-with-react/