React native e aplicações mobile | SURITRAINING | Centro de Treinamento SURITTEC
Treinamento React Native
O framework React Native é a última palavra em desenvolvimento multiplataforma de aplicativos mobile.
Baseado no nosso curso de Introdução ao ReactJS, desenvolvemos o curso de Introdução ao framework React Native, que é o ponta pé inicial ao profissional que deseja iniciar no mundo do desenvolvimento de aplicativos mobile profissionais.
Dentre os tópicos do curso, abordaremos os conceitos fundamentais do framework, além de ferramentas e bibliotecas que auxiliam o dia a dia de um desenvolvedor React Native.
Para você profissional de TI que gosta de se manter atualizado ao que há de mais moderno em termos de desenvolvimento mobile, este curso é pra você.
Utilizar os novos recursos do ES6;
Assimilar os conceitos fundamentais do React Native;
Assimilar os conceitos fundamentais do Redux;
Assimilar os conceitos fundamentais das bibliotecas auxiliares;
Propor soluções utilizando React Native;
09/04/2018 a 20/04/2018 Das 18h30 às 22h30 R$ 990,00
Visão geral do Curso (Create React Native Apps, React, React Navigation, Redux, Redux Thunk, ReduxForms, React DevTools, Reactotron, Superagent, Expo).
Instalação de IDE de sua preferência;
Instalação de ambiente (NodeJs, NPM, Create React Native Apps, React DevTools, Reactotron, Expo Cli, Expo Client (No Mobile));
Testando instalação.
Começando com o React Native
Recapitulando sobre o React;
Recapitulando sobre o Redux;
Comparando React com React Native;
Introdução ao React Native;
Introdução ao Expo Plataform.
Laboratório: Criando o projeto React Native: Sandbox.
Criando um belo Hello World
Conhecendo o React Native: Criando componentes, passando props, setando state, ciclo de vida, JSX, componentes de função e classe;
Instalando Expo Client para desenvolvimento e debug da aplicação;
Analizando Expo Client & Dicas;
Buildando um APK ou IPA via Expo CLi.
Desenvolvendo uma versão mobile para Controle de Usuários
Criando o Projeto CousuárioMob;
Adicionando Libs ao projeto: Reactotron, React Navigation, Superagent, Redux, Redux Thunk e ReduxForms;
Analizando package.json
Configurando libs e Estrutura do Projeto;
Criando a tela Home;
Criando rota para a tela;
Conteudo: Listagem de Usuários (Publica) – Botão para se Logar no sistema (Login via modal); Botão pra Incluir Novo Usuário (Apenas Logados), Botão pra Editar Usuário (Apenas Logados), Botão pra Excluir um Usuário (Modal de Confirmação) (Apenas Logados)
Mapeamento do Serviço Rest para Listagem dos Usuários
Extra: Filtrar Usuários por Nome e Status (Excluido: True/False)
Criando a tela de Cadastro de Usuários;
Conteudo: Input nome do Usuário, Input Cor do Usuário, Validacoes para nome e Cor, Botão Salvar ou Cancelar;
Mapeamento do Serviço Rest para Atualizacao do Usuário
Alterar tela de Cadastro para Atualização dos dados de Usuários
Conteudo: Input nome do Usuário, Input Cor do Usuários, Validacoes para nome e Cor, Botão Atualizar ou Cancelar;
Mapeamento do Serviço Rest para Cadastro do Usuário;
Exclusão lógica de Usuários;
Conteudo: Modal com texto de confirmação ou botão cancelar;
Mapeamento do Serviço Rest para exclusão do Usuário;
Espera-se que o aluno possua prévio conhecimento em ReactJS, ES6 e CSS para que possa tirar o máximo de aproveitamento do curso.