CSS Avançado - Sass, CSS Grid Layout e CSS Modules

O CSS sempre esteve aí, e sua base nunca vai mudar. Entretanto, ao longo dos anos e conforme os projetos de frontend foram ficando mais complexos, o CSS também evoluiu junto diante de novas necessidades.

Neste curso você aprenderá as tecnologias e features mais contemporâneas do CSS. Começaremos com uma revisão de Flexbox e em seguida você aprenderá uma funcionalidade relativamente recente do CSS, o CSS Grid Layout. É uma maneira completamente diferente do tradicional Box Modelling na hora de organizar layouts no frontend.

Em seguida você aprenderá a utilizar o Sass, um pré-processador de CSS que nos permite escrever classes CSS de maneira programática. E por fim, entraremos no que há de mais recente, que são os CSS Modules, onde utilizaremos os módulos do Node Js para exportar a importar módulos de CSS.

Projetos

Em cada um dos 3 tópicos (Sass, CSS Grid e CSS Modules) iremos realizar um exercícios enquanto você aprende. O execício de Sass será apenas uma lista simples. Já no exercício de CSS Grid Layout faremos dois projetos. O prineiro é o Modernista, uma interface com design inspirado no trabalho do artista Piet Mondrián. O segundo será uma grid de imagens ao estilo masonry, utilizando a propriedade Dense. Por fim, na parte de CSS modules faremos os Social Cards, onde aplicaremos todos os conceitos de CSS Modules durante o desenvolvimento.

Bora começar?!