O treinamento em Front-end aborda uma série de tópicos fundamentais para a criação de aplicações web modernas, utilizando tecnologias como Node.js, TypeScript e Redux. Os participantes irão aprender a configurar o ambiente de desenvolvimento, criar componentes com React.js e trabalhar com conceitos importantes como props e state, ciclo de vida dos componentes, renderização condicional e listas. Além disso, o curso aborda a utilização de React Hooks, Material-UI, Axios e Firebase Authentication, bem como o deploy de uma aplicação em um servidor web. Também é apresentado uma introdução ao Frameworks Vue.js e Angular, além da aplicação prática de uma Loja Virtual com React.js. Ao final do treinamento, os participantes terão adquirido as habilidades necessárias para desenvolver aplicações web sofisticadas utilizando as mais recentes tecnologias e frameworks.
Conhecimentos abordados no curso de fundamentos. Veja aqui.
Aula | Conteúdo da aula | Distribuição de horas | Data prevista para execução |
1 | Aplicação prática Loja Virtual | 1h | As datas de execução serão estabelecidas mediante fechamento de turma |
Introdução ao Node.js | Frameworks Javascript | 1h | ||
2 | Introdução ao TypeScript | 1h | |
Tipos de dados, interfaces e classes em TypeScript | 1h | ||
3 | Introdução ao React.js | 1h | |
Configurando o ambiente de desenvolvimento | 1h | ||
4 | Criação de componentes básicos com React.js | 1h | |
Trabalhando com props e state no React.js | 1h | ||
5 | Introdução ao ES6 e ao JSX | 1h | |
Comunicação entre componentes no React.js | 1h | ||
6 | Ciclo de vida dos componentes no React.js | 1h | |
Renderização condicional e listas no React.js | 1h | ||
7 | React Hooks: useState e useEffect | 1h | |
React Hooks: useContext e useReducer | 1h | ||
8 | Trabalhando com Forms e Validando dados em React.js | 1h | |
Estilizando componentes com CSS no React.js | 1h | ||
9 | Introdução ao Material-UI | 1h | |
Trabalhando com Grids e Layouts no Material-UI | 1h | ||
10 | Criação de formulários com Material-UI | 1h | |
Introdução ao Redux | 1h | ||
11 | Configurando o ambiente do Redux no React.js | 1h | |
Criando as Actions no Redux | 1h | ||
12 | Configurando o Reducer no Redux | 1h | |
Trabalhando com o Store do Redux | 1h | ||
13 | Trabalhando com o Store do Redux | 1h | |
Configurando o React Router no projeto | 1h | ||
14 | Criando rotas com o React Router | 1h | |
Passando parâmetros nas rotas com o React Router | 1h | ||
15 | Navegando programaticamente com o React Router | 1h | |
Introdução ao Axios | 1h | ||
16 | Consumindo APIs com o Axios | 1h | |
Configurando a autenticação com o Firebase Authentication | 1h | ||
17 | Criando a página de login e registro | 1h | |
Criação de coleções e documentos no Firestore | 1h | ||
18 | Lendo e escrevendo dados no Firestore | 1h | |
Realtime Database com o Firebase Realtime Database | 1h | ||
19 | Deploy de um projeto React.js em um servidor web (Heroku) | 1h | |
Framework Vue.js | 1h | ||
20 | Framework Angular | 1h | |
Aplicação de Loja Virtual com React.js | 1h |
Lucas Quadros é um instrutor/ desenvolvedor web associado a TICOOP BRASIL, focado nas tecnologias JavaScript e PHP e para aplicações móveis nos framewroks React Native e Flutter, com experiência em projetos de e-commerce e outras aplicações web para agências no Brasil e em Portugal desde 2013.
Sim, seu Certificado será emitido pela Cooperativa de Profissionais em TI do Brasil (TICOOP PR) e poderá, se atingir nota superior a 7.0 (sete) nos testes de conclusão de curso, atender os clientes da Cooperativa de TI de forma remota e ser remunerado pelo atendimento.
Você pode pagar com:
Fornecemos Cupons de Desconto de até 40% OFF para Profissionais Associados a TICOOP-BR.
Entre em contato no email recrutamento@ticoopbrasil.coop.br e veja todas as vantagens de ser Cooperado.
Cooperativa de TI. Profissionais liberais que prestam serviços especializados nas mais diversas áreas de Tecnologia da Informação, sempre com objetivo de levar soluções tecnológicas com qualidade e usabilidade para empresas de forma completa.
Utilizamos cookies para que você tenha a melhor experiência em nosso site. Para saber mais acesse nossa página de Política de Privacidade