Curso online gratuitoReact Native Mobile App Development
Duração do curso online: 5 horas e 43 minutos
Novo
Curso gratuito de React Native para criar apps mobile multiplataforma, do básico à prática, com foco em componentes, navegação e boas práticas.
Neste curso gratuito, aprenda sobre
Preparação do ambiente e criação do projeto
Fundamentos de componentes, props e layout
Estado, efeitos e renderização dinâmica
Projeto prático: consumo de API e lista de filmes
Navegação entre telas com React Navigation
Organização do projeto e estrutura de pastas
Autenticação, rotas protegidas e Context API
Descrição do curso
Aprenda a desenvolver aplicativos mobile modernos com React Native em um curso online gratuito voltado para quem quer criar experiências nativas usando JavaScript e o ecossistema do React. Ideal para estudantes e pessoas em transição de carreira, o conteúdo conduz do básico ao desenvolvimento de funcionalidades comuns em apps, com foco em prática e entendimento dos principais conceitos da plataforma.
Ao longo das aulas, você ganha base para estruturar projetos, organizar componentes, trabalhar com telas e fluxos de navegação, lidar com estados e interações do usuário e aplicar boas práticas para manter o código mais legível e escalável. O curso também ajuda a consolidar a mentalidade de desenvolvimento mobile, preparando você para evoluir em projetos próprios ou dar os próximos passos em trilhas mais avançadas.
Inserido na categoria de Tecnologia, Informática e Programação, na subcategoria de Programação de Aplicativos, este curso é uma porta de entrada objetiva para criar apps multiplataforma, testar ideias rapidamente e construir um portfólio com projetos em React Native.
Conteúdo do curso
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #110m
Exercício: Qual é o principal papel do Node.js ao preparar o ambiente para desenvolver apps com React Native?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #212m
Exercício: Qual comando cria um novo projeto React Native usando Expo de forma rápida, gerando um boilerplate com a estrutura inicial?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #311m
Exercício: Ao criar um componente reutilizável em React Native, qual sequência está correta para usá-lo no App principal?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #411m
Exercício: Em React Native, qual é a principal vantagem de usar props em um componente?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #509m
Exercício: Ao usar o componente Image no React Native com source={{ uri: "..." }}, o que é necessário para a imagem aparecer corretamente na tela?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #612m
Exercício: Em um componente Contador no React Native, por que uma variável comum (ex.: let numero = 0) pode ser incrementada no código, mas não atualizar o valor exibido na tela?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #710m
Exercício: No React Native, qual é a principal finalidade do hook useEffect?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #811m
Exercício: Em React Native, qual propriedade é essencial para exibir uma imagem em um componente Image a partir de um link?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #913m
Exercício: Em React Native, qual propriedade deve ser ajustada para que a imagem e os dados do card apareçam lado a lado (em uma linha)?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #1011m
Exercício: Qual é a forma mais adequada de renderizar dinamicamente vários cards a partir de uma lista de filmes em React Native?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #1114m
Exercício: Qual é o objetivo principal do projeto prático em React Native?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #1214m
Exercício: Qual é a principal finalidade de usar useEffect junto com useState ao consumir uma API externa em um app React Native (Expo)?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #1311m
Exercício: Em React Native, qual abordagem permite renderizar dinamicamente uma lista de filmes após uma requisição, exibindo uma mensagem enquanto os dados ainda não chegaram?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #1412m
Exercício: Ao renderizar a lista de filmes com um componente CardFilme, por que é comum passar filme.atributos como propriedade?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #1513m
Exercício: Ao exibir a imagem do pôster vinda da API no React Native, o que é necessário para que o URI funcione corretamente?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #1614m
Exercício: Em listas renderizadas no React Native, qual é a forma correta de evitar o aviso de Unique key e facilitar ações como selecionar/deletar um item?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #1710m
Exercício: Qual alteração melhora a experiência de carregamento ao buscar a lista de filmes no React Native?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #1812m
Exercício: Para criar navegação entre telas em um app React Native (por exemplo, ao clicar em Saiba mais e abrir outra tela), qual é a abordagem adequada?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #1919m
Exercício: Qual é o papel do NavigationContainer ao configurar o React Navigation em um app React Native?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #2012m
Exercício: Ao usar o componente Link do React Navigation, qual informação é obrigatória para que a navegação funcione corretamente?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #2109m
Exercício: Ao mover o arquivo App.js para dentro da pasta src em um projeto React Native com Expo, qual ajuste garante que o app continue iniciando corretamente?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #2216m
Exercício: Ao criar a tela de Login no React Native, qual prática ajuda a manter o projeto mais organizado e menos poluído?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #2316m
Exercício: Ao criar links entre telas usando React Navigation, qual é um motivo comum para o app não conseguir navegar ao clicar em um link?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #2413m
Exercício: Qual é o principal objetivo de separar a navegação em AuthRoutes e AppRoutes em um app React Native?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #2517m
Exercício: Qual é a principal vantagem de usar um Context com Provider para controlar as rotas autenticadas e não autenticadas em um app React Native?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #2610m
Exercício: Qual abordagem permite que a tela de login dispare o processo de autenticação e atualize as rotas com base no estado do usuário?
Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #2710m
Exercício: Ao implementar um estado de loading no fluxo de autenticação, qual é o comportamento correto nas rotas quando loading está true?