Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Life Purpose Meditation Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Mobile Development React Native

React Native: Desenvolva APPs Nativas para Android e iOS

Aprenda os fundamentos de React Native, boas práticas e construa várias aplicações nativas para Android e iOS usando JS!
Highest Rated
Rating: 4.8 out of 54.8 (5,804 ratings)
21,898 students
Created by Leonardo Moura Leitao, Francisco Wagner Costa Aquino, Cod3r Cursos Online
Last updated 12/2020
Portuguese
Portuguese [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Base sólida de Javascript com os novos recursos da linguagem
  • Fundamentos e ciclo de vida do React
  • Entender como estilizar sua aplicação com Flexbox
  • Criar projetos de aplicações reais, com layouts atrativos
  • Criar rotas, eventos de swipe, trabalhar com imagens, câmeras e diversas outras funcionalidades
  • Integrar suas aplicações com Redux
  • Criar e integrar a aplicação com um servidor backend em NodeJs, utilizando banco relacional
  • Integrar a aplicação com banco NoSQL, utilizando o Firebase
Curated for the Udemy for Business collection

Course content

21 sections • 314 lectures • 42h 55m total length

  • Preview06:39
  • Repositório do Curso
    00:02
  • O que é React Native?
    05:13
  • Preciso Saber JavaScript?
    03:17

  • Configuração do Ambiente - WINDOWS
    19:11
  • Criando Novo Projeto - WINDOWS
    03:25
  • Configuração do Ambiente - EXPO/WINDOWS
    02:54
  • Configuração do Ambiente - ANDROID/MACOS
    13:00

  • Introdução do Módulo
    02:13
  • Configuração do Projeto
    03:38
  • Estrutura do Projeto
    05:35
  • SafeAreaView
    03:47
  • Primeiro Componente #01
    06:49
  • Primeiro Componente #02
    08:27
  • Organizando Componentes
    08:41
  • Sistema de Módulos do ECMAScript
    07:17
  • Um Pouco de Estilo
    12:53
  • Usando console.warn
    02:25
  • Componente com Propriedades
    14:49
  • Desafio Número Aleatório
    01:22
  • Desafio Número Aleatório - Resposta
    07:39
  • Propriedades são Somente Leitura
    07:59
  • React Fragment
    08:40
  • Usando Botão
    08:24
  • Componente com Estado (useState)
    14:13
  • Criando Snippet no VSCode
    04:45
  • Comunicação Direta
    05:56
  • Comunicação Indireta
    12:36
  • Usando Comunicação Direta e Indireta
    16:32
  • Diferenciando iOS e Android #01
    02:49
  • Diferenciando iOS e Android #02
    00:59
  • Renderização Condicional #01
    08:20
  • Conhecendo o props.children
    09:03
  • Renderização Condicional #02
    10:31
  • Renderizando Lista #01
    11:30
  • Renderizando Lista #02
    05:03
  • Componentes Controlados
    11:11
  • Teoria Flexbox #01
    00:37
  • Teoria Flexbox #02
    04:42
  • Componente Quadrado
    03:51
  • Usando Flexbox #01
    09:55
  • Usando Flexbox #02
    07:00
  • Usando Flexbox #03
    08:18
  • Usando Flexbox #04
    08:55
  • Componente de Classe: Método Render
    05:05
  • Componente de Classe: Passando Props
    04:11
  • Componente de Classe: Estado
    07:48
  • Componente de Classe: Cuidado com o this
    07:58
  • Componente Mega-Sena #01
    14:05
  • Componente Mega-Sena #02
    03:41
  • Componente Mega-Sena #03
    09:08

  • 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:54
  • Correção #01
    02:56
  • Correção #02
    02:50

  • 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:50
  • Componente Bandeira (Flag) #02
    06:09
  • Revisão JavaScript: Map
    06:18
  • Lógica do Jogo #01
    14:41
  • Componente Tabuleiro (MineField)
    20:31
  • Correção no Componente MineField
    03:11
  • 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:26
  • Selecionar Nível de Dificuldade
    14:08

  • Introdução do Módulo
    01:10
  • Instalando as Dependências
    04:10
  • Preparando App #01
    06:46
  • Preparando App #02
    03:08
  • Navegação Stack #01
    08:53
  • Navegação Stack #02
    03:04
  • Navegação Stack #03
    08:06
  • Navegação Stack #04
    02:52
  • Navegação Stack #05
    02:48
  • Navegação Stack #06
    09:07
  • Navegação Tabs
    06:08
  • Navegação Drawer #01
    02:34
  • Navegação Drawer #02
    07:12
  • Adicionando Ícones #01
    02:36
  • Adicionando Ícones #02
    03:01
  • Adicionando Ícones #03
    05:58
  • Conclusão do Módulo
    00:58

  • Introdução do Módulo
    04:00
  • Projeto Tasks: Links das Diversas Versões
    00:28
  • Visão Geral do Projeto
    08:07
  • Arquivos ZIPs
    10:02
  • Criar Projeto Tasks
    15:52
  • Componente Lista de Tarefas #01
    06:10
  • Componente Lista de Tarefas #02
    08:32
  • Componente Lista de Tarefas #03
    07:24
  • Componente Lista de Tarefas #04
    09:34
  • Componente Tarefa #01
    06:17
  • Componente Tarefa #02
    04:34
  • Componente Tarefa #03
    11:58
  • Componente Tarefa #04
    05:05
  • Componente Tarefa #05
    05:33
  • Adicionar FlatList
    08:23
  • Componente Tarefa #06
    10:29
  • Botão Filtrar Tarefas
    12:43
  • Filtrar Tarefas
    14:11
  • Modal Adicionar Tarefa #01
    13:04
  • Modal Adicionar Tarefa #02
    09:19
  • Modal Adicionar Tarefa #03
    12:24
  • Botão Adicionar Tarefa
    06:49
  • Configuração iOS: pod install
    07:42
  • Data da Tarefa #01
    06:27
  • Data da Tarefa #02
    10:35
  • Salvar Tarefa
    14:51
  • Excluir Tarefa #01
    06:38
  • Configuração Android: Problema Swipe
    04:37
  • Excluir Tarefa #02
    06:38
  • Excluir Tarefa #03
    08:51
  • Armazenar Dados com AsyncStorage
    10:24
  • Conclusão do Módulo
    01:37

  • Introdução do Módulo
    02:42
  • Criar Projeto Backend
    13:57
  • Aulas Detalhadas Sobre Express
    01:21
  • Resumo Sobre Express
    16:50
  • Instalação PSQL
    00:23
  • Middlewares & DB com Knex #01
    09:53
  • DB Migrations
    10:18
  • Middlewares & DB com Knex #02
    09:04
  • API: Cadastro de Usuário (Signup)
    15:11
  • Armazenando Token no .env
    04:59
  • API: Login de Usuário (Signin)
    11:03
  • Middleware de Segurança
    08:39
  • API de Tarefas (Tasks) #01
    15:31
  • API de Tarefas (Tasks) #02
    13:45
  • Arquivo package.json Atualizado
    00:12
  • Conclusão do Módulo
    01:32

  • Introdução do Módulo
    00:53
  • Tela de Autenticação #01
    07:28
  • Tela de Autenticação #02
    10:35
  • Tela de Autenticação #03
    07:26
  • Tela de Autenticação #04
    06:06
  • Navegação
    06:09
  • Componente AuthInput
    09:36
  • E-mail Case Insensitive
    05:18
  • Integrando Autenticação com Backend #01
    11:01
  • Integrando Autenticação com Backend #02
    06:02
  • Validando Formulário
    07:47
  • VSCode Workspace
    02:41
  • Dica E-mail/Senha Fixos
    01:58
  • Integrando Tarefas com Backend #01
    09:22
  • Integrando Tarefas com Backend #02
    11:23
  • Drawer Navigator #01
    10:02
  • Drawer Navigator #02
    07:03
  • Drawer Navigator #03
    06:40
  • Drawer Navigator #04
    07:58
  • Informações de Usuário #01
    10:26
  • Informações de Usuário #02
    08:27
  • Autenticação ou App #01
    06:29
  • Autenticação ou App #02
    08:14
  • Sair da Aplicação (Logout)
    07:41
  • Melhorando Mensagens
    08:57
  • Conclusão do Módulo
    01:25

  • Criar Projeto Clone Instagram
    07:25
  • Componente Cabeçalho
    06:20
  • Componente Post
    04:02
  • Componente Autor
    04:12
  • Componente Comentários
    06:40
  • Adicionar Comentário
    10:29
  • Tela de Feeds
    08:58
  • Navegação em Abas
    07:20
  • Tela Adicionar Foto
    17:41
  • Tela Perfil Usuário
    06:44
  • Tela Login
    08:56
  • Tela Registro
    10:00
  • Teoria Redux #1
    08:31
  • Teoria Redux #2
    10:35
  • Teoria Redux #3
    09:04
  • Login com Redux #1
    18:05
  • Login com Redux #2
    04:29
  • Login com Redux #3
    19:09
  • Adicionando Usuário no Header
    09:31
  • Integrando Posts com Redux
    21:12
  • Integrando Comentários com Redux
    17:26
  • Adicionando Validações
    08:51
  • Firebase: Criando Banco Realtime [Artigo]
    00:07
  • Firebase: Criando Banco Realtime
    02:49
  • Redux Middleware
    05:47
  • Adicionando Post no Firebase
    13:16
  • Usando Firebase Storage #1
    10:16
  • Usando Firebase Storage #2
    05:48
  • Usando Firebase Storage #3
    14:09
  • Usando Firebase Storage #4
    07:52
  • Obtendo Posts do Firebase
    17:18
  • Ajustes na Criação do Post
    13:52
  • Adicionando Comentário no Firebase
    05:49
  • Registro de Usuário [Artigo]
    00:06
  • Registro de Usuário
    14:46
  • Login de Usuário
    10:38
  • Exibindo Mensagens
    23:57
  • Melhorias no Registrar
    06:26
  • Protegendo as Rotas #01
    09:13
  • Protegendo as Rotas #02
    11:05
  • Splash Screen
    08:24

Requirements

  • Conhecimento básico de JavaScript

Description

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!

Who this course is for:

  • Programadores que conhecer o React que desejam ampliar seu uso para dispositivos móveis
  • Programadores em geral que desejam aprender os conceitos e ciclo de vida do React Native
  • Programadores de aplicações móveis que gostariam de criar aplicações para Android e iOS com uma linguagem apenas

Instructors

Leonardo Moura Leitao
Arquiteto de Software
Leonardo Moura Leitao
  • 4.7 Instructor Rating
  • 90,029 Reviews
  • 193,063 Students
  • 27 Courses

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.

Instrutor premiado internacionalmente e tem umas das melhores avaliações entre os instrutores da Udemy.

Há quinze anos atua na área como desenvolvedor de softwares e trabalhou na DATAPREV como arquiteto, desenvolvendo sistemas para o INSS. Professor de desenvolvimento de software há mais de doze anos, criou a Cod3r Ensino que já treinou mais de 150.000 alunos.

Francisco Wagner Costa Aquino
Analista de Testes
Francisco Wagner Costa Aquino
  • 4.7 Instructor Rating
  • 20,058 Reviews
  • 65,983 Students
  • 15 Courses

Formação e Experiência

Wagner Costa possui graduação 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 JAVA e testes há mais de 10 anos e com Javascript há mais de 3 anos.

Trabalhos atuais

Integrante da equipe de suporte à automação de testes na DATAPREV. Professor de Testes automatizados e Testes Funcionais em duas especializações em Fortaleza (Universidade 7 de Setembro - Uni7), uma focada em desenvolvimento ágil e a outra em Testes de Software. Dá aulas presenciais há mais de 8 anos e na área de aulas à distância há 2 anos.

Cod3r Cursos Online
Escola de Cursos Online de Tecnologia
Cod3r Cursos Online
  • 4.7 Instructor Rating
  • 90,029 Reviews
  • 193,063 Students
  • 27 Courses

A COD3R é uma Escola de cursos online de programação criada por profissionais experientes do mercado que se dedicam a programação, arquitetura e design de software, infraestrutura e todo o ciclo de vida do desenvolvimento de um software. Acreditamos que a melhor forma de aprender é praticando, e o nosso objetivo como Escola de ensino é entregar conteúdo de valor que te fará aprender, executar e pensar da melhor forma possível e com as melhores práticas disponíveis do mercado.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.