Assine e desbloqueie acesso ilimitado na plataforma

Assinar agora
Frontend

CSS3

Aprenda CSS 3 do Básico ao Avançado, Transições, Animações, FlexBox, Grid Layout, 3D, Sass e mais

Iniciantenível
20h 10mde conteúdo
5módulos
176aulas
Assinar e começarJá é assinante? Entrar

Sobre o curso

Aprenda CSS 3 do Básico ao Avançado, Transições, Animações, FlexBox, Grid Layout, 3D, Sass e mais

O que você vai aprender

Habilidades trabalhadas ao longo das aulas.

  • CSS
  • JavaScript
  • Validação de Dados
  • Node.js
  • Tailwind CSS
  • Lógica de Programação

Áreas de conhecimento

22.780 XP distribuídos entre as áreas abaixo.

  • Frontend93%
  • Backend6%
  • Fundamentos2%

Conteúdo do curso

5 módulos · 176 aulas

Introdução

13 aulas · 144 min

  • Introdução ao CSS

    Vídeo

    6 min

  • Seletores

    Vídeo

    7 min

  • Box Model

    Vídeo

    11 min

  • Cores

    Vídeo

    13 min

  • Unidades de Medida

    Vídeo

    7 min

  • CSS e HTML

    Vídeo

    13 min

  • Armadilhas no CSS3 [IMPORTANTE]

    Vídeo

    22 min

  • Introdução Prática ao CSS

    Vídeo

    14 min

  • Introdução ao Position

    Vídeo

    15 min

  • Introdução ao Flexbox

    Vídeo

    10 min

  • Valores Globais para Propriedades

    Vídeo

    6 min

  • Introdução ao Grid Layout

    Vídeo

    12 min

  • Combinadores de Seletor

    Vídeo

    12 min

Flexbox Froggy

10 aulas · 29 min

  • Introdução ao Flexbox Froggy

    Vídeo

    2 min

  • justify-content

    Vídeo

    4 min

  • align-items

    Vídeo

    3 min

  • flex-direction

    Vídeo

    5 min

  • order

    Vídeo

    3 min

  • align-self

    Vídeo

    3 min

  • flex-wrap e flex-flow

    Vídeo

    3 min

  • align-content

    Vídeo

    4 min

  • Challenge

    Vídeo

    5 min

  • Resumo da Seção

    Vídeo

    2 min

Propriedades

122 aulas · 659 min

  • outline-color

    Vídeo

    3 min

  • outline-width

    Vídeo

    3 min

  • outline-offset

    Vídeo

    3 min

  • outline

    Vídeo

    3 min

  • display

    Vídeo

    31 min

  • Introdução da Seção Propriedades e criação do Snippet VSCode

    Vídeo

    7 min

  • height

    Vídeo

    11 min

  • max-height

    Vídeo

    5 min

  • min-height

    Vídeo

    6 min

  • width

    Vídeo

    27 min

  • max-width

    Vídeo

    5 min

  • min-width

    Vídeo

    4 min

  • margin-top

    Vídeo

    5 min

  • margin-right

    Vídeo

    4 min

  • margin-bottom

    Vídeo

    4 min

  • margin-left

    Vídeo

    9 min

  • margin

    Vídeo

    6 min

  • padding-top

    Vídeo

    8 min

  • padding-right

    Vídeo

    4 min

  • padding-bottom

    Vídeo

    2 min

  • padding-left

    Vídeo

    2 min

  • padding

    Vídeo

    6 min

  • border-top-color

    Vídeo

    8 min

  • border-right-color

    Vídeo

    3 min

  • border-bottom-color

    Vídeo

    3 min

  • border-left-color

    Vídeo

    3 min

  • border-color

    Vídeo

    2 min

  • border-top-style

    Vídeo

    3 min

  • border-right-style

    Vídeo

    3 min

  • border-bottom-style

    Vídeo

    3 min

  • border-left-style

    Vídeo

    3 min

  • border-style

    Vídeo

    5 min

  • border-top-width

    Vídeo

    3 min

  • border-right-width

    Vídeo

    2 min

  • border-bottom-width

    Vídeo

    2 min

  • border-left-width

    Vídeo

    4 min

  • border-width

    Vídeo

    4 min

  • border-top-left-radius

    Vídeo

    5 min

  • border-top-right-radius

    Vídeo

    5 min

  • border-bottom-right-radius

    Vídeo

    4 min

  • border-bottom-left-radius

    VídeoMaterial de apoio

    2 min

  • border-radius

    Vídeo

    14 min

  • border-image-source

    Vídeo

    9 min

  • border-image-width

    Vídeo

    4 min

  • border-image-slice

    Vídeo

    3 min

  • border-image-outset

    Vídeo

    3 min

  • border-image-repeat

    Vídeo

    4 min

  • border-image

    Vídeo

    4 min

  • border-collapse

    Vídeo

    6 min

  • border-spacing

    Vídeo

    3 min

  • border-top

    Vídeo

    3 min

  • border-right

    Vídeo

    4 min

  • border-bottom

    Vídeo

    3 min

  • border-left

    Vídeo

    3 min

  • border

    VídeoMaterial de apoio

    5 min

  • box-sizing

    Vídeo

    6 min

  • overflow-x

    Vídeo

    5 min

  • overflow-y

    Vídeo

    4 min

  • overflow

    Vídeo

    5 min

  • overflow-wrap

    Vídeo

    7 min

  • overflow-block

    Vídeo

    4 min

  • overflow-inline

    Vídeo

    3 min

  • resize

    Vídeo

    6 min

  • z-index

    Vídeo

    7 min

  • outline-style

    Vídeo

    6 min

  • flex-direction

    Vídeo

    9 min

  • flex-wrap

    VídeoMaterial de apoio

    5 min

  • flex-flow

    Vídeo

    3 min

  • justify-content

    Vídeo

    5 min

  • align-items

    Vídeo

    16 min

  • align-content

    Vídeo

    7 min

  • place-content

    Vídeo

    5 min

  • justify-items

    Vídeo

    5 min

  • place-items

    Vídeo

    6 min

  • justify-self

    Vídeo

    5 min

  • flex-basis

    Vídeo

    8 min

  • flex-grow

    Vídeo

    5 min

  • flex-shrink

    Vídeo

    7 min

  • flex

    Vídeo

    5 min

  • order

    Vídeo

    8 min

  • align-self

    Vídeo

    9 min

  • place-self

    Vídeo

    9 min

  • cursor

    Vídeo

    27 min

  • background-color

    Vídeo

    5 min

  • background-image

    Vídeo

    5 min

  • background-size

    Vídeo

    10 min

  • background-position

    Vídeo

    13 min

  • background-repeat

    Vídeo

    7 min

  • background-attachment

    Vídeo

    11 min

  • background-clip

    Vídeo

    9 min

  • background-origin

    Vídeo

    5 min

  • background-blend-mode

    Vídeo

    6 min

  • background

    Vídeo

    6 min

  • box-shadow

    Vídeo

    6 min

  • box-decoration-break

    Vídeo

    7 min

  • transform

    Vídeo

    7 min

  • transform-origin

    Vídeo

    6 min

  • transform-style

    Vídeo

    18 min

  • transform-box

    Vídeo

    13 min

  • float

    Vídeo

    5 min

  • clear

    Vídeo

    6 min

  • list-style-type

    Vídeo

    5 min

  • list-style-position

    Vídeo

    3 min

  • list-style-image

    Vídeo

    6 min

  • list-style

    Vídeo

    4 min

  • object-fit

    Vídeo

    9 min

  • object-position

    Vídeo

    4 min

  • column-width

    Vídeo

    4 min

  • column-count

    Vídeo

    3 min

  • columns

    Vídeo

    3 min

  • column-span

    Vídeo

    4 min

  • column-gap

    Vídeo

    3 min

  • column-fill

    Vídeo

    4 min

  • column-rule-style

    Vídeo

    4 min

  • column-rule-width

    Vídeo

    3 min

  • column-rule-color

    Vídeo

    3 min

  • column-rule

    Vídeo

    4 min

  • break-before

    Vídeo

    4 min

  • break-after

    Vídeo

    3 min

  • break-inside

    Vídeo

    6 min

  • page-break-before

    Vídeo

    3 min

  • page-break-after

    Vídeo

    2 min

