Cursos e Artigos sobre Flex para Programadores
Você está buscando por "Flex" em vídeo aula
- flex-wrap e flex-flow Vídeo
Nesta aula conheceremos mais duas propriedades do Flexbox, o flex-wrap e o flex-flow. Veremos também como essas propriedades podem ser utilizadas para gerar quebras de linha e definir o posicionamento de elementos HTML.
- display: flex e flex-direction Vídeo
O display: flex é a forma mais simples de uso da técnica Flexbox. Veremos também uma revisão dos conceitos já aprendidos em cursos anteriores sobre o uso da propriedade display. Nesta aula conheceremos as primeiras propriedades do Flexbox e como elas podem definir o posicionamento de elementos.
- Propriedades dos elementos filhos Vídeo
Nesta aula conheceremos mais quatro propriedades do Flexbox, o flex-grow, o flex-shrink, o flex-basis e o flex. Veremos como elas podem ser utilizadas para definir o tamanho e proporção dos elementos filhos de um container.
- justify-content Vídeo
Na técnica Flexbox, o uso do justify-content é a principal forma de definir o alinhamento e o espaçamento entre os elementos de um container. Nesta aula o conheceremos e como ela pode ser utilizada para definir espaços e posicionamento de elementos HTML.
- align-items Vídeo
Com align-items podemos centralizar os cards no container. Ou então posicioná-los no topo ou no rodapé da seção em que estão contidos. Podemos também utilizar o valor stretch para fazer com que os cards ocupem toda a área disponível.
- Flexbox + CSS position Vídeo
Nesta aula veremos como podemos utilizar o Flexbox e o CSS position juntos. Veremos também como aproveitar o melhor de cada ferramenta, visando suprir as limitações de cada uma.
- Exemplo prático Vídeo
Nesta aula vamos colocar em prática o que aprendemos. Vamos conhecer através do exemplo prático uma página criada com React.js que exibe e estiliza elementos.
- Flexbox Vídeo
Posicionar componentes ao centro da tela verticalmente e horizontalmente, crescer o tamanho de um componente para preencher todo espaço da tela são algumas das propriedades flexbox que veremos nesta aula.
- Propriedade Flex do CSS - Conteúdo adaptável com CSS Flex - Vídeo 1 Vídeo
Neste vídeo apresentamos o desenvolvimento de um conteúdo que tem por finalidade ajustar a altura dos seus elementos automaticamente. Dessa forma, podemos trabalhar com conteúdos dinâmicos sem a preocupação de quebras em nosso layout.
- Formatação com CSS - Conteúdo adaptável com CSS Flex - Vídeo 3 Vídeo
Agora definimos as propriedades que englobam o conteúdo principal, que são as classes .wrapper e .block. Em ambas definimos o display como flexível (flex).
- Criação das Media Queries - Conteúdo adaptável com CSS Flex - Vídeo 4 Vídeo
Por fim, definimos todos os media query que são utilizados nesse exemplo, lembrando que estes não influenciarão na propriedade flex, mas utilizamos os mesmos apenas para ajustar a largura do box e a altura das imagens.
- Estrutura do HTML - Conteúdo adaptável com CSS Flex - Vídeo 2 Vídeo
No cabeçalho da página referenciamos a nossa folha de estilos, o arquivo style.css. Definiremos o corpo do documento e todo o conteúdo.
- Criando o Layout da aplicação - Como criar minha primeira aplicação em Cordova - Vídeo 8 Vídeo
Neste vídeo vamos criar o nosso Layout utilizando CSS, deixando a aplicação com uma visualização mais organizada.
- Organizando os elementos com Flexbox - CSS3 Display Flex: Como organizar cards e boxes automaticamente - Vídeo 3 Vídeo
Veremos nesse vídeo como usar o Flexbox para organizar os elementos e torná-los autoajustáveis em relação ao contêiner sem o uso do float e sem a necessidade de um tamanho fixo no contêiner.
- Introdução - CSS3 Display Flex: Como organizar cards e boxes automaticamente - Vídeo 1 Vídeo
Veremos nesse vídeo uma abordagem para a criação de uma interface de usuário organizada na forma de cards usando float em comparação a mesma interface usando Flexbox.
- Responsividade e compatibilidade com navegadores antigos - CSS3 Display Flex: Como organizar cards e boxes automaticamente - Vídeo 4 Vídeo
Neste vídeo veremos como implementar a responsividade com o Flexbox e como usá-lo em compatibilidade com navegadores mais antigos.
- Criando o HTML e o CSS base - CSS3 Display Flex: Como organizar cards e boxes automaticamente - Vídeo 2 Vídeo
Veremos nesse vídeo uma breve discussão sobre como o nosso projeto foi organizado e veremos o código HTML/CSS da página.
- ViewStack - Curso Introdução ao Adobe Flex - Parte 23 Vídeo
Nessa videoaula vamos conhecer o controle ViewStack e demonstrar como ele funciona e quais são as suas propriedades.
- ButtonBar e LinkBar - Curso Introdução ao Adobe Flex - Parte 22 Vídeo
Nessa videoaula vamos ver os controles ButtonBar e LinkBar.
- TabNavigator - Curso Introdução ao Adobe Flex - Parte 21 Vídeo
Nessa videoaula vamos conhecer o controle TabNavigator e demonstrar como ele funciona e quais são as suas propriedades.
- Componentes de Vídeos - Curso Introdução ao Adobe Flex – Parte 13 Vídeo
Nessa videoaula vamos ver os controles SWFLoader, VideoDisplay e VideoPlayer.
- Componentes de texto - Curso Introdução ao Adobe Flex – Parte 10 Vídeo
Vamos ver nessa videoaula os controles TextArea, RichText e RichEditableText.
- HLOCChart: Curso Introdução ao Adobe Flex – Parte 32 Vídeo
Nessa videoaula vamos conhecer o controle HLOCChart e demonstrar como ele funciona e quais são as suas propriedades. O controle HLOCChart, permite criar gráficos do tipo “High Low Open Close”.
- MenuBar - Curso Introdução ao Adobe Flex - Parte 20 Vídeo
Nessa videoaula vamos ver o controle MenuBar. O controle MenuBar, como o próprio nome já diz, é um controle que exibe uma barra de menu horizontal.
- Scroller - Curso Introdução ao Adobe Flex - Parte 18 Vídeo
O controle Scroller, como o próprio nome já diz, é um controle que oferece a possibilidade de se criar “janelas” dentro do aplicativo com barras de rolagem na horizontal e vertical
