Sobre o Curso

Seja muito bem vindo ao Curso React Native: Desenvolva APPs Nativas para Android e iOS!

Nesse curso, iremos abordar o desenvolvimento de aplicações nativas para dispositivos móveis (Android e iOS), utilizando apenas o JavaScritpt como linguagem de programação. Isso mesmo, você pode usar o mesmo código para ter aplicações em ambos os ecossistemas.

O curso abrange os fundamentos do React e seu ciclo de vida, criação de componentes, Redux e flexbox. Além do básico do React, apresentaremos o que muda para o React Native, como montar o seu ambiente de desenvolvimento, as especificidades de cada plataforma e como trabalhar com ambas utilizando o mesmo projeto. Também vamos utilizar vários recursos amplamente utilizados no mundo mobile, como: Câmera, ações de toque e gestos, Navegações diversas, Menu, Splash e muito mais.

Além de todos os fundamentos, criaremos mais quatro projetos, inspirados em aplicações já famosas e conhecidas por todos:

1. Calculadora: Para ver como podemos organizar os elementos através de componentes

2. Campo Minado: Para fixarmos os fundamentos do flexbox e nos divertir com esse jogo

3. ToDo List: Com um layout bonito e mais elaborado. Vamos também criar uma API Rest em NodeJS como backend, integrando também com um banco relacional

4. Intragram: Nessa aplicação, vamos integrar a câmera e galeria de imagens do dispositivo, vamos utilizar o Firebase como backend e seu banco NoSQL, sua autenticação e até mesmo seu serviço de storage.

Assista as aulas abertas e veja os comentários dos nosso alunos sobre a nossa didática. Não tenho dúvida que você estará fazendo um excelente investimento e se juntando a nossa comunidade de mais de 30 mil alunos.

Grande abraço e bons estudos!

Sobre o Autor

Leonardo Leitão é graduado em Engenharia Elétrica pela Universidade Federal do Ceará e Mestre em Informática Aplicada pela Universidade de Fortaleza, na qual trabalhou com Integração de Redes de Sensores sem Fio e Computação em Nuvem. Há doze anos atua na área como desenvolvedor de softwares e atualmente trabalha na DATAPREV como arquiteto, desenvolvendo sistemas para o INSS. Professor de desenvolvimento de software há quase dez anos, iniciou recentemente um projeto de ensinar programação à distância.

Conteúdo Programático

Capítulo 1. Introdução

Visão Geral do Curso 06:40

Assine o Nosso Canal 01:08

O que é React Native? 05:14

Preciso Saber JavaScript? 03:18

Capítulo 2. Configuração do Ambiente

Visão Geral da Conf. do Ambiente 09:46

Instalação VSCode - WINDOWS 02:29

Instalação do Node - WINDOWS 01:44

Instalação do Android Studio - WINDOWS 06:49

Criar Projeto & Deploy Android - WINDOWS 11:40

Projeto React Native com Expo - WINDOWS 06:15

Instalação Java - MacOS 04:29

Instalação Node - MacOS 01:07

Instalação do Android Studio - MacOS 08:24

Criar Projeto & Deploy Android - MacOS 04:49

Instalação XCode & Deploy iOS - MacOS 04:00

Capítulo 3. Fundamentos de React Native

Criar Projeto Exercícios 12:57

Recriando o Componente App 08:59

Primeiro Componente 15:03

Criando Estilo 04:27

Renderização Condicional 10:15

Sistema de Módulo: Import/Export 13:30

Adicionando Navegação ao Projeto 08:20

Componente de Classe & Estado 19:05

Cuidado com o 'this' 11:59

Diferenciando iOS e Android 04:32

Validar Propriedades 06:29

Eventos & Componentes Controlados 12:07

Comunicação Direta via Props 18:42

Comunicação Indireta via Callback 08:27

Layout com Flexbox 01:03

Flex Box Nomenclatura 04:43

Lista de Alunos #01 10:00

Lista de Alunos #02 05:35

Exemplo Flexbox 12:35

Capítulo 4. Projeto Calculadora

Criar Projeto Calculadora 04:54

Componente Botão #01 09:30

Componente Display 05:12

Componente Botão #02 15:26

Entendendo a Lógica da Calculadora 08:35

Lógica da Calculadora #01 13:09

Lógica da Calculadora #02 11:55

Correção #01 02:56

Correção #02 02:51

Capítulo 5. Projeto Campo Minado

Criar Projeto Campo Minado 05:27

Parâmetros do Jogo 09:10

Componente Campo (Field) #01 08:08

Componente Campo (Field) #02 09:28

Componente Mina (Mine) 09:20

Componente Bandeira (Flag) #01 12:51

Componente Bandeira (Flag) #02 06:10

Revisão JavaScript: Map 06:18

Lógica do Jogo #01 14:41

Componente Tabuleiro (MineField) 20:31

Correção no Componente MineField 03:12

Explicando a Lógica do Jogo 08:07

Lógica do Jogo #02 21:55

Abrir Campo (onPress) 10:57

