35º SEMANA DE COMPUTAÇÃO E INFORMÁTICA DA FIPP/UNOESTE (INFOESTE 2023)
Tipo de Atividade:
35º Ciclo de Cursos
Atividade:
MC28 - Introdução ao ReactJs
Instrutor(es):
Giovana Satiko Lessa Yanagiya
Lucas Almeida Portilho Barcelos
Henrique Gomes Junqueira
Informações gerais:
Resumo:
Neste curso de 8 horas de ReactJS, os alunos serão introduzidos aos fundamentos do desenvolvimento de aplicações web modernas usando a biblioteca ReactJS. Começaremos com uma introdução ao ReactJS, explicando o que é e como funciona. Em seguida, mergulharemos nos componentes do React, que são os blocos de construção das aplicações React.
Os alunos aprenderão sobre componentes funcionais e de classe, bem como sobre props e estado. Também cobriremos o ciclo de vida dos componentes e como eles podem ser usados para controlar o comportamento dos componentes ao longo do tempo.
Em seguida, introduziremos os Hooks do React, que são uma nova adição ao React que permite o uso de estado e outros recursos do React sem escrever uma classe. Cobriremos os Hooks useState e useEffect, entre outros.
O curso também abordará as Single Page Applications (SPA), explicando o que são e como podem ser criadas usando o React Router. Além disso, ensinaremos como fazer chamadas à API usando a Fetch API e a biblioteca Axios.
Finalmente, os alunos terão a oportunidade de aplicar o que aprenderam em um projeto prático, onde criarão uma aplicação simples usando o ReactJS. Ao final deste curso, os alunos terão uma compreensão sólida dos fundamentos do ReactJS e estarão prontos para continuar aprendendo e explorando o mundo do desenvolvimento web.
Conteúdo Programático:
Introdução ao ReactJS
O que é ReactJS
Como o ReactJS funciona
Configuração do ambiente de desenvolvimento
Componentes em React
O que são componentes
Componentes funcionais vs componentes de classe
Props e estado
Ciclo de vida dos componentes
Métodos do ciclo de vida
Uso do ciclo de vida em componentes de classe
React Hooks
useState e useEffect
Outros Hooks
Single Page Applications (SPA)
O que é uma SPA
Roteamento com React Router
Chamadas à API
Fetch API
Axios
Tratamento de erros e carregamento
Projeto prático
Criação de uma aplicação simples utilizando o conhecimento adquirido
Pré-requisitos:
Compreensão básica de lógica de programação
Conhecimento básico de JavaScript
Experiência com HTML e CSS
Local:
Lab 006
Público:
Inscritos na Infoeste
Número Máximo de vagas:
30
Períodos/Horários:
27/10/2023 (08:00:00 às 12:00:00) - Parte 1
27/10/2023 (14:00:00 às 18:00:00) - Parte 2