Próximas Turmas

Nenhuma turma disponível no momento

Quero mais informações

O que você vai aprender nesse curso

Público alvo:

O curso é voltado para profissionais que atuam com desenvolvimento Web Front-End e desejam especializar-se no em React JS.

Descrição:

Neste curso aluno aprenderá do zero a trabalhar com ReactJS. Trabalharemos desde a instalação até o desenvolvimento de aplicações colocando em prática, todo o conteúdo adquirido.

Aplicações com consumo de APIs e publicação online.

O curso também aborda o REACT NATIVE para desenvolvimento mobile.

Pré-requisito: Formação Front-End ou conhecimentos em HTML/CSS/Javascript

Conteúdo do curso

Ementa: 

  • Javascript Moderno
    • Json
    • Arrow Functions
    • Template String
    • Desestruturação
    • Promisses
    • Async / Await
    • Find/Map/Filter
  • Introdução ao React
    • Introdução ao REACT e configuração do ambiente de trabalho
    • Configuração do VSCODE
    • Configuração e instalação do NODEJS
    • Instalando e gerenciando dependências 
    • Trabalhando com VITE
  • Principais elementos do React
  • Eventos
  • Componentes
  • Propriedades
  • DefaultProps
  • useState
  • useEffect
  • Map
  • Importando imagens no React
  • Trabalhando com CSS
    • Css Import
    • Css Modules
    • Styled Components
  • ROUTES
    • React Router Dom
    • Mapeando rotas no projeto
    • Desenvolvendo SPA (Single Page Application)
    • Mapeamento dos links e rotas 
  • HOOKS e REACT HOOK FORMS
    • Iniciando com REACT HOOKS
    • Trabalhando com useState e useEffect
    • Criação de formulários dinâmicos com React Hook Forms
    • Validações customizadas
    • Desenvolvendo componentes de formulário
    • Controllers de formulário 
  • APIs
    • AXIOS
    • Acessando serviços de API
    • Responses
    • Headers
    • Integrando o projeto REACT com APIs Web
  • Deploy
    • Colocando um projeto React online
  • DESENVOLVIMENTO MOBILE COM REAC NATIVE
    • Configuração do ambiente
    • Criando uma aplicação REACT NATIVE
    • Desenvolvimento de componentes
    • Navegação
    • Integrando com APIs web
    • React Native Paper
    • Vector Icons
    • React Navigation
    • AsyncStorage