Imagem do Curso gratuito React Native: Apps iOS e Android do Zero ao Avançado

Curso online gratuitoReact Native: Apps iOS e Android do Zero ao Avançado

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

Novo

Curso gratuito de React Native para criar apps iOS e Android do zero, com setup, TypeScript, hooks, componentes e estrutura de projeto.

Neste curso gratuito, aprenda sobre

  • Introdução e criação do projeto
  • Configuração do ambiente e execução no iOS e Android
  • Estrutura inicial do app e qualidade de código
  • Fundamentos de React: props, estado e efeitos
  • Componentes básicos do React Native
  • Componentes globais e organização inicial do projeto

Descrição do curso

Aprenda a criar aplicativos móveis modernos para iOS e Android com React Native, começando do zero e avançando até práticas essenciais do dia a dia em projetos reais. Este curso online gratuito é ideal para quem quer sair da teoria e entender como estruturar um app, configurar o ambiente e colocar a aplicação para rodar tanto em emuladores quanto em dispositivos físicos.

Ao longo das aulas, você desenvolve uma base sólida com TypeScript e organiza o projeto de forma profissional, incluindo criação do arquivo principal, padronização de código com ferramentas de lint e formatação e construção de componentes reutilizáveis. Você também entende como passar dados entre componentes e como gerenciar estado e efeitos para criar telas reativas e dinâmicas.

O curso aprofunda a prática com hooks, incluindo a criação de hooks customizados, e explora os componentes fundamentais do React Native para montar interfaces consistentes e funcionais. Na parte de UI, você aprende a trabalhar com layout, textos, entradas de dados e listas, além de elementos de toque para interações. Por fim, você inicia uma estrutura organizada para uma tela de login, preparando o terreno para evoluir o app com padrões escaláveis.

Conteúdo do curso

  • Aula em vídeo: React Native [aula00] - Apresentação do curso 07m
  • Exercício: Qual é o objetivo principal do projeto desenvolvido no curso de React Native?
  • Aula em vídeo: React Native [aula01] - Criando o projeto React Native 07m
  • Exercício: Ao iniciar um projeto React Native para iOS e Android, qual abordagem foi escolhida e por quê?
  • Aula em vídeo: React Native [aula02] - Instalando aplicativo no emulador do Android 12m
  • Exercício: Qual é a função do Metro ao executar um app React Native no Android?
  • Aula em vídeo: React Native [aula03] - Instalando aplicativo em um aparelho Android físico 05m
  • Exercício: Qual comando é usado para listar os dispositivos Android conectados e disponíveis para execução do app?
  • Aula em vídeo: React Native [aula04] - Instalando aplicativo no emulador do iOS 07m
  • Exercício: Qual é a condição necessária para instalar e executar um app React Native no iOS (simulador) durante o desenvolvimento?
  • Aula em vídeo: React Native [aula05] - Criando o arquivo App.tsx 07m
  • Exercício: No React Native, qual é a forma correta de exibir um texto na tela sem causar erro?
  • Aula em vídeo: React Native [aula06] - Inserindo Eslint e o Prettier no projeto 17m
  • Exercício: Qual é a principal diferença entre ESLint e Prettier em um projeto React Native?
  • Aula em vídeo: React Native [aula07] - O que são e como utilizar as Props de um componente 12m
  • Exercício: Em React Native, qual é a principal utilidade de usar props em um componente?
  • Aula em vídeo: React Native [aula08] - Instalando o styled components 08m
  • Exercício: No React Native com TypeScript, qual configuração ajuda o TS a reconhecer os tipos do styled-components?
  • Aula em vídeo: React Native [aula09] - Como funciona o useState no React Native 08m
  • Exercício: Em React Native, qual é a forma correta de atualizar um valor e garantir que o componente seja renderizado novamente?
  • Aula em vídeo: React Native [aula10] - Como funciona o useEffects no React Native 08m
  • Exercício: Em React Native, como fazer um efeito executar apenas uma vez quando o componente é criado (montado)?
  • Aula em vídeo: React Native [aula11] - O que é e como criar um hook customizado 08m
  • Exercício: Qual é o principal objetivo de criar um Hook personalizado em React Native?
  • Aula em vídeo: React Native [aula12] - Componentes básicos do React Native 01m
  • Exercício: Qual é o objetivo principal de estudar os componentes básicos do React Native antes de iniciar o projeto?
  • Aula em vídeo: React Native [aula13] - O que é e como utilizar o componente View 07m
  • Exercício: No React Native, qual afirmação descreve corretamente o componente View?
  • Aula em vídeo: React Native [aula14] - O que é e como utilizar o componente Text 03m
  • Exercício: Qual é a principal responsabilidade do componente Text no React Native, segundo as boas práticas apresentadas?
  • Aula em vídeo: React Native [aula15] - O que é e como utilizar o componente TextInput 07m
  • Exercício: Como permitir que um TextInput seja editável e ainda assim manter acesso ao valor digitado?
  • Aula em vídeo: React Native [aula16] - O que é e como utilizar o componente ScrollView 05m
  • Exercício: No React Native, qual componente é usado para permitir rolagem de conteúdo e pode ser configurado como vertical ou horizontal?
  • Aula em vídeo: React Native [aula17] - O que é e como utilizar o componente FlatList 08m
  • Exercício: Qual é a principal vantagem do FlatList em relação a colocar vários itens dentro de um ScrollView no React Native?
  • Aula em vídeo: React Native [aula18] - O que é e como utilizar o componente TouchableOpacity 03m
  • Exercício: No React Native, qual componente é muito usado para criar um botão personalizado com ação de clique?
  • Aula em vídeo: React Native [aula19] - Introdução para as próximas aulas de componentes globais 02m
  • Exercício: Qual é o principal objetivo de criar componentes separados (ex.: Button e TextInput) no início do projeto em React Native?
  • Aula em vídeo: React Native [aula20] - Criando estrutura de pastas para a tela de login 06m
  • Exercício: Qual é o objetivo principal de criar uma pasta shared em um projeto React Native organizado por módulos?

Este curso gratuito inclui:

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