Imagem do Curso gratuito React native básico

Curso online gratuitoReact native básico

Duração do curso online: 7 horas e 19 minutos

3

EstrelaEstrelaEstrela

(2)

Crie apps mobile com React Native do zero: componentes, estado, listas, APIs, câmera e navegação. Curso online gratuito para começar hoje.

Neste curso gratuito, aprenda sobre

  • Configuração e primeiros passos com React Native (especialmente via Expo)
  • Uso de componentes principais: View, Text, Image, TextInput, ScrollView e botões
  • Estilização com StyleSheet: bordas arredondadas, layout e tipografia
  • Gerenciamento de estado com useState e passagem de props entre componentes
  • Construção de telas e UI do app OneBitHealth (inclui cálculo e exibição de IMC)
  • Uso de APIs nativas: Alert para erros, Share para compartilhar e controle do teclado
  • Trabalho com listas: ScrollView vs FlatList, ListView e SectionList
  • Integração com câmera no Expo: permissões, referência da câmera e captura/ação do botão
  • Navegação com React Navigation: Stack, Tab e Drawer, e passagem de parâmetros
  • Desenvolvimento do projeto OneBitCoin: componentes, layout e organização de telas
  • Integração de gráficos no React Native e instalação de biblioteca para chart
  • Estratégias de componentização e reutilização de UI (ex.: contentGraphic, boxes)

Descrição do curso

Aprenda a criar aplicativos móveis com React Native mesmo que você esteja começando no desenvolvimento mobile. Neste curso online gratuito de React Native básico, você vai entender como configurar o ambiente e dar os primeiros passos para transformar ideias em telas reais, usando uma abordagem prática e focada no que mais aparece no dia a dia de quem desenvolve apps.

Ao longo das aulas, você evolui do básico da interface para a construção de layouts mais bem acabados, aprendendo a trabalhar com componentes essenciais, organização de estilos e criação de áreas visuais mais refinadas. Você também desenvolve familiaridade com conceitos fundamentais como controle de estado, permitindo que o aplicativo responda às ações do usuário e apresente resultados em tempo real de forma clara e fluida.

O curso segue com uma parte muito útil para qualquer app moderno: o uso de recursos e APIs comuns do ecossistema, incluindo interações que melhoram a experiência do usuário, como avisos em situações de erro, compartilhamento de conteúdo e ajustes de comportamento do teclado. Em seguida, você aprende como exibir listas de dados corretamente, escolhendo a solução adequada conforme o cenário, otimizando performance e garantindo uma navegação mais agradável pelo conteúdo.

Para ampliar suas possibilidades, você entra em temas que dão cara de aplicativo “de verdade”, como integração com câmera usando Expo e criação de fluxos de navegação entre telas. Você entende quando usar cada tipo de navegação e como estruturar telas para facilitar manutenção e evolução do projeto.

No fechamento, você aplica o conhecimento em projetos completos, conectando interface, estado e componentes em uma construção mais próxima do mercado. O resultado é uma base sólida para seguir estudando React Native e criar seus próprios aplicativos, fortalecendo seu portfólio na área de Programação de Aplicativos.

