Onde encontrar um curso gratuito de React Native para Iniciantes: do Zero ao Deploy com Expo, Navegação e Animações ?

Name: React Native para Iniciantes: do Zero ao Deploy com Expo, Navegação e Animações
Availability: InStock

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

Curso online gratuito React 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?

Cursos online Gratuitos sobre React Native

Aprenda sobreReact Native

Domine o desenvolvimento mobile com nossa seleção de cursos gratuitos de React Native. Aprenda a criar apps incríveis para iOS e Android de forma prática!