Imagem do Curso gratuito React Native para Iniciantes

Curso online gratuitoReact Native para Iniciantes

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

Novo

Crie seu primeiro app com React Native do zero: componentes, estilos, formulários e consumo de API. Curso online gratuito com prática e exercícios.

Neste curso gratuito, aprenda sobre

  • Criar e iniciar um projeto React Native via terminal
  • Entender a estrutura de arquivos e componentes (classe e função)
  • Usar render() e a regra de retornar um único elemento pai
  • Construir UI com View, Text e estilos com StyleSheet
  • Exibir imagens locais (require) e remotas (uri + width/height)
  • Criar botões de toque com TouchableHighlight e eventos onPress
  • Gerenciar estado do componente com state e setState
  • Capturar entrada do usuário com TextInput e onChangeText
  • Implementar TextInput controlado com value + onChangeText
  • Simular backend com json-server para acelerar o desenvolvimento
  • Consumir API com fetch (GET/POST/PUT/DELETE) para perfis
  • Criar avatar circular com borderRadius e dimensões iguais
  • Alinhar layouts com Flexbox (row, justifyContent: 'center')
  • Usar arrow functions para manter o contexto correto do this

Descrição do curso

Quer transformar suas ideias em aplicativos reais para Android e iOS, mesmo começando do zero? Neste curso online gratuito de React Native para iniciantes, você aprende na prática a dar os primeiros passos no desenvolvimento mobile usando JavaScript e uma das tecnologias mais populares do mercado. A proposta é sair da teoria e entender como um app funciona por dentro, desde a criação do projeto até a construção de telas interativas.

Ao longo das aulas, você vai dominar a base da interface no React Native: como estruturar componentes, organizar o arquivo de um componente, usar View e Text corretamente e aplicar estilos com StyleSheet. Você também aprende a trabalhar com imagens locais e por URL, criar botões de toque e construir telas que se comportam bem em diferentes tamanhos, aproveitando conceitos essenciais de layout com Flexbox.

Para deixar o app dinâmico, o curso aprofunda a ideia de estado e atualização de dados na tela, mostrando como lidar com entradas de usuário com TextInput e como criar campos controlados, garantindo previsibilidade no comportamento do formulário. Esse conhecimento é fundamental para quem quer criar telas de cadastro, edição e validações simples, comuns em qualquer aplicativo profissional.

Além disso, você vai conectar o aplicativo a uma API para simular um cenário real de mercado: aprender a consumir e enviar dados com fetch e utilizar um backend simples com json-server para facilitar o desenvolvimento. Com isso, você constrói uma experiência completa de CRUD, entendendo o fluxo de criar, listar, editar e remover informações, e desenvolve um olhar mais prático sobre integração entre front-end móvel e serviços.

Com exercícios ao longo do caminho, este curso é ideal para estudantes e pessoas em transição de carreira que buscam uma base sólida em programação de aplicativos. Ao finalizar, você terá um projeto funcional e repertório para evoluir para temas como navegação, componentes reutilizáveis, autenticação e publicação do app nas lojas.

Conteúdo do curso

  • Aula em vídeo: 0001-01 Aprenda React Native na Prática - Tutorial do Zero (Curso Gratis Completo para Iniciante) 10m
  • Exercício: Qual comando é usado para criar um novo projeto React Native pelo terminal?
  • Aula em vídeo: 0001-02 Estrutura do Arquivo de um Componente de React Native do App de Amostra 09m
  • Exercício: Em um componente criado com classe no React Native, qual método é obrigatório para definir o que será exibido na tela?
  • Aula em vídeo: 0001-03 O Componente Text, View e a Definição do Estilo com StyleSheet 13m
  • Exercício: Em React Native, qual é a regra ao retornar elementos na função render (ou no retorno do componente)?
  • Aula em vídeo: 0001-04 O Componente Image para Mostrar uma Imagem na Tela do Aplicativo Móvel 09m
  • Exercício: Ao usar o componente Image no React Native, como é feita a referência para uma imagem local dentro do projeto?
  • Aula em vídeo: 0001-05 Criação de um Botão de Toque no React Native com o TouchableHighlight 11m
  • Exercício: Ao carregar uma imagem por link no React Native, qual é a forma correta de definir o source e um requisito comum para ela aparecer corretamente?
  • Aula em vídeo: 0001-06 O Estado de um Componente de React Native e o setState 12m
  • Aula em vídeo: 0001-07 Como Fazer uma Caixa de Texto no React Native usando o TextInput 10m
  • Exercício: Qual propriedade do componente TextInput é usada para capturar o texto digitado e atualizar o estado em React Native?
  • Aula em vídeo: 0001-08 Implementação do Controle da Caixa de Texto (value, onChangeText) 09m
  • Aula em vídeo: 0001-09 Uso do json-server como API para Facilitar o Desenvolvimento Frontend Móvel 14m
  • Exercício: Qual é a finalidade de usar o módulo JSON Server em um app React Native iniciante?
  • Aula em vídeo: 0001-10 Implementação da Página de Perfil Pessoal – Aula de React Native na Prática 10m
  • Exercício: Em React Native, como deixar uma imagem de avatar circular usando estilos?
  • Aula em vídeo: 0001-11 fetch para Efetuar uma Requisição HTTP e Obter Informações do Banco de Dados 11m
  • Aula em vídeo: 0001-12 Caixa de Texto no React Native para Editar o Nome na Página de Criar Perfil 11m
  • Exercício: Ao criar um formulário para cadastrar uma pessoa em React Native, como transformar um TextInput em um componente controlado?
  • Aula em vídeo: 0001-13 Caixa de Texto para a Idade e Requisição HTTP com o fetch pra Criar um Novo Perfil 11m
  • Aula em vídeo: 0001-14 Botão de Editar e Deletar o Perfil e Alinhamento Flexbox do App de React Native 14m
  • Exercício: Em React Native, qual propriedade do Flexbox é usada para alinhar os itens no centro do eixo principal quando a direção está em linha (row)?
  • Aula em vídeo: 0001-15 Implementação da Função para Efetuar a Modificação do Perfil no Backend 05m
  • Exercício: Ao enviar dados de um formulário no React Native, qual é uma forma comum de converter um número para string antes de enviar no body?
  • Aula em vídeo: 0001-16 Implementação da Função para Remover o Perfil no Backend 12m
  • Exercício: Ao usar uma função de flecha (arrow function) em um método chamado ao tocar em um botão, qual é a principal vantagem relacionada ao contexto do this?

Este curso gratuito inclui:

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