Busca DevMedia

por tipo
por canal

Você está buscando por "react native" em vídeo aula

Já conhece nosso Plano de Estudo?
Conheça o passo a passo da Carreira Programador Mobile

    Aulas relacionadas

  • Visão geral do React Native Vídeo

    Quando falamos em criar um aplicativo que possui telas, imagens e botões, uma dúvida surge. Preciso saber desenhar para colocar estes recursos gráficos no React Native? Esta aula vai responder esta pergunta.

  • Padrões de arquivos React Native Vídeo

    Já sabemos que para organizar o código do aplicativo, nós criamos uma pasta com o nome do componente e nela inserimos dois arquivos: código de exibição e código de estilização. Nesta aula veremos o padrão adotado pela comunidade de programadores React Native para nomear esses dois arquivos.

  • Introdução Vídeo

    React Native é uma das tecnologias mais utilizadas para desenvolver aplicativos mobile. Mas afinal o que é React Native e o que faz ele ser tão escolhido pela comunidade de programadores mobile? Essas perguntas serão respondidas nesta aula.

  • Hello World Vídeo

    Criamos um aplicativo React Native e inserimos dois textos na tela, além de mudar a sua cor de fundo. Nesta aula vamos criar um novo aplicativo e entender o código React Native.

  • Criando meu primeiro aplicativo Vídeo

    Expo é a ferramenta que transforma o código React Native em um aplicativo. Nesta aula você vai aprender os comandos básicos do Expo e com ele vai criar e testar seu aplicativo React Native no celular.

  • Instalando as bibliotecas Vídeo

    Para utilizar navegação em um aplicativo React Native é necessário instalar a biblioteca react-navigation ela será responsável pela configuração e linkagem das rotas. Para cuidar do código nativo ela conta com algumas outras bibliotecas que vemos nesta aula.

  • Padrão de cores Vídeo

    No React Native utilizamos cores para estilizar o fundo da tela ou então textos. Você já conhece o padrão nominal, ou seja, utilizar o nome da cor em inglês, nesta aula vamos conhecer os tipos RGB e Hexadecimal.

  • Entendendo o conceito de importação Vídeo

    No React Native importamos códigos que permitem criar um componente, exibir um texto, agrupar componentes e estilizar o aplicativo. Nesta aula vamos explorar a estrutura de sintaxe de importação de uma biblioteca.

  • Estruturas de sintaxe Vídeo

    Nesta aula vamos aprender as estruturas de sintaxe presente nos códigos React Native. Essas estruturas são responsáveis por fazer importações de códigos, criar componentes e exibir conteúdo na tela.

  • Preparando o ambiente Vídeo

    Para começar a criar aplicativos com React Native alguns programas são necessários, como por exemplo um editor de texto. Nesta aula você vai conhecer quais são esses programas e aprender a instalá-los.

  • Gerenciando a navegação com NavigationContainer Vídeo

    Através do componente NavigationContainer definimos que o aplicativo vai ter navegação. Ele é importado da biblioteca @react-navigation/native. Dentro dele inserimos o tipo de navegação do nosso aplicativo e suas rotas.

  • Introdução Vídeo

    Já aprendemos como utilizar os componentes View e Text e com eles criamos nosso primeiro aplicativo. Nesta aula vamos conhecer o componente Image e entender o que ele é e porque é útil na programação React Native.

  • Criando o código do zero Vídeo

    No início, criar um aplicativo pode ser difícil, isso porque ainda estamos nos familiarizando com a programação React Native. Nesta aula vamos explicar os passos dados para criar o aplicativo que vimos nas aulas anteriores.

  • Introdução Vídeo

    Componentes são todos os elementos visuais exibidos na tela do aplicativo. Nesta aula vamos relembrar o conceito de componentes e vamos entender porque eles serão úteis na programação React Native.

  • Introdução Vídeo

    Antes de programar nossas variáveis de estado e o evento onPress, vamos aprender o que são esses conceitos e como eles serão úteis na programação React Native.

  • Estilizando um componente Vídeo

    No React Native existem duas formas de estilizar um componente: através do objeto StyleSheet ou inline. Nesta aula vamos relembrar esses conceitos.

  • Conhecendo o projeto base Vídeo

    Para realizar o deploy precisamos ter um aplicativo criado e por isso vamos utilizar o aplicativo desafio tabuada criado no curso React Native: Navegação.

  • Introdução Vídeo

    Nesta aula vamos aprender o que são props e como isso será útil na programação em React Native.

  • Introdução Vídeo

    Antes de utilizar o TextInput precisamos aprender que componente é esse e como ele será útil na programação React Native.

  • Importando e exportando componentes Vídeo

    Como na programação React Native basicamente trabalhamos com componentes, aprender a importar e exportá-los é fundamental, e esse é o objetivo dessa aula.

  • Considerações finais Vídeo

    Os conceitos vistos até aqui o tornam um programador ou programadora React Native. Nesta aula vamos ampliar sua mente e relembrar os conceitos que você já domina.

  • Navegando entre telas Vídeo

    Com as rotas criadas precisamos agora avisar para o React Native quando queremos abrir uma nova tela. Para isso é necessário chamar o método navigate que veremos nesta aula.

  • Instalando as bibliotecas Vídeo

    A biblioteca react-navigation nos permite criar de forma nativa a navegação do aplicativo. Para cuidar do código nativo ela conta com algumas outras bibliotecas que vemos nesta aula.

  • Introdução - Consumindo uma API RESTful com React Native - Vídeo 1 Vídeo

    Nesta primeira aula vamos conhecer um pouco o React Native e entender o kit de ferramentas que vamos precisar instalar para dar início a construção do aplicativo, além de ter uma visão geral do projeto que construiremos durante o curso.

  • Criando um projeto - O que é React Native - Vídeo 2 Vídeo

    Saiba como preparar um ambiente de desenvolvimento para programar com o React Native. Logo após, veremos como criar e abrir um projeto utilizando o Visual Studio Code. Para testar a aplicação no dispositivo mobile usaremos o Expo.

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários,
consulte nossa política de privacidade.

Aceitar