Dominando CSS 3 com SASS / SCSS

Name: Dominando CSS 3 com SASS / SCSS
Rating: 4.9 (783 reviews)

Aprenda CSS3 do Básico ao Avançado, FlexBox Layout, +100 aulas, seletores, propriedades, SASS e SCSS.

Created byHcode Treinamentos

Last updated 3/2026

Portuguese

Portuguese [Auto],

What you'll learn

Torne-se um especialista na linguagem de estilos mais usada no mundo, o CSS com dois especialistas no assunto.
São mais de 10 horas de gravação em um Estúdio Profissional, qualidade de áudio perfeita, didática impressionante com ilustrações, animações e vídeos de apoio.
Aprenda a utilizar os recursos da CSS3, desde a estrutura da linguagem, todas as propriedades da CSS, isso mesmo mais de 100 propriedades.
Você não precisa ter experiência prévia em CSS, afinal, vai aprender desde o básico, e iremos até o avançado.

Course content

5 sections • 176 lectures • 20h 8m total length

Introdução ao CSS5:40
Seletores6:37
Cores12:24
Unidades de Medidas6:33
Entendendo Box Model10:52
CSS e HTML13:00
Armadilhas no CSS3 [IMPORTANTE]21:28
Introdução Prática ao CSS13:04
Introdução ao Position14:43
Introdução ao Flexbox9:51
Valores Globais para Propriedades5:49
Introdução ao Grid Layout11:46
Combinadores de Seletor11:39

Introdução a Propriedades CSS e criação de Snippet para VSCode6:47
height10:04
max-height4:21
min-height5:28
width26:02
max-width4:16
min-width3:37
margin-top4:03
margin-right3:43
margin-bottom3:31
margin-left8:31
margin5:41
padding-top7:42
padding-right3:52
padding-bottom1:59
padding-left1:47
padding5:51
border-top-color7:04
border-right-color2:07
border-bottom-color2:09
border-left-color2:08
border-color1:47
border-top-style2:57
border-right-style2:58
border-bottom-style2:53
border-left-style2:31
border-style4:06
border-top-width2:56
border-right-width1:51
border-bottom-width1:30
border-left-width3:21
border-width3:08
border-top-left-radius4:13
border-top-right-radius4:22
border-bottom-right-radius3:18
border-bottom-left-radius1:48
border-radius13:58
border-image-source8:42
border-image-width3:11
border-image-slice2:56
border-image-outset2:14
border-image-repeat3:16
border-image3:49
border-collapse5:43
border-spacing2:20
border-top2:49
border-right3:22
border-bottom2:47
border-left2:14
border4:05
box-sizing5:49
overflow-x4:44
overflow-y3:02
overflow4:09
overflow-wrap6:49
overflow-block3:37
overflow-inline2:58
resize5:30
z-index6:11
outline-style6:00
outline-color2:29
outline-width2:05
outline-offset2:05
outline2:48
display30:35
flex-direction8:05
flex-wrap4:47
flex-flow2:15
justify-content4:55
align-items15:18
align-content6:30
place-content4:00
justify-items4:58
place-items5:06
justify-self4:09
flex-basis7:47
flex-grow4:22
flex-shrink6:17
flex4:00
order7:31
align-self8:09
place-self8:55
cursor26:36
background-color4:48
background-image4:11
background-size9:37
background-position12:13
background-repeat6:48
background-attachment10:45
background-clip8:22
background-origin4:52
background-blend-mode5:17
background5:41
box-shadow5:37
box-decoration-break6:43
transform6:45
transform-origin5:27
transform-style17:52
transform-box12:12
float4:36
clear5:40
list-style-type4:09
list-style-position2:56
list-style-image5:08
list-style3:02
object-fit8:37
object-position3:00
column-width3:27
column-count2:56
columns2:15
column-span3:14
column-gap2:58
column-fill3:44
column-rule-style3:16
column-rule-width2:25
column-rule-color2:14
column-rule3:24
break-before3:14
break-after2:10
break-inside5:39
page-break-before2:22
page-break-after1:53

Sass - CSS com Super-poderes9:35
Instalando e executando24:00
Extensão para VS Code7:34
Nesting32:29
Variáveis18:52
Variáveis do Sass VS CSS37:16
Variáveis com valor padrão !default32:30
Variáveis Nativas e Escopo de Variáveis17:02
Regras de Estilo9:36
Regras de Estilo - @use17:46
Regras de Estilo - @forward22:48
Regras de Estilo - @import9:13
Regras de Estilo - @function15:09
Regras de Estilo - @mixin e @include9:52
Regras de Estilo - @extend17:42
Regras de Estilo - @error6:40
Regras de Estilo - @warn4:57
Regras de Estilo - @debug5:03
Regras de Estilo - @at-root13:34
Regras de Estilo - Controle de Fluxo @if e @else9:18
Regras de Estilo - Controle de Fluxo @each9:53
Regras de Estilo - Controle de Fluxo - @for11:02
Regras de Estilo - Controle de Fluxo - @while9:44
Funções Especiais9:57
Modulos Nativos5:30
Sass CLI - Dart Sass15:56

Requirements

Você já deve estar familiarizado com a Internet.
Ter realizado o nosso Curso de HTML 5 COMPLETO e com Projetos Práticos para WEB, ou possuir conhecimentos em HTML5.

Description

Deseja aprender Sites e aplicativos poderosos com layout profissional utilizando todos os recursos da linguagem de estilos CSS 3?Que tal aprender a criar projetos profissionais e dominar as mais de 100 propriedades CSS 3, funções dessa linguagem que junto com HTML5 e JavaScript formam os pilares da web? Ou será que chegou a hora de elevar o seu conhecimento em CSS3 e Sass para além de hover, font-family, background?

Qualquer que seja a sua motivação você está no lugar certo.

Este é o Curso Completo de CSS3 com Sass e mais de 110 aulas.

Primeiro você aprenderá sobre CSS desde o básico da estrutura, propriedades até recursos avançados, depois como utilizá-la na prática construindo projetos reais passo a passo com dois especialistas em CSS que possuem mais de 15 anos de desenvolvimento Web e CSS3.

Neste curso cobriremos mais de 18 horas de conteúdo em vídeo dos seguintes tópicos:

Ao final deste curso você estará apto a criar aplicações profissionais utilizando CSS e Sass, levando suas aplicações web, sejam sites ou web apps a um nível profissional. Entenderá e se tornará um especialista Front-End em criação, assim como o mercado tem procurado hoje em dia.

O acesso ao curso é vitalício e no final você ainda recebe o Certificado Digital de Conclusão com a Carga Horária do curso!

Te aguardo no curso!

Para quem é este curso:

Este curso de CSS destina-se a todos os desenvolvedores web, seja Front-End ou Back-End, a parte inicial será útil para quem está no começo, depois avançamos o conteúdo para profissionais.
Estudantes de Cursos voltados a Tecnologia da Informação ou Interessados em ingressar na área de Tecnologia da Informação, e mais especificamente no mercado de Desenvolvimento Web.

Who this course is for:

Este curso de CSS3 destina-se a todos os desenvolvedores web, seja Front-End ou Back-End, a parte inicial será útil para quem está no começo, depois avançamos o conteúdo para profissionais.

Dominando CSS 3 com SASS / SCSS

What you'll learn

Explore related topics

Course content

Introdução13 lectures • 2hr 23min

Flexbox Froggy10 lectures • 29min

Propriedades CSS122 lectures • 10hr 58min

SASS e SCSS26 lectures • 5hr 53min

Sass - Operadores5 lectures • 25min

Requirements

Description

Who this course is for: