Entrar em Contato

Programa do Curso

Desenvolvimento de aplicações front-end modernas

  • Visão geral e semelhanças entre React, Angular e Vue.js
  • Renderização declarativa
  • Componentes – definindo tags HTML personalizadas
  • Uso do create-react-app para inicializar um projeto React

JavaScript moderno

  • Desenvolvimento usando Node.js e npm
  • Versiones do JavaScript
  • Trabalhando com módulos
  • Funções e arrow functions
  • Classes
  • Programação funcional em JavaScript (map, filter, ...)

TypeScript

  • Tipagem estática vs. dinâmica
  • Declaração de tipos de variáveis, funções e classes
  • Tipos de dados básicos
  • Tuplas e objetos
  • Interfaces
  • Genéricos

Linguagem de templates do React

  • Linguagem de templates baseada em JavaScript: JSX
  • Definindo propriedades de elementos
  • Repetição de elementos
  • Estruturas condicionais (if / else)
  • Eventos
  • Classes e estilos CSS

Gerenciamento de estado no React

  • Definindo e alterando o estado da aplicação
  • Utilização do state hook e setState
  • Capturando o conteúdo de elementos de input no estado

Componentes: Blocos de construção das aplicações web modernas

  • Definindo tags HTML personalizadas no React
  • Estado, props & eventos
  • Fluxo de dados entre componentes
  • Componentes de função e componentes de classe
  • Uso de hooks em componentes de função
  • Eventos de ciclo de vida do componente (mount, update, unmount)
  • Inclusão de componentes predefinidos de uma biblioteca

Gerenciamento de estado com Redux

  • Fundamentos do Redux: gerenciamento de estado com funções puras, reducers e dados imutáveis
  • Uso do reducer hook no React
  • Integração do Redux em uma aplicação React
  • Componentes de apresentação e de contêiner
  • O ecossistema do Redux
  • Processamento de eventos assíncronos com Thunk
  • Busca de dados de uma API REST

Ferramentas de desenvolvedor e testes

  • Ferramentas de desenvolvimento do React
  • Ferramentas de desenvolvimento do Redux
  • Testes de JavaScript com Jest
  • Testando reducers
  • Testando componentes React

React Router

  • Roteamento no lado do cliente
  • Exibição de diferentes vistas com base na rota atual do navegador

Desenvolvimento de aplicações com React

  • Visão geral rápida do React Native
  • Criação de aplicações móveis e de desktop instaláveis com Progressive Web Apps (PWAs)
  • Comparação entre Progressive Web Apps e aplicativos nativos

Requisitos

  • Conhecimentos básicos de HTML
  • Experiência com JavaScript
 21 Horas

Número de participantes


Preço por participante

Testemunhos de Clientes (7)

Próximas Formações Provisórias

Categorias Relacionadas