Marcar Campo (onLongPress) 05:49

Cabeçalho do Jogo 12:27

Selecionar Nível de Dificuldade 14:09

Capítulo 6. Projeto Tasks • Versão Offline

Criar Projeto Tasks 08:01

Estilo Comum 03:40

Componente Agenda 13:30

Componente Tarefa (Task) #01 15:00

Adicionar FlatList 04:27

Componente Tarefa (Task) #02 09:07

Filtrar Tarefas (Tasks) 14:51

Modal Adicionar Tarefa (Task) 25:34

Selecionar Data no Android 08:35

Excluir Tarefa (Task) 14:23

Armazenar Dados com AsyncStorage 05:42

Capítulo 7. Projeto Tasks • Backend

Criar Projeto Backend 13:57

Aulas Detalhadas Sobre Express 01:22

Resumo Sobre Express 16:50

Middlewares & DB com Knex #01 09:53

DB Migrations 10:18

Middlewares & DB com Knex #02 09:05

API: Cadastro de Usuário (Sign Up) 15:12

Armazenando Token no .env 04:59

API: Login de Usuário (Sign In) 11:03

Middleware de Segurança 08:39

API de Tarefas (Tasks) #01 15:32

API de Tarefas (Tasks) #02 13:45

Capítulo 8. Projeto Tasks • Versão Online

Iniciar APPs 04:22

Corrigir Adicionar Task (Initial State) 03:28

Tela de Autenticação #01 15:09

Tela de Autenticação #02 10:24

Input de Autenticação 05:36

Arquivo common.js 03:54

Autenticação: Integrar com Backend 10:54

Autenticação: Validar Formulário 07:34

Tarefas: Integrar com Backend 13:51

Menu para Filtrar Tarefas #01 07:29

Menu para Filtrar Tarefas #02 09:31

Customizar Menu 13:22

Corrigir Login (E-mail Case Insensitive) 03:50

Componente Autenticação ou APP 10:08

Implementar Logout 06:14

Capítulo 9. Projeto Clone Instagram

Criar Projeto Clone Instagram 07:25

Componente Cabeçalho 06:21

Componente Post 04:02

Componente Autor 04:12

Componente Comentários 06:40

Adicionar Comentário 10:30

Tela de Feeds 08:58

Navegação em Abas 07:21

Tela Adicionar Foto 17:41

Tela Perfil Usuário 06:44

Tela Login 08:57

Tela Registro 10:00

Teoria Redux #1 08:31

Teoria Redux #2 10:35

Teoria Redux #3 09:05

Capítulo 10. EXTRA - Revisão de JavaScript - Configuração Ambiente

Configuração do VSCode & Code Runner 04:54

Capítulo 11. EXTRA - Revisão de JavaScript - Fundamentos

O Básico de Var, Let e Const 10:50

Função Vs Objeto 06:17

Par Nome/Valor 06:30

Operadores: Destructuring #01 09:07

Operadores: Destructuring #02 06:19

Operadores: Destructuring #03 04:43

Operadores: Destructuring #04 04:59

Capítulo 12. EXTRA - Revisão de JavaScript - Funções

"this" pode Variar 13:30

"this" e a Função bind #01 06:53

"this" e a Função bind #02 08:02

Funções Arrow #01 07:53

Funções Arrow #02 02:38

Funções Arrow #03 08:50

Funções Anônimas 09:04

Capítulo 13. EXTRA - Revisão de JavaScript - Classes

Classe #01 08:46

Classe #02 07:13

Capítulo 14. EXTRA - Revisão de JavaScript - Array

Array: Visão Geral 19:03

Array: Métodos Importantes 08:40

Simulando Array com Objeto 04:34

Foreach #01 10:01

Foreach #02 05:02

Map #01 09:57

Map #02 05:17

Map #03 03:49

Filter #01 10:24

Filter #02 04:25

Reduce #01 09:20

Reduce #02 05:57

Reduce #03 04:52

Imperativo Vs Declarativo 12:57

Concat 04:40

FlatMap 08:03

Capítulo 15. EXTRA - Express

Introdução do Capítulo 01:50

Criando o Projeto 05:19

Configuração & Launcher #01 13:13

Configuração & Launcher #02 08:19

Tratando a Primeira Requisição 09:15

Tipos de Resposta 06:56

Middleware #01 07:21

Middleware #02 07:18

Lendo Dados da Requisição 12:47

Entendendo o Body Parser 07:48

Comunicação Entre Módulos #01 05:40

Comunicação Entre Módulos #02 05:30

Avaliações de nossos alunos

5.0

Avaliação média

  • (100%)
  • (0%)
  • (0%)
  • (0%)
  • (0%)

Comentários

  • avatar

    Luciano Zangeronimo

    Conheço alguns cursos da Cod3r e esse é o terceiro curso com Leonardo, muito bom, didádico e domina o conteúdo. Recomendo.

  • avatar

    Gilvan Junior N Goncalves

    como sempre show de bola!!!

  • avatar

    Jose Lucemario Felix