Imagem do Curso gratuito Programação mobile com React Native completo

Curso online gratuitoProgramação mobile com React Native completo

Duração do curso online: 13 horas e 29 minutos

Novo

Crie apps Android e iOS do zero com React Native: layout, componentes, listas, navegação e APIs. Curso online gratuito com prática e foco em projetos.

Neste curso gratuito, aprenda sobre

  • Configurar ambiente React Native no Windows e preparar Android para testes
  • Criar e executar o primeiro app mobile com React Native
  • Diferenças e uso de componentes funcionais vs componentes de classe
  • Criar componentes reutilizáveis e passar dados via props
  • Estilização com StyleSheet, CSS externo e layout responsivo com Flexbox
  • Renderização condicional e uso de Arrow Functions em JavaScript/React
  • Usar imagens (Image) e fundo (ImageBackground) em telas do app
  • Gerenciar estado (state) em componentes funcionais e de classe
  • Trabalhar com inputs e UI: Button, Switch, TextInput, ScrollView e SafeAreaView
  • Criar interações: TouchableHighlight, Modal, RefreshControl e StatusBar
  • Listas performáticas com FlatList e conceito/objetivo do FlashList
  • Navegação com React Navigation: Stack, Tabs, Drawer e personalização de header
  • Persistência local com AsyncStorage, geolocalização e consumo de APIs com Fetch
  • Configurar ícone e gerar APK/AAB para distribuir e instalar em outros dispositivos

Descrição do curso

Dominar o desenvolvimento mobile hoje abre portas para criar produtos, validar ideias e ampliar oportunidades profissionais. Neste curso online gratuito de Programação mobile com React Native, você aprende a construir aplicativos para Android e iOS usando uma das tecnologias mais buscadas do mercado, passando do ambiente de desenvolvimento à publicação do app para instalar em outros dispositivos.

A jornada começa com a preparação completa do ambiente no Windows e com a criação do primeiro aplicativo, para você ganhar confiança logo nas primeiras aulas. Em seguida, você evolui para a base do React Native: componentes funcionais e de classe, organização do código e construção de interfaces reutilizáveis. Aos poucos, você aprende a dar forma ao app com estilização no padrão do React Native, uso de CSS em arquivos separados, responsividade e conceitos de layout com Flex, essenciais para telas que se adaptam a diferentes tamanhos.

Com a estrutura visual pronta, o curso avança para o comportamento da aplicação: envio de dados por props, gerenciamento de state, renderização condicional e interação com o usuário por meio de botões e elementos tocáveis. Você também trabalha com imagens, fundo com ImageBackground, entrada de texto, áreas seguras de tela, rolagem, modais e atualizações de tela com recursos como RefreshControl e StatusBar, compondo interfaces mais completas e profissionais.

Na etapa de navegação, você aprende a organizar múltiplas telas e fluxos com React Navigation, incluindo padrões muito usados em apps reais, como abas e menu lateral, além de ajustes visuais como personalização de cabeçalho. Para consolidar, o curso prioriza a prática com a criação e refatoração de aplicações, desenvolvendo projetos que exercitam lógica, UI e experiência do usuário, como jogos simples e uma calculadora, reforçando a forma correta de estruturar telas e componentes.

Você ainda explora recursos importantes do dia a dia: armazenamento local com AsyncStorage, geolocalização e consumo de dados com Fetch API. Por fim, aprende a ajustar detalhes de entrega, como o ícone do aplicativo, e a gerar APK e AAB para instalação e distribuição, fechando um ciclo completo do desenvolvimento ao build. Ao concluir, você terá base sólida para iniciar projetos próprios, montar portfólio e avançar para integrações e funcionalidades mais complexas.

