Imagem do Curso gratuito React Native para Iniciantes: do Zero ao Deploy com Expo, Navegação e Animações

Curso online gratuitoReact Native para Iniciantes: do Zero ao Deploy com Expo, Navegação e Animações

Duração do curso online: 2 horas e 46 minutos

Novo

Crie seu primeiro app mobile com React Native e Expo: navegação, animações e deploy. Curso online gratuito para iniciar do zero e praticar com exercícios.

Neste curso gratuito, aprenda sobre

  • Objetivos e visão geral do desenvolvimento mobile com React Native e Expo
  • Configuração do ambiente: Node.js, Expo CLI e validação da instalação
  • Criação de projeto Expo e escolha do workflow recomendado para iniciantes
  • Configuração de ícone e splash screen e como aplicar mudanças no app
  • Estrutura de pastas para organizar telas e arquivos customizados
  • Uso de componentes nativos essenciais (View, Text, Image, etc.) e estilos
  • Criação e reutilização de componentes para reduzir repetição e facilitar manutenção
  • Renderização de listas com FlatList: data, renderItem e keyExtractor
  • Uso de ícones com @expo/vector-icons e bibliotecas padrão do Expo
  • Navegação entre telas com React Navigation e papel do NavigationContainer
  • Animações com Lottie (JSON) e animações avançadas com Reanimated + Babel plugin
  • Seleção e preview de imagens com Expo ImagePicker usando uri no componente Image
  • Notificações locais com Expo Notifications e configuração de tempo de disparo
  • Preparação e deploy: app.json, EAS Build e fluxo de testes antes da Play Store

Descrição do curso

Aprender a criar aplicativos do zero pode parecer intimidador, mas React Native muda esse jogo: com uma única base de código, você desenvolve para Android e iOS usando conceitos modernos do ecossistema JavaScript. Neste curso online gratuito, você começa com uma visão clara do que vai construir e rapidamente monta um ambiente de desenvolvimento pronto para programar sem complicação, entendendo como cada etapa influencia o resultado final do app.

Ao longo da jornada, você sai do básico e passa a criar telas reais, organizando o projeto de forma eficiente para manter o código escalável desde o início. Você entende na prática como funcionam os componentes nativos, como criar componentes reutilizáveis para evitar retrabalho e como estruturar a interface com foco em clareza e manutenção. A evolução é contínua: em vez de apenas “ver funcionar”, você desenvolve o raciocínio necessário para tomar boas decisões na hora de codar.

Para deixar o aplicativo com cara profissional, o curso explora recursos que fazem diferença na experiência do usuário, como ícones, tela de splash, listas eficientes e navegação entre telas com um fluxo bem definido. Você também aprende a trabalhar com animações, incluindo Lottie e técnicas mais avançadas com bibliotecas específicas, entendendo o motivo das configurações e como evitar os erros mais comuns ao configurar o projeto.

Além da interface, você dá passos importantes rumo a funcionalidades usadas no dia a dia de apps modernos, como selecionar imagens com pré-visualização e configurar notificações locais. E o melhor: você fecha o ciclo indo até o deploy, passando pela preparação das configurações do app, geração de builds com os serviços do Expo e publicação na Google Play com um fluxo recomendado para testar antes de liberar em produção.

Com vídeos e exercícios de fixação, este curso é ideal para iniciantes que querem aprender com prática, construir confiança e concluir com um aplicativo publicado. Ao final, você terá uma base sólida para continuar evoluindo em React Native, iniciar novos projetos e se aproximar de oportunidades em programação de aplicativos.

