O que você aprenderá?

Confira algumas coisas que você aprenderá durante o curso.

  • Base sólida de Javascript com os novos recursos da linguagem

  • Entender como estilizar sua aplicação com Flexbox

  • Criar rotas, eventos de swipe, trabalhar com imagens, câmeras e diversas outras funcionalidades

  • Criar e integrar a aplicação com um servidor backend em NodeJs, utilizando banco relacional

  • Fundamentos e ciclo de vida do React

  • Criar projetos de aplicações reais, com layouts atrativos

  • Integrar suas aplicações com Redux

  • Integrar a aplicação com banco NoSQL, utilizando o Firebase

Benefícios Inclusos no Curso

  • Áudio e Vídeo em Alta Definição

    313 aulas e 43 horas de conteúdo. Didática comprovada. Investimento garantido.

  • Certificado de Conclusão

    Ao final você receberá certificado com a carga horária apropriada para conclusão

  • Suporte Dedicado

    Conte com um time de especialistas e tire todas as suas dúvidas relativas ao curso

  • Sem prazo de expiração

    Assista o curso no seu tempo, sem pressa, sem nenhum prazo para expirar.

  • Recursos para download

    Baixe arquivos e artigos para melhor desenvolvimento do curso

  • Acesso Mobile

    Acesse por qualquer dispositivo: Computador, celular e Ipad

Reviews

5 classificação por estrelas

Muito Bom, bacana, tudo funcionando perfeitamente.

JORGE LUIS LOPES DE MATOS

Qualidade da imagem excelente, código legível, didática boa, gostei bastante.

Qualidade da imagem excelente, código legível, didática boa, gostei bastante.

Ler menos
5 classificação por estrelas

Excelente

Carlos Morette

Curso muito bom! 3 curso que compro da cod3r com o Leonardo e não me arrependo, explica tudo e um pouco mais! Sensacional

Curso muito bom! 3 curso que compro da cod3r com o Leonardo e não me arrependo, explica tudo e um pouco mais! Sensacional

Ler menos

Conteúdo do Curso

  • 1

    Introdução

  • 2

    Configuração do Ambiente

    • Correção do erro Import Type

    • Configuração do Ambiente - WINDOWS

    • Criando Novo Projeto - WINDOWS

    • Configuração do Ambiente - EXPO/WINDOWS

    • Configuração do Ambiente - ANDROID/MACOS

    • Configuração do Ambiente - LINUX
  • 3

    Fundamentos React Native

    • Introdução do Módulo

    • Configuração do Projeto

    • Estrutura do Projeto

    • SafeAreaView

    • Primeiro Componente #01

    • Primeiro Componente #02

    • Organizando Componentes

    • Sistema de Módulos do ECMAScript

    • Um Pouco de Estilo

    • Usando console.warn

    • Componente com Propriedades

    • Desafio Número Aleatório

    • Desafio Número Aleatório - Resposta

    • Propriedades são Somente Leitura

    • React Fragment

    • Usando Botão

    • Componente com Estado (useState)

    • Criando Snippet no VSCode

    • Comunicação Direta

    • Comunicação Indireta

    • Usando Comunicação Direta e Indireta

    • Diferenciando iOS e Android #01

    • Diferenciando iOS e Android #02

    • Renderização Condicional #01

    • Conhecendo o props.children

    • Renderização Condicional #02

    • Renderizando Lista #01

    • Renderizando Lista #02

    • Componentes Controlados

    • Teoria Flexbox #01

    • Teoria Flexbox #02

    • Componente Quadrado

    • Usando Flexbox #01

    • Usando Flexbox #02

    • Usando Flexbox #03

    • Usando Flexbox #04

    • Componente de Classe: Método Render

    • Componente de Classe: Passando Props

    • Componente de Classe: Estado

    • Componente de Classe: Cuidado com o this

    • Componente Mega-Sena #01

    • Componente Mega-Sena #02

    • Componente Mega-Sena #03
  • 4

    Projeto Calculadora

    • Criar Projeto Calculadora

    • Componente Botão #01

    • Componente Display

    • Componente Botão 2

    • Entendendo a Lógica da Calculadora

    • Lógica da Calculadora #01

    • Lógica da Calculadora #02

    • Correção #01

    • Correção #02
  • 5

    Projeto Campo Minado

    • Criar Projeto Campo Minado

    • Parâmetros do Jogo

    • Componente Campo (Field) #01

    • Componente Campo (Field) #02

    • Componente Mina (Mine)

    • Componente Bandeira (Flag) #01

    • Componente Bandeira (Flag) #02

    • Revisão JavaScript: Map

    • Lógica do Jogo #01

    • Componente Tabuleiro (MineField)

    • Explicando a Lógica do Jogo

    • Lógica do Jogo #02

    • Correção no Componente MineField

    • Abrir Campo (onPress)

    • Marcar Campo (onLongPress)

    • Cabeçalho do Jogo

    • Selecionar Nível de Dificuldade
  • 6

    React Navigation

    • Introdução do Módulo

    • Instalando as Dependências

    • Preparando App #01

    • Preparando App #02

    • Navegação Stack #01

    • Navegação Stack #02

    • Navegação Stack #03

    • Navegação Stack #04

    • Navegação Stack #05

    • Navegação Stack #06

    • Navegação Tabs

    • Navegação Drawer #01

    • Navegação Drawer #02

    • Adicionando Ícones #01

    • Adicionando Ícones #02

    • Adicionando Ícones #03

    • Conclusão do Módulo
  • 7

    Cadastro Completo com Hooks e Context API

    • Criar Projeto

    • Navegação Stack #01

    • Navegação Stack #02

    • Criando Arquivo de Usuários

    • Lista de Usuários #01

    • Lista de Usuários #02

    • Rotas & Parâmetros

    • Formulário de Usuário

    • Context API

    • useReducer #01

    • useReducer #02

    • useReducer #03
  • 8

    Projeto Tasks • Versão Offline

    • Introdução do Módulo

    • Projeto Tasks: Links das Diversas Versões

    • Visão Geral do Projeto

    • Arquivos ZIPs

    • Aviso sobre link

    • Criar Projeto Tasks

    • Componente Lista de Tarefas #01

    • Componente Lista de Tarefas #02

    • Componente Lista de Tarefas #03

    • Componente Lista de Tarefas #04

    • Componente Tarefa #01

    • Componente Tarefa #02

    • Componente Tarefa #03

    • Componente Tarefa #04

    • Componente Tarefa #05

    • Adicionar FlatList

    • Componente Tarefa #06

    • Botão Filtrar Tarefas

    • Filtrar Tarefas

    • Modal Adicionar Tarefa #01

    • Modal Adicionar Tarefa #02

    • Modal Adicionar Tarefa #03

    • Botão Adicionar Tarefa

    • Configuração iOS: pod install

    • Data da Tarefa #01

    • Data da Tarefa #02

    • Salvar Tarefa

    • Excluir Tarefa #01

    • Configuração Android: Problema Swipe

    • Excluir Tarefa #02

    • Excluir Tarefa #03

    • Armazenar Dados com AsyncStorage

    • Conclusão do Módulo
  • 9

    Projeto Tasks • Backend

    • Repositório Projeto Tasks

    • Introdução do Módulo

    • Criar Projeto Backend

    • Resumo Sobre Express

    • Instalação PSQL

    • Middlewares & DB com Knex #01

    • Aulas Detalhadas Sobre Express

    • DB Migrations

    • Middlewares & DB com Knex #02

    • API: Cadastro de Usuário (Signup)

    • Armazenando Token no .env

    • API: Login de Usuário (Signin)

    • Middleware de Segurança

    • API de Tarefas (Tasks) #01

    • API de Tarefas (Tasks) #02

    • Conclusão do Módulo
  • 10

    Projeto Tasks • Versão Online

    • Introdução do Módulo

    • Tela de Autenticação #01

    • Tela de Autenticação #02

    • Tela de Autenticação #03

    • Tela de Autenticação #04

    • Navegação

    • Componente AuthInput

    • E-mail Case Insensitive

    • Integrando Autenticação com Backend #01

    • Integrando Autenticação com Backend #02

    • Validando Formulário

    • VSCode Workspace

    • Dica E-mail/Senha Fixos

    • Integrando Tarefas com Backend #01

    • Integrando Tarefas com Backend #02

    • Drawer Navigator #01

    • Drawer Navigator #02

    • Drawer Navigator #03

    • Drawer Navigator #04

    • Informações de Usuário #01

    • Informações de Usuário #02

    • Autenticação ou App #01

    • Autenticação ou App #02

    • Sair da Aplicação (Logout)

    • Melhorando Mensagens

    • Conclusão do Módulo
  • 11

    Projeto Clone Instagram

    • Criar Projeto Clone Instagram

    • Componente Cabeçalho

    • Componente Post

    • Componente Autor

    • Componente Comentários

    • Adicionar Comentário

    • Tela de Feeds

    • Navegação em Abas

    • Tela Adicionar Foto

    • Tela Perfil Usuário

    • Tela Login

    • Tela Registro

    • Teoria Redux #1

    • Teoria Redux #2

    • Teoria Redux #3

    • Login com Redux #1

    • Login com Redux #2

    • Login com Redux #3

    • Adicionando Usuário no Header

    • Integrando Posts com Redux

    • Integrando Comentários com Redux

    • Adicionando Validações

    • Firebase: Criando Banco Realtime

    • Redux Middleware

    • Adicionando Post no Firebase

    • Usando Firebase Storage #1

    • Usando Firebase Storage #2

    • Usando Firebase Storage #3

    • Usando Firebase Storage #4

    • Obtendo Posts do Firebase

    • Ajustes na Criação do Post

    • Adicionando Comentário no Firebase

    • Registro de Usuário

    • Login de Usuário

    • Exibindo Mensagens

    • Melhorias no Registrar

    • Protegendo as Rotas #01

    • Protegendo as Rotas #02

    • Splash Screen
  • 12

    Conclusão

    • Conclusão do Curso

  • 13

    EXTRA - Revisão de JavaScript - Configuração Ambiente

    • Configuração do VSCode & Code Runner

  • 14

    EXTRA - Revisão de JavaScript - Fundamentos

    • O Básico de Var, Let e Const

    • Função Vs Objeto

    • Par Nome/Valor

    • Operadores: Destructuring #01

    • Operadores: Destructuring #02

    • Operadores: Destructuring #03

    • Operadores: Destructuring #04
  • 15

    EXTRA - Revisão de JavaScript - Funções

    • "this" pode Variar

    • "this" e a Função bind #01

    • "this" e a Função bind #02

    • Funções Arrow #01

    • Funções Arrow #02

    • Funções Arrow #03

    • Funções Anônimas
  • 16

    EXTRA - Revisão de JavaScript - Classes

    • Classe #01

    • Classe #02
  • 17

    EXTRA - Revisão de JavaScript - Array

    • Array: Visão Geral

    • Array: Métodos Importantes

    • Simulando Array com Objeto

    • Foreach #01

    • Foreach #02

    • Map #01

    • Map #02

    • Map #03

    • Filter #01

    • Filter #02

    • Reduce #01

    • Reduce #02

    • Reduce #03

    • Imperativo Vs Declarativo

    • Concat

    • FlatMap
  • 18

    EXTRA - Express

    • Introdução do Capítulo

    • Criando o Projeto

    • Configuração & Launcher #01

    • Configuração & Launcher #02

    • Tratando a Primeira Requisição

    • Tipos de Resposta

    • Middleware #01

    • Middleware #02

    • Lendo Dados da Requisição

    • Entendendo o Body Parser

    • Comunicação Entre Módulos #01

    • Comunicação Entre Módulos #02
  • 19

    Projeto Tasks • Versão Offline [VERSÃO ORIGINAL]

    • Criar Projeto Tasks

    • Estilo Comum

    • Componente Agenda

    • Componente Tarefa (Task) #01

    • Adicionar FlatList

    • Componente Tarefa (Task) #02

    • Filtrar Tarefas (Tasks)

    • Modal Adicionar Tarefa (Task)

    • Selecionar Data no Android

    • Excluir Tarefa (Task)

    • Armazenar Dados com AsyncStorage
  • 20

    Projeto Tasks • Versão Online [VERSÃO ORIGINAL]

    • Iniciar APPs

    • Corrigir Adicionar Task (Initial State)

    • Tela de Autenticação #01

    • Tela de Autenticação #02

    • Input de Autenticação

    • Arquivo common.js

    • Autenticação: Integrar com Backend

    • Autenticação: Validar Formulário

    • Tarefas: Integrar com Backend

    • Menu para Filtrar Tarefas #01

    • Menu para Filtrar Tarefas #02

    • Customizar Menu

    • Corrigir Login (E-mail Case Insensitive)

    • Componente Autenticação ou APP

    • Implementar Logout
  • 21

    Configuração do Ambiente [VERSÃO ORIGINAL]

    • Visão Geral da Conf. do Ambiente

    • Instalação VSCode - WINDOWS

    • Instalação do Node - WINDOWS

    • Instalação do Android Studio - WINDOWS

    • Criar Projeto & Deploy Android - Windows

    • Projeto React Native com Expo - WINDOWS

    • Instalação Java - MacOS

    • Instalação Node - MacOS

    • Instalação do Android Studio - MacOS

    • Criar Projeto & Deploy Android - MacOS

    • Instalação XCode & Deploy iOS - MacOS

    • Dica EXPO - Adicionando o index.js

    • Textos - Configuração do Ambiente - Linux

    • Configuração do Ambiente - Linux
  • 22

    Fundamentos de React Native [VERSÃO ORIGINAL]

    • Criar Projeto Exercícios

    • Recriando o Componente App

    • Primeiro Componente

      TESTE GRÁTIS

    • Criando Estilo

    • Renderização Condicional

    • Sistema de Módulo: Import/Export

    • Adicionando Navegação ao Projeto

    • Componente de Classe & Estado

    • Cuidado com o 'this'

      TESTE GRÁTIS

    • Diferenciando iOS e Android

    • Validar Propriedades

    • Eventos & Componentes Controlados

    • Comunicação Direta via Props

    • Comunicação Indireta via Callback

    • Layout com Flexbox

    • Flex Box Nomenclatura

    • Lista de Alunos #01

    • Lista de Alunos #02

    • Exemplo Flexbox

    • APK React Native