Conteúdo do curso

  • Aula em vídeo: Configuração do Ambiente React Native no Windows #p1 - Curso de React Native - Aula 01 26m
  • Exercício: _Qual é a primeira tarefa para começar a configurar o ambiente de desenvolvimento para o React Native?
  • Aula em vídeo: Criando o primeiro aplicativo de celular - Curso de React Native - Aula 02 21m
  • Exercício: Qual versão do Android o instrutor recomenda utilizar para testar aplicativos?
  • Aula em vídeo: Componentes funcionais e de classe - Curso de React Native - Aula 03 16m
  • Exercício: Qual é a estrutura básica de um aplicativo mencionada na aula?
  • Aula em vídeo: Criando o primeiro componente em React Native - Curso de React Native - Aula 04 23m
  • Exercício: O que será aprendido na aula de React Native mencionada no vídeo?
  • Aula em vídeo: Formatação CSS nos elementos em React Native - Curso de React Native - Aula 05 14m
  • Exercício: _Qual é a finalidade do código CSS dentro do aplicativo criado com React Native?
  • Aula em vídeo: Props, como enviar valores para os componentes por propriedades - Curso de React Native - Aula 06 11m
  • Exercício: Qual o tema principal abordado na aula do vídeo?
  • Aula em vídeo: Como usar CSS externo em arquivo separado no React Native - Curso de React Native - Aula 07 18m
  • Exercício: Qual é uma das vantagens do Windows Terminal mencionadas no curso?
  • Aula em vídeo: Elementos Responsivos, contêiners Flex em React Native #P1 - Curso de React Native - Aula 08 22m
  • Exercício: Qual é uma das funções principais do 'justify-content' no CSS para contêineres flexíveis?
  • Aula em vídeo: Elementos Responsivos, contêiners Flex em React Native #P2 - Curso de React Native - Aula 09 13m
  • Exercício: _Qual é a propriedade utilizada para posicionar os elementos no eixo transversal em React Native?
  • Aula em vídeo: Renderização Condicional em React Native - Curso de React Native - Aula 10 12m
  • Exercício: Qual é o principal conceito abordado na aula mencionada?
  • Aula em vídeo: Inserindo imagens no app em React Native - Curso de React Native - Aula 11 10m
  • Exercício: _Qual é o componente importante para inserir imagens dentro dos apps em React Native?
  • Aula em vídeo: Arrow Function em React Native - Curso de React Native - Aula 12 15m
  • Exercício: O que são Arrow Functions no contexto de JavaScript?
  • Aula em vídeo: Button. Inserindo botões nos aplicativos - Curso de React Native - Aula 13 08m
  • Exercício: Qual é o componente que transforma elementos em tocáveis no curso mencionado?
  • Aula em vídeo: FlatList, lista plana em React Native - Curso de React Native - Aula 14 21m
  • Exercício: Qual é o objetivo principal do componente Flash List discutido no vídeo?
  • Aula em vídeo: Como inserir imagem de fundo no aplicativo, ImageBackground - Curso de React Native - Aula 15 08m
  • Exercício: _Qual é a função do componente "image background" no React Native?
  • Aula em vídeo: State em React Native - Componente Funcional - #P1 - Curso de React Native - Aula 16 12m
  • Exercício: Qual é a função do state em componentes funcionais?
  • Aula em vídeo: State em React Native - Componente de Classe - #P2 - Curso de React Native - Aula 17 14m
  • Exercício: Qual é o tema principal abordado na aula do vídeo?
  • Aula em vídeo: Componente Switch em React Native - Curso de React Native - Aula 18 12m
  • Exercício: Para que serve o componente Safe Area View no desenvolvimento de apps?
  • Aula em vídeo: Componente TextInput em React Native - Curso de React Native - Aula 19 17m
  • Exercício: _Qual é o componente que permite digitar e inserir dados no aplicativo com React Native?
  • Aula em vídeo: Componente ScrollView em React Native - Curso de React Native - Aula 20 08m
  • Exercício: Qual é a principal função do componente ScrollView mencionado na aula?
  • Aula em vídeo: Componente Touchablehighlight em React Native - Curso de React Native - Aula 21 17m
  • Exercício: _Qual é o componente que transforma qualquer coisa em algo tocável?
  • Aula em vídeo: Componente Modal em React Native - Curso de React Native - Aula 22 15m
  • Aula em vídeo: Componente RefreshControl em React Native - Curso de React Native - Aula 23 11m
  • Exercício: _O que é o componente RefreshControl em React Native e onde ele pode ser utilizado?
  • Aula em vídeo: Componente StatusBar em React Native - Curso de React Native - Aula 24 13m
  • Aula em vídeo: Navigation em React Native #P1 - Curso de React Native - Aula 25 19m
  • Exercício: _Qual é a finalidade do iett navigation no React Native?
  • Aula em vídeo: Navigation em React Native #P2 - Curso de React Native - Aula 26 11m
  • Aula em vídeo: Navigation em React Native #P3 - Curso de React Native - Aula 27 10m
  • Exercício: _O que é possível fazer ao personalizar o cabeçalho da navegação em React Native com o react navigation?
  • Aula em vídeo: Navigation em React Native #P4 TabNavigation - Curso de React Native - Aula 28 10m
  • Aula em vídeo: Navigation em React Native #P5 DrawerNavigation - Curso de React Native - Aula 29 14m
  • Aula em vídeo: Variáveis Static Globais - Curso de React Native - Aula 30 11m
  • Aula em vídeo: Criando primeiro App em React Native - Curso de React Native - Aula 31 30m
  • Aula em vídeo: Refatorando o primeiro App em React Native - Curso de React Native - Aula 32 25m
  • Aula em vídeo: Criando Segundo App em React Native - Parte 1 - Curso de React Native - Aula 33 24m
  • Aula em vídeo: Criando Segundo App em React Native - Parte 2 - Curso de React Native - Aula 34 27m
  • Aula em vídeo: Aplicativo para Cara ou Coroa P1 - Curso de React Native - Aula 35 24m
  • Aula em vídeo: Aplicativo para jogo de Cara ou Coroa #P2 - Curso de React Native - Aula 36 14m
  • Aula em vídeo: Melhorando o aplicativo para jogo de Cara ou Coroa #P3 - Curso de React Native - Aula 37 29m
  • Aula em vídeo: Criando uma Calculadora #P1 - Curso de React Native - Aula 38 16m
  • Aula em vídeo: Criando uma Calculadora #P2 - Curso de React Native - Aula 39 14m
  • Aula em vídeo: Criando uma Calculadora #P3 - Curso de React Native - Aula 40 34m
  • Aula em vídeo: Criando uma Calculadora #P4 - Curso de React Native - Aula 41 34m
  • Aula em vídeo: AsyncStorage, armazenamento local (chave,valor) - Curso de React Native - Aula 42 17m
  • Aula em vídeo: Geolocalização - Curso de React Native - Aula 43 22m
  • Aula em vídeo: Fetch API - Curso de React Native - Aula 44 18m
  • Aula em vídeo: Configurando o ícone do aplicativo - Curso de React Native - Aula 45 10m
  • Exercício: _Qual é o objetivo de trocar o ícone do aplicativo no React Native?
  • Aula em vídeo: Gerando o APK e AAB para instalar em outros dispositivos - Curso de React Native - Aula 46 14m

Este curso gratuito inclui:

13 horas e 29 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