Busca DevMedia
Você está buscando por "Imagem" em vídeo aula
- Estilizando a imagem de fundo Vídeo
Ao preencher o fundo de um elemento com uma imagem, podemos fazer alguns ajustes nela como, por exemplo, fazer com que ela fique centralizada no elemento, preencha todo espaço disponível dentre outros. Aprenda nesta aula como isso é feito.
- Background-image Vídeo
Já sabemos que além de preencher o elemento com uma cor também podemos inserir uma imagem de fundo. Nesta aula vamos ver como isso é feito através da propriedade background-image.
- Exemplo prático Vídeo
Nesta aula vamos colocar em prática o que aprendemos. Vamos conhecer um exemplo prático que utiliza as propriedades de background para inserir uma imagem no fundo de um elemento.
- Importando uma imagem local Vídeo
Já aprendemos a exibir no nosso aplicativo uma imagem hospedada na internet. Nesta aula vamos salvar uma imagem na pasta do projeto e importá-la no componente para exibi-la na tela do aplicativo.
- Exibindo uma imagem no aplicativo Vídeo
Agora sabemos como exibir uma imagem no aplicativo utilizando o componente Image. Nesta aula vamos criar um aplicativo que utiliza o componente Image e vamos conhecer algumas de suas propriedades.
- Criando um aplicativo que exibe imagens Vídeo
Para colocar em prática os conceitos que vimos neste curso, vamos criar um aplicativo que exibe imagens e texto. Através desse aplicativo vamos colocar em prática os conceitos de importação de uma biblioteca e de um arquivo local.
- Entendendo o conceito de importação de um arquivo local Vídeo
Organização é essencial para um projeto, por isso costumamos separar os seus arquivos em pastas. As imagens por exemplo costumam ficar dentro da pasta assets. Nesta aula vamos aprender como importar uma imagem que está dentro de uma pasta.
- Importando um componente Vídeo
O processo de importação dos componentes Topo e Conteudo, ou seja, componentes que nós criamos, é similar ao processo de importação de uma imagem local - imagem que foi salva dentro do projeto. Nesta aula vamos aprender como isso é feito utilizando as palavras import e from.
- Definindo a borda Vídeo
Em alguns casos queremos destacar uma caixa de texto ou uma imagem, porém não queremos pintar o seu fundo. Uma alternativa para isso é definir uma borda para o componente. Veja nesta aula como isso é feito.
- Componente ImageBackground Vídeo
É comum em alguns aplicativos que no lugar da cor de fundo de um componente, seja ele a tela, um card ou uma caixa de texto, seja exibido uma imagem. Isso é feito através do componente ImageBackground que você vai aprender nesta aula.
- Estilizando um aplicativo Vídeo
Para colocar em prática os conceitos que vimos neste curso, vamos criar um aplicativo que exibe textos e uma imagem. Através desse aplicativo vamos aplicar as propriedades de estilo nos componentes View, Text e Image.
- 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.
- Alterando o ícone e as imagens Vídeo
Nesta aula vamos alterar os ícones e imagens do nosso projeto, para que fique com a aparência que desejamos.
- Configurando as imagens Vídeo
Nesta aula configuraremos as imagens do exemplo.
- Tag img Vídeo
Normalmente um site possui imagens seja para exibir um produto, um ícone ou até a logo da empresa. Nesta aula vamos aprender a exibir uma imagem utilizando a tag img e a definir alguns de seus atributos.
- Estilizando o componente Cards Vídeo
Para encerrar a estilização do nosso aplicativo vamos estilizar o último componente - Cards que possui uma imagem e dois textos. Nesta aula vamos definir o tamanho, borda e arredondamento da imagem e definir as propriedades para os dois textos.
- Criando a estrutura do projeto Vídeo
Chegou a hora de começar a escrever nosso documento HTML. Nesta aula vamos criar o arquivo index.html e baixar as imagens dos produtos.
- Entendendo o exemplo Vídeo
Para aprender a estilizar componentes, vamos criar o aplicativo que será visto nesta aula. Através dele vamos aprender a estilizar textos, imagens e definir os espaços entre cada um desses componentes.
- Alterando o título e meta tags Vídeo
Anteriormente alteramos as imagens do nosso projeto. Agora para que o projeto tenha o título e a descrição desejada vamos alterar o arquivo HTML principal.
- Estilizando o componente Topo Vídeo
O primeiro componente que vamos estilizar é o Topo. Nele vamos definir a direção dos componentes filhos e os afastar da borda. Além disso vamos estilizar a imagem e os textos.
- Componentes nativos do React Vídeo
Nesta aula vamos conhecer os componentes nativos da biblioteca React, tais como Head, Image e Link. Vamos aprender também como esses componentes são utilizados para gerenciar metadados, definir imagens e criar links para uma página web.
- Mostre suas ideias para o mundo Vídeo
HTML é a linguagem que diz para o navegador o que é o que em uma página (um texto, um link, uma imagem, etc). Sem conhecê-la, é impossível criar um site ou aplicação web de forma profissional.
- Imagens - Introdução ao HTML - Vídeo 10 Vídeo
Uma imagem vale mais do que mil palavras. Até agora aprendemos sobre elementos do HTML que apresentam dados e textos. Agora, para aprimorarmos ainda mais o conteúdo do nosso documento, mostraremos como incluir imagens em nosso HTML.
- Trabalhando com imagens - Curso de HTML básico - 21 Vídeo
Nessa videoaula começaremos os nossos estudos sobre imagens e HTML. Muitos sites utilizam o recurso de inserção de imagens e se beneficiam dos efeitos visuais ocasionados pelas mesmas.
- Largura, altura, borda e espaçamento de imagens - Curso de HTML básico - 23 Vídeo
Nessa videoaula aprenderemos de forma mais concisa como definir a largura e altura de nossas imagens. Aprenderemos, também, como colocar uma borda e como adicionar um espaçamento entre a imagem e o texto.
