Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Fundamentos do CSS Flexbox
Rating: 4.9 out of 5(170 ratings)
1,908 students

Fundamentos do CSS Flexbox

Aprenda distribuir, alinhar e posicionar elementos HTML com a propriedade flexbox do CSS
Created byJackson Camara
Last updated 10/2021
Portuguese
Portuguese [Auto],

What you'll learn

  • Utilizar o flexbox para desenvolver websites responsivos
  • Posicionar elementos HTML em linha ou coluna
  • Determinar fluxo, espaçamento e ordem dos elementos HTML
  • Dominar as propriedades do flexbox

Course content

4 sections15 lectures52m total length
  • Introdução2:05
  • Criando um container flexbox2:43
  • Criando um item flex2:06
  • Direção e Eixo3:03

Requirements

  • Para fazer este curso é necessário conhecer os principais elementos HTML e propriedades CSS

Description

O HTML e o CSS são as principais linguagens computacionais para desenvolver websites. O HTML é utilizado para fazer a marcação da página, permitindo estruturar o website. O CSS é responsável pelo design do website, permitindo posicionar elementos, alterar cor e tamanho, fazer animações e layouts responsivos. Essas duas linguagens unidas com a linguagem de programação JavaScript formam um trio perfeito para desenvolver websites profissionais.

Nesse curso abordamos os conceitos fundamentais da propriedade flexbox do CSS3. Esta propriedade permite posicionar os elementos HTML de uma maneira muito simples. Com Flexbox é possivel distribuir os elementos em linha ou coluna, permite mudar o sentido do posicionamento, definir espaços  e também alinhar os elementos.

Antes de existir a propriedade Flexbox era muito difícil posicionar os elementos de uma maneira rápida e eficiente. Muitas vezes tínhamos que usar a propriedade float, position ou até mesmo recorrer a propriedade display table. Realmente era muito complicado manter um projeto dessa forma, mas o Flexbox veio pra revolucionar e simplificar o desenvolvimento de interfaces web de usuários.

Pensando em ajudar os desenvolvedores iniciantes, estou disponibilizando gratuitamente esse curso que possui quatro módulos do meu curso Desenvolvimento de websites profissionais com React e Next.js - 2021 (Frontend)

Se você  esta iniciando sua jornada como programador web esse é  um passo fundamental, todas etapas iniciais são abordadas explicando todo o passo a passo. Esse curso foi elaborado para passar o máximo de informação no menor tempo possível, afim de otimizar o tempo do aluno.

Após concluir este esse curso o aluno estará apto a  estudar outros assuntos mais avançados, como: formulários, flexbox, grid layout, propriedades position, animações, layout responsivo etc.

Who this course is for:

  • Esse curso se destina a desenvolvedores que estão estudando HTML, CSS e design responsivo
  • Para desenvolvedores de interfaces de usuários web