Conteúdo do curso

  • Aula em vídeo: Primeiros passos no React Native - Aula 1 | Curso React Native (aprendiz) | Onebitcode 17m
  • Exercício: _Qual é o objetivo do curso de React Native básico por One Bit Code?
  • Aula em vídeo: Principais Components do React Native - Aula 2 - Parte 1 | Curso React Native (aprendiz) 14m
  • Exercício: _Qual é o componente utilizado para inserir imagens no layout do React Native?
  • Aula em vídeo: Principais Components do React Native - Aula 2 - Parte 2 | Curso React Native (aprendiz) 15m
  • Exercício: _Qual é a função da área personalizada com cantos arredondados criada no vídeo?
  • Aula em vídeo: Principais Components do React Native - Aula 2 - Parte 3 | Curso React Native (aprendiz) 19m
  • Exercício: _Qual é a função do useState no React Native?
  • Aula em vídeo: Design do App OneBitHealth – Aula 3 - Parte 1 | Curso React Native (aprendiz) 12m
  • Exercício: Qual é o foco principal da aula 3 no curso descrito?
  • Aula em vídeo: Design do App OneBitHealth – Aula 3 - Parte 2 | Curso React Native (aprendiz) 15m
  • Exercício: _Qual é o estilo utilizado para arredondar as bordas do formulário no React Native?
  • Aula em vídeo: Design do App OneBitHealth – Aula 3 - Parte 3 | Curso React Native (aprendiz) 10m
  • Exercício: _Qual é o estilo aplicado ao resultado do cálculo do IMC no React Native Básico por One Bit Code?
  • Aula em vídeo: Conhecendo sobre APIs React Native - Aula 4 - Parte 1 | Curso React Native (aprendiz) 17m
  • Exercício: Qual funcionalidade de API é utilizada para chamar a atenção do usuário quando há um erro no aplicativo?
  • Aula em vídeo: Conhecendo sobre APIs React Native - Aula 4 - Parte 2 | Curso React Native (aprendiz) 14m
  • Exercício: _Qual é a função que deve ser passada como parâmetro dentro da construção "share" para que seja possível compartilhar uma mensagem no WhatsApp ou Telegram diretamente do aplicativo?
  • Aula em vídeo: Conhecendo sobre APIs React Native - Aula 4 - Parte 3 | Curso React Native (aprendiz) 13m
  • Exercício: _Qual a função da propriedade "keyboardDismissMode" utilizada no código apresentado?
  • Aula em vídeo: Listas (ScrollView,ListView, FlatList,SectionList) - Aula 5 - Parte1 | Curso React Native (aprendiz) 16m
  • Exercício: _Qual é o tema abordado na aula 5 do curso de React Native básico por One Bit Code?
  • Aula em vídeo: Listas (ScrollView,ListView, FlatList,SectionList) - Aula 5 - Parte2 | Curso React Native (aprendiz) 16m
  • Exercício: _Qual a diferença entre ScrollView e FlatList no React Native?
  • Aula em vídeo: Listas (ScrollView,ListView, FlatList,SectionList) - Aula 5 - Parte3 | Curso React Native (aprendiz) 08m
  • Exercício: _Qual é o tamanho da fonte definido para o componente "result Mc" no vídeo?
  • Aula em vídeo: Trabalhando com Câmera no React Native - Aula 6 - Parte 1 | Curso React Native (aprendiz) 14m
  • Exercício: _Qual é o primeiro passo para configurar a câmera no React Native com Expo?
  • Aula em vídeo: Trabalhando com Câmera no React Native - Aula 6 - Parte 2 | Curso React Native (aprendiz) 15m
  • Exercício: _Qual é a função do botão que será implementado no curso "React native básico por One Bit Code"?
  • Aula em vídeo: Trabalhando com Câmera no React Native - Aula 6 - Parte 3 | Curso React Native (aprendiz) 13m
  • Exercício: _Qual é a finalidade de referenciar a câmera no código?
  • Aula em vídeo: Navegação (StackNavigator, TabNavigator e Drawer) - Aula 7 - Parte 1 | Curso React Native (aprendiz) 17m
  • Exercício: _Qual é a principal diferença entre as navegações do React Native?
  • Aula em vídeo: Navegação (StackNavigator, TabNavigator e Drawer) - Aula 7 - Parte 2 | Curso React Native (aprendiz) 17m
  • Exercício: _O que é necessário para navegar para a página de informações do contato "João" no projeto React Native descrito no vídeo?
  • Aula em vídeo: Navegação (StackNavigator, TabNavigator e Drawer) - Aula 7 - Parte 3 | Curso React Native (aprendiz) 12m
  • Exercício: _Qual é o objetivo da implementação do botão Tab Navigation no aplicativo?
  • Aula em vídeo: Projeto Final: OneBitCoin - Aula 8 - Parte 1 | Curso React Native (aprendiz) 19m
  • Exercício: Qual será o objetivo do projeto final no curso 'Derrete Leite e Aprendiz'?
  • Aula em vídeo: Projeto Final: OneBitCoin - Aula 8 - Parte 2 | Curso React Native (aprendiz) 19m
  • Exercício: _O que é feito dentro do componente "contentGraphic" no código apresentado?
  • Aula em vídeo: Projeto Final: OneBitCoin - Aula 8 - Parte 3 | Curso React Native (aprendiz) 15m
  • Aula em vídeo: Projeto Final: OneBitCoin - Aula 8 - Parte 4 | Curso React Native (aprendiz) 11m
  • Exercício: _Qual propriedade foi utilizada para definir o tamanho do conteúdo dentro do Box logo?
  • Aula em vídeo: Projeto Final: OneBitCoin - Aula 9 - Parte 1 | Curso React Native (aprendiz) 19m
  • Exercício: _Qual é a primeira função que precisa ser implementada na segunda etapa do projeto final do curso de React Native básico por One Bit Code?
  • Aula em vídeo: Projeto Final: OneBitCoin - Aula 9 - Parte 2 | Curso React Native (aprendiz) 22m
  • Aula em vídeo: Projeto Final: OneBitCoin - Aula 9 - Parte 3 | Curso React Native (aprendiz) 14m
  • Exercício: _Qual a propriedade que precisamos passar para o componente filho para alterar o state do componente pai?
  • Aula em vídeo: Projeto Final: OneBitCoin - Aula 9 - Parte 4 | Curso React Native (aprendiz) 12m
  • Exercício: _Qual biblioteca precisa ser instalada para trabalhar com gráficos no React Native?
  • Aula em vídeo: Projeto Final: OneBitCoin - Aula 10 | Curso React Native (aprendiz) 19m