Sass

26 aulas · 353 min

  • Sass - CSS com Super-poderes

    Vídeo

    10 min

  • Instalando e executando

    Vídeo

    25 min

  • Extensão para VS Code

    Vídeo

    8 min

  • Nesting

    Vídeo

    33 min

  • Variáveis

    Vídeo

    19 min

  • Variáveis do Sass VS CSS3h

    Vídeo

    8 min

  • Variáveis com valor padrão !default

    Vídeo

    33 min

  • Variáveis Nativas e Escopo de Variáveis

    Vídeo

    18 min

  • Regras de Estilo

    Vídeo

    10 min

  • Regras de Estilo - @use

    Vídeo

    18 min

  • Regras de Estilo - @forward

    Vídeo

    23 min

  • Regras de Estilo - @import

    Vídeo

    10 min

  • Regras de Estilo - @function

    Vídeo

    16 min

  • Regras de Estilo - @mixin e @include

    Vídeo

    10 min

  • Regras de Estilo - @extend

    Vídeo

    18 min

  • Regras de Estilo - @error

    Vídeo

    7 min

  • Regras de Estilo - @warn

    Vídeo

    5 min

  • Regras de Estilo - @debug

    Vídeo

    6 min

  • Regras de Estilo - @at-root

    Vídeo

    14 min

  • Regras de Estilo - Controle de Fluxo @if e @else

    Vídeo

    10 min

  • Regras de Estilo - Controle de Fluxo @each

    Vídeo

    10 min

  • Regras de Estilo - Controle de Fluxo - @for

    Vídeo

    12 min

  • Regras de Estilo - Controle de Fluxo - @while

    Vídeo

    10 min

  • Funções Especiais

    Vídeo

    10 min

  • Modulos Nativos

    Vídeo

    6 min

  • Sass CLI - Dart Sass

    Vídeo

    16 min

Sass - Operadores

5 aulas · 25 min

  • Introdução aos Operadores

    Vídeo

    2 min

  • Operadores - Relacional

    VídeoMaterial de apoio

    7 min

  • Operadores - Numérico

    VídeoMaterial de apoio

    6 min

  • Operadores - Buleano

    VídeoMaterial de apoio

    7 min

  • Operadores -String

    VídeoMaterial de apoio

    6 min

Assine a Hcode Class e comece hoje

Uma assinatura, acesso ilimitado a este e a todos os outros cursos da plataforma — com trilhas, provas e certificados.

Assinar e começarJá é assinante? Entrar