Fale com a gente no WhatsApp Fale com a gente no WhatsApp
Fale com a gente no WhatsApp

Curso de React Native - Componentes nativos

Aprenda como utilizar componentes nativos do Android e iOS pelo React Native

Nível Intermediário Categoria Desenvolvimento Mobile

  • Curso com 03h42 de vídeos
  • Certificado com 12 horas
  • 18 exercícios

Sobre o curso

O React Native é um Framework do Facebook para criação de aplicativos nativos com JavaScript para Android e iOS, sendo utilizado em famosos aplicativos como Facebook, Instagram, Uber, Skype, Pinterest e Walmart.

A ideia do React Native é tornar possível criar aplicações mobile nativas com uma única linguagem (no caso, o JavaScript), permitindo o reaproveitamento de boa parte do código.

Neste curso veremos como usar os componentes nativos do Android e iOS disponibilizados pelo React Native como TextInput, StatusBar, FlatList, Switch, etc. Vamos desenvolver um projeto e também aprender a criar componentes com código nativo e disponibilizá-los ao JavaScript

O React Native é um Framework do Facebook para criação de aplicativos nativos com JavaScript para Android e iOS, sendo utilizado em famosos aplicativos como Facebook, Instagram, Uber, Skype, Pinterest e Walmart.

A ideia do React Native é tornar possível criar aplicações mobile nativas com uma única linguagem (no caso, o JavaScript), permitindo o reaproveitamento de boa parte do código.

Neste curso veremos como usar os componentes nativos do Android e iOS disponibilizados pelo React Native como TextInput, StatusBar, FlatList, Switch, etc. Vamos desenvolver um projeto e também aprender a criar componentes com código nativo e disponibilizá-los ao JavaScript

O que irá aprender?

Neste curso iremos aprender a utilizar os componentes nativos disponíveis pelo React Native e também a criar nosso próprio componente nativo em Java e Objective-C e disponibilizá-lo ao JavaScript. Também serão passados exercícios para que você possa fixar, praticar e aplicar o conteúdo aprendido durante o curso.

Dentre várias outras coisas, você verá:

  • Barra de status, barras de progresso e barra de ferramentas;
  • Apresentação de textos, imagens e criação de listas;
  • Gerenciamento de atualização de dados;
  • Componentes de formulários como TextInput, Picker e Switch;
  • View, SafeAreaView, ScrollView, WebView e Modais;
  • Gerenciamento de telas com React Router;
  • Criação de componentes nativos em Java e Objective-C;
  • Desenvolvimento de projeto para fixar o aprendizado.

Pra quem é esse curso?

Este curso é destinado àqueles que já tenham um conhecimento básico de React Native e desejam ir além dos limites do JavaScript, podendo até mesmo criar seus próprios componentes.

Quais os pré-requisitos para esse curso?

Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.

Metodologia

  • Videoaulas
  • Texto e imagens
  • Início Imediato
  • Testes de aprendizado

Ambiente do curso

  • Node.js
  • Visual Studio Code
  • Android Studio
  • JDK 8
  • Xcode

Sobre o professor

Akira Hanashiro

Akira Hanashiro

Professor especialista em Desenvolvimento Front-end na TreinaWeb. Akira, Felipe, Hana, Hanashiro ou Hanakira, é graduado em Análise e Desenvolvimento de Sistemas, pós-graduado em Projetos e Desenvolvimento de Aplicações Web e MBA em Machine Learning, é entusiasta no desenvolvimento de jogos e multi-task. Fala japonês fluente, mas não tem com quem conversar.

Conteúdo programático

  1. Apresentação

    Apresentação do Curso.

    3 aulas
    • Apresentação
    • Códigos do Curso
    • Repositório do Curso
  2. Componentes Nativos

    Veja o que são os Componentes Nativos e sua importância para uma aplicação React Native.

    5 aulas
    • Apresentação
    • Componentes Nativos de Interface
    • Código exclusivo para cada plataforma
    • Projeto: Iniciando nosso projeto
    • Resumo
  3. Estado e Barra da Aplicação

    Conheça componentes que mostram o estado da aplicação.

    6 aulas
    • Apresentação
    • StatusBar
    • ActivityIndicator
    • ProgressBarAndroid e ProgressViewIOS
    • Android: ToolbarAndroid
    • Questionário
  4. Apresentação de Dados

    Vamos ver componentes que nos permitem exibir dados ao usuário.

    9 aulas
    • Apresentação
    • Text
    • Image e ImageBackground
    • FlatList
    • SectionList
    • RefreshControl
    • Projeto: Exibindo nossas listas
    • Resumo
    • Questionário
  5. Entrada de Dados (Formulários)

    Conheça os componentes para se capturar dados fornecidos pelo usuário.

    12 aulas
    • Apresentação
    • TextInput
    • Picker
    • Slider
    • Slider - Migração
    • Switch
    • Button
    • TouchableHighlight, TouchableOpacity, TouchableNativeFeedback e TouchableWithoutFeedback
    • Projeto: Apagando listas
    • Projeto: Criando novas listas
    • Resumo
    • Questionário
  6. Views

    Aprenda a trabalhar com Views.

    9 aulas
    • Apresentação
    • O Elemento View e Trabalhando com Gestos
    • SafeAreaView
    • ScrollView
    • Modal
    • Exibindo Páginas da Web
    • Projeto: Atualizando listas e arrumando Views
    • Resumo
    • Questionário
  7. Navegação entre Telas

    Aprenda a navegar entre as telas do aplicativo.

    4 aulas
    • Apresentação
    • React Router
    • Começando com o React Router
    • Resumo
  8. Criação de Componentes Nativos

    Aprenda a criar seus próprios componentes nativos para Android e iOS.

    8 aulas
    • Apresentação
    • Outros Componentes
    • Gerando os Arquivos Nativos
    • Android: Criando Componentes Nativos
    • iOS: Criando Componentes Nativos
    • React Native: Acessando Componentes Nativos
    • Resumo
    • Questionário
Download da ementa

Cursos relacionados

Formação em que esse curso está inserido

Utilizada e amada por milhares! Veja mais opiniões reais

Plano de acesso total!

Tenha um ano de acesso completo a todos os cursos da plataforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!

Um ano de acesso completo

Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:

  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Suporte direto com professores
  • Aplicativos para Android e iOS
  • Plano de carreira personalizado
  • Certificados digitais inclusos
  • Suporte com SLA de 4 horas úteis
  • Acesso offline através dos apps
R$ 99,00 ECONOMIZE R$ 600,00
12x R$ 49,00 sem juros, no cartão de crédito
Matricule-se agora
Garantia incondicional de satisfação
Garantia incondicional de satisfação

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!