Este curso gratuito inclui:

7 horas e 19 minutos de curso online em vídeo

Certificado digital de conclusão de curso ( Gratuito )

Exercícios para treinar seus conhecimentos

100% gratuito, do conteúdo ao certificado

Pronto para começar?Baixe o app e comece hoje mesmo.

Instale o app agora

para ter acesso ao curso
Ícone representando cursos de tecnologia e negócios

+ de 5.000 cursos gratuitos

Programação, Inglês, Marketing Digital e muito mais! Aprenda o que quiser, gratuitamente.

Ícone de calendário com alvo representando planejamento de estudos

Plano de estudos com IA

A Inteligência Artificial do nosso aplicativo pode criar um cronograma de estudos para o curso que você escolher.

Ícone de profissional representando carreira e negócios

Do zero ao Sucesso profissional

Melhore seu currículo com nosso Certificado gratuito e depois utilize nossa Inteligência Artificial para buscar seu emprego dos sonhos.

Você também pode utilizar o QR Code ou os Links abaixo

QR Code - Baixar Cursa - Cursos Online

Mais cursos gratuitos em Programação de Aplicativos

Ebook + Áudiobooks gratuitos! Aprenda ouvindo ou lendo!

Baixe o Aplicativo agora para ter acesso a + de 5000 cursos gratuitos, exercícios, certificado e muito conteúdo sem pagar nada!

  • Cursos online 100% gratuitos do início ao fim

    Milhares de cursos online em vídeo, ebooks e áudiobooks.

  • Mais de 60 mil exercícios gratuitos

    Para testar seus conhecimentos no decorrer dos cursos online

  • Certificado Digital gratuito válido em todo o Brasil

    Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail

Aplicativo Cursa na tela de ebook, na tela de curso em vídeo e na tela de exercícios do curso, mais o certificado de conclusão de curso