Conteúdo do curso

  • Aula em vídeo: Apresentação do curso | CURSO COMPLETO DE REACT NATIVE PARA INICIANTES 02m
  • Exercício: Qual é o principal objetivo do curso de React Native para iniciantes apresentado?
  • Aula em vídeo: Configurando ambiente de desenvolvimento | CURSO COMPLETO DE REACT NATIVE PARA INICIANTES 06m
  • Exercício: Qual é a forma indicada para verificar se o Node.js foi instalado corretamente no ambiente?
  • Aula em vídeo: Criando seu projeto com React Native | CURSO COMPLETO DE REACT NATIVE PARA INICIANTES 16m
  • Exercício: Ao criar um projeto com Expo para quem está começando, qual tipo de workflow é o mais indicado por padrão?
  • Aula em vídeo: Colocando icones e tela de splash | CURSO COMPLETO DE REACT NATIVE PARA INICIANTES 10m
  • Exercício: Ao configurar ícone e tela de splash no Expo, qual ação pode ser necessária para que as mudanças apareçam no app?
  • Aula em vídeo: [Motivacional] Não pare aqui | CURSO COMPLETO DE REACT NATIVE PARA INICIANTES 02m
  • Exercício: Qual atitude é mais recomendada para evoluir no aprendizado de React Native como iniciante?
  • Aula em vídeo: Criando sua primeira tela | CURSO COMPLETO DE REACT NATIVE PARA INICIANTES 07m
  • Exercício: Qual é a estrutura de pastas sugerida para organizar telas e arquivos customizados no projeto?
  • Aula em vídeo: Conhecendo alguns componentes nativos | CURSO COMPLETO DE REACT NATIVE PARA INICIANTES 05m
  • Exercício: No React Native, qual componente é usado como container para envolver e exibir elementos na tela, permitindo aplicar estilos?
  • Aula em vídeo: Como criar componentes no React Native? | CURSO COMPLETO DE REACT NATIVE PARA INICIANTES 12m
  • Exercício: Qual é a principal vantagem de criar um componente personalizado em React Native, em vez de copiar e colar o mesmo bloco de View e Text várias vezes?
  • Aula em vídeo: Como criar listas no React Native? | CURSO COMPLETO DE REACT NATIVE PARA INICIANTES 16m
  • Exercício: Ao renderizar listas no React Native com FlatList, quais são as 3 propriedades obrigatórias que não podem faltar?
  • Aula em vídeo: Colocando icones no React Native - vector-icons | CURSO COMPLETO DE REACT NATIVE PARA INICIANTES 05m
  • Exercício: No React Native com Expo, qual é a forma correta de acessar ícones que já vêm disponíveis por padrão no projeto?
  • Aula em vídeo: Como navegar entre telas no React Native? | CURSO COMPLETO DE REACT NATIVE PARA INICIANTES 12m
  • Exercício: Qual é a função do componente NavigationContainer ao configurar a navegação com React Navigation (Stack) no React Native?
  • Aula em vídeo: [Motivacional] Continue a jornada | CURSO COMPLETO DE REACT NATIVE PARA INICIANTES 01m
  • Exercício: Qual atitude é mais recomendada para quem quer começar do zero em React Native como iniciante?
  • Aula em vídeo: Lottie: Como usar a Lottie no React Native? | CURSO COMPLETO DE REACT NATIVE PARA INICIANTES 06m
  • Exercício: Ao usar uma animação do Lottie no React Native, qual formato é mais indicado para baixar e usar no app?
  • Aula em vídeo: Como criar animações no React Native | CURSO COMPLETO DE REACT NATIVE PARA INICIANTES 11m
  • Exercício: Ao usar a biblioteca Reanimated, por que é obrigatório adicionar o plugin no Babel?
  • Aula em vídeo: Imagem: Upload e Preview de imagem - Image picker | CURSO COMPLETO DE REACT NATIVE PARA INICIANTES 14m
  • Exercício: Ao escolher uma imagem da galeria no Expo com ImagePicker, por que geralmente se usa a propriedade uri no componente Image?
  • Aula em vídeo: Como colocar notificações - Expo Notification | CURSO COMPLETO DE REACT NATIVE PARA INICIANTES 09m
  • Exercício: Ao agendar uma notificação local no Expo, qual propriedade define após quantos segundos ela será enviada?
  • Aula em vídeo: Alterando o arquivo app.json para deploy | CURSO COMPLETO DE REACT NATIVE PARA INICIANTES 08m
  • Exercício: Qual arquivo é alterado para preparar um app Expo para o deploy, configurando dados como name, slug e plataformas?
  • Aula em vídeo: EAS: Deploy do app no Expo - Parte 1 | CURSO COMPLETO DE REACT NATIVE PARA INICIANTES 04m
  • Exercício: Qual é o serviço do Expo usado para gerar a build e enviar o app para os servidores do Expo antes de publicar na Play Store?
  • Aula em vídeo: APK/AAB: Deploy do app na Google Play - Parte 2 | CURSO COMPLETO DE REACT NATIVE PARA INICIANTES 09m
  • Exercício: Ao publicar um app React Native feito com Expo na Google Play, qual é o fluxo recomendado antes de liberar em produção?
  • Aula em vídeo: Finalizando o curso | CURSO COMPLETO DE REACT NATIVE PARA INICIANTES 01m
  • Exercício: Ao finalizar uma série de aulas, qual ação ajuda a acessar e reutilizar o código completo do projeto em React Native com Expo?

Este curso gratuito inclui:

2 horas e 46 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