Cursos e Artigos sobre tela para Programadores
Você está buscando por "tela" em vídeo aula
- Implementando o Menu Responsivo Vídeo
Nesta oitava aula, abordamos um dos pilares do design responsivo: a implementação de um menu hambúrguer. Este componente é essencial para garantir uma experiência de usuário fluida e intuitiva em dispositivos com telas menores, como smartphones
- Preparando o Terreno: Cadastro e Captura da Matéria-Prima Vídeo
Nesta aula, focamos em duas etapas preparatórias essenciais: o cadastro na plataforma Bolt e a captura de tela do nosso site de referência.
- Construindo o App de UFs Vídeo
Nessa aula vamos abordar tudo que aprendemos nas aulas anteriores de forma prática para começar a construir uma aplicação de UFs. Ao fim dessa aula seu app será capaz de buscar uma lista de UFs de uma API e listá-las na tela utilizando o array.map.
- Utilizando uma imagem no código HTML Vídeo
Nesta aula vamos aprender a utilizar a imagem que baixamos dentro do código HTML. O objetivo é criar uma página simples que exibe a imagem do carro na tela.
- Array.map Vídeo
Nesta aula veremos como podemos integrar o uso do Array.map no React Native para exibirmos componentes de maneira dinâmica com base em coleções de dados. Veremos como repetir um mesmo componente inúmeras vezes na tela, a partir de um array de da
- Usando o Modal Vídeo
Nesta aula você aprenderá como utilizar as props nativas do Modal para controlar sua exibição na tela e suas ações. No decorrer da aula conheça a utilização e o objetivo dos quatro principais props do Modal.
- Elementos fixos na tela Vídeo
Nesta aula você verá que é possível fixar um elemento em qualquer parte da página.
- Reposicionando elementos na tela Vídeo
Nesta aula veremos o que é o fluxo padrão do HTML e o reposicionamento de elementos.
- Fixando elementos na prática Vídeo
Nesta aula você alterará o código base e fixará um elemento na tela.
- Introdução Vídeo
O próximo passo no aprendizado da linguagem HTML é a construção de formulários. Formulários são úteis na carreira front-end pois através deles conseguimos inserir, na tela da nossa página web, inputs de dados, ou seja, campos que permitem ao usuário digitar informações.
- Estilizando a página Vídeo
Agora que você já aprendeu como exibir elementos na tela, o próximo passo é estilizá-los. Nesta aula você aprenderá como utilizar o CSS para estilizar a página criada com React.js.
- Button e a navegação entre telas Vídeo
Já aprendemos que para navegar entre uma rota e outra basta tocar em seus nomes no menu lateral ou então nas abas. Outra forma possível é através do toque de um botão. Nesta aula você vai aprender como isso é feito.
- Componente ScrollView Vídeo
Em alguns casos um único componente possui um conteúdo muito grande. Quando isso acontece é comum que não caiba tudo na tela. Nesses casos é necessário o uso do componente ScrollView para que a tela tenha barra de rolagem.
- Widget ElevatedButton Vídeo
A maior parte das aplicações mobile têm um botão em alguma tela. Os botões normalmente servem para disparar uma ação no aplicativo (cadastro, compra etc.) e até para navegar entre telas. Para isso, temos o Widget ElevatedButton no Flutter.
- Introdução Vídeo
Quando um aplicativo possui mais de uma tela é necessário que o usuário possa mudar de uma tela para outra. Para isso a navegação é necessária.
- Widget Icon Vídeo
Há situações em que será necessário desenhar um ícone gráfico na tela, seja em um menu ou em qualquer outra parte da aplicação. No Flutter temos o Widget Icon, que nos permite desenhar ícones na tela.
- Estruturas de sintaxe de estilização Vídeo
Já conhecemos as estruturas de sintaxe usadas para importar e exibir um componente na tela. Nesta aula vamos conhecer a estrutura de sintaxe usada para criar o estilo da tela, ou seja, o código responsável pela aparência do aplicativo.
- Exemplo prático: O Mestre Saitama Vídeo
Vamos entender como é a composição de Widgets na tela que nos permite criar o exemplo de uma aplicação que apresenta o incrível Mestre Saitama.
- Viewport Vídeo
A tag meta name=”viewport” é utilizada para fazer com que páginas HTML renderizem corretamente em telas de tamanhos diferentes, possibilitando uma visualização agradável da página em diversos dispositivos.
- Valores relativos Vídeo
Existem alguns casos em que a largura ou altura de um elemento precisa variar de acordo com o tamanho da tela do usuário. Nesses casos utilizamos as unidades de medida: %, vh e vw que veremos melhor nesta aula.
- Componente Pressable Vídeo
Já aprendemos a utilizar o componente Button para exibir um botão na tela. Porém com Button não é possível personalizar o botão. Quando queremos que o botão tenha uma aparência personalizada utilizamos o container Pressable no lugar de Button.
- Widget Expanded Vídeo
Nessa aula vamos conhecer o Widget Expanded. Com ele podemos reservar um espaço não ocupado na tela para preencher esse espaço com outros Widgets. Com exemplos veremos como esse Widget pode ser útil em uma aplicação Flutter.
- Alterando o aplicativo criado pelo Expo Vídeo
Nesta aula vamos analisar o aplicativo criado pelo Expo e alterar a cor de fundo e o texto que é exibido na tela. Dessa forma criaremos o nosso Hello World.
- 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.
- Exemplo prático: Dicas para ser invencível no xadrez Vídeo
Veremos uma aplicação que exibe uma lista com dicas para aqueles que querem vencer todas em um jogo de xadrez. Vamos entender como é a composição de Widgets na tela que nos permite criar o exemplo.
