Curso de CSS Flex Box + Projeto

Desenvolva um site do Zero.

3.80 (18 reviews)
Udemy
platform
Português
language
Other
category
42
students
2 hours
content
Nov 2018
last update
$19.99
regular price

What you will learn

Dominar as técnicas básicas de programação em linguagem CSS FlexBox.

Aprender e dominar os fundamentos da linguagem CSS FlexBox, sendo capaz de executar comandos web usando lógica de programação.

Identificar estruturas mais complexas da linguagem CSS FlexBox, essas servindo de base para que o mesmo possa cursar um curso avançado desta linguagem.

Desenvolver um site do ZERO usando os conceitos aprendidos.

Description

O modelo de layout CSS Flexible Box, conhecido como Flexbox, é uma parte essencial da especificação CSS3 que revolucionou a forma como organizamos elementos em uma página. Ele oferece uma solução eficaz para criar layouts que se adaptam de maneira previsível a diferentes tamanhos de tela e dispositivos, tornando o design responsivo mais acessível do que nunca.

O Flexbox elimina a necessidade de depender de técnicas como "float" para organizar elementos, ao mesmo tempo em que resolve desafios comuns do Box Model, como problemas relacionados a margens, preenchimentos e bordas que afetam a largura do elemento. Sua lógica é simples e eficaz: permite que os elementos filhos de um contêiner flexível se posicionem em qualquer direção e tenham dimensões flexíveis para se ajustarem ao ambiente. O maior destaque do Flexbox é sua independência em relação à estrutura HTML, ao contrário do "float", que exige uma ordem específica dos elementos para criar o layout desejado.

A flexibilidade do Flexbox oferece inúmeras vantagens, como a capacidade de reorganizar os elementos no HTML sem afetar o layout, o que não apenas simplifica o código, mas também melhora a otimização para mecanismos de busca (SEO) e acessibilidade. Em resumo, o Flexbox é uma ferramenta poderosa que não apenas simplifica a criação de layouts, mas também melhora a manutenção e a eficiência no desenvolvimento web, tornando-o essencial para todos os desenvolvedores e designers da web.

Content

MÓDULO 01 - Apresentação

Apresentação do curso

MÓDULO 02 – Conhecendo o FlexBox

Preparação do ambiente
Um pouco sobre o Flex Box

MÓDULO 03 – Flex Container

Display
Flex-Direction
Flex-Wrap
Flex-Flow
Justify-content
Align-Items
Align-content

MÓDULO 04 – Flex Item

Flex-grow
Flex – Basis
Flex – Shrink
Flex
Order
Align-self

MÓDULO 05 – Desenvolvendo um site

Iniciando o projeto
Header
Efeito Hero
Grid com Flex-basis
Grid com Flex-Column
Newsletter
Footer

MÓDULO 06 – Conclusão do curso

Conclusão do curso

Screenshots

Curso de CSS Flex Box + Projeto - Screenshot_01Curso de CSS Flex Box + Projeto - Screenshot_02Curso de CSS Flex Box + Projeto - Screenshot_03Curso de CSS Flex Box + Projeto - Screenshot_04

Charts

Price

Curso de CSS Flex Box + Projeto - Price chart

Rating

Curso de CSS Flex Box + Projeto - Ratings chart

Enrollment distribution

Curso de CSS Flex Box + Projeto - Distribution chart

Related Topics

2036216
udemy ID
11/20/2018
course created date
6/29/2021
course indexed date
Bot
course submited by