 4.5/5

Frontend Development with React

Virmerson Santos

Preço normal

Colaboradores Findmore

100€

O valor da formação inclui:
Certificado DGERT
Exercícios Práticos
Download de Recursos

Inscreve-te gratuitamente

Esta formação inclui:
Certificado DGERT
Exercícios Práticos
Download de Recursos

Datas

De 21 de Abril a 05 de Maio

Nº de Horas

10 horas

Horário

Pós-Laboral

NÍVEL

Iniciante

Local

Remote Sessions

Certificação

Objectivos 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

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.

Sobre a Findmore Academy

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.