Descrição

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 JavaScript 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!

Instrutores

Leonardo Leitão

Leonardo Leitão é mestre em Informática Aplicada e fundador da Cod3r, já treinou mais de 380.000 alunos. São mais de 15 anos como professor e uma premiação internacional em reconhecimento da qualidade dos cursos produzidos. Há 16 anos atua na área como desenvolvedor de softwares e trabalhou como arquiteto de software em grandes projetos para o Governo Federal.

Wagner Aquino

Graduado em Ciências da Computação, Mestrado na área de previsão de séries temporais com Redes Neurais, ambas pela Universidade Estadual do Ceará (UECE). Trabalha com Desenvolvimento desde 2005 e tenta testar tudo que encontra pela frente desde então. Atualmente trabalha como Analista de Testes especializado em Automação na Dataprev.

Cursos Relacionados

Pessoas que adquiriram este curso também se interessaram pelos cursos abaixo

Seja Nosso Assinante

Tenha acesso a este curso e muitos outros por um preço muito mais acessível. Junte-se a muitos outros assinantes e venha fazer parte desta comunidade. Clique no botão abaixo e descubra como!

Plano de Assinatura

FAQ

  • Após a compra do curso tenho prazo pra poder assistir?

    Não, o curso pode ser assistido a qualquer tempo sem limite de prazo.

  • O curso oferece certificado?

    Sim, ao final do curso você receberá um certificado baseado na carga horária pra concluir o curso

  • Existe suporte para as minhas dúvidas?

    Sim, temos um time de suporte pronto pra tirar as dúvidas relativas ao conteúdo do curso.

  • Adquirindo o plano de assinatura também terei acesso a este curso?

    Sim

  • Existe a possibilidade de pagar este curso por boleto?

    Sim, basta enviar email para [email protected] e solicitar.