Front-end

HTML5 e CSS3 II: Turbinando as suas páginas

Curso online de HTML5 e CSS3 II: Turbinando as suas páginas

9,1

é a nota desse curso

6.397

alunos neste curso

Faça esse curso e...

  • Conheça as diferenças das unidades de medida no CSS
  • A verdadeira referência do valor absolute
  • Faça truques e com sombras com text-shadow e box-shadow
  • Saiba das vantagens e desvantagens do uso de seletores avançados
  • Melhore a legibilidade do código com cálculos com css
  • Use a propriedade transition para criar animações incríveis
  • 40h para conclusão
  • 169 exercícios
  • 175 minutos de videos

Curso HTML5 e CSS3 II: Turbinando as suas páginas

12x R$25

(à vista R$300)

Matricule-se
  • 1
    Curso
  • 169
    Exercícios
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra

Premium

12x R$75

(à vista R$900)

Matricule-se
  • 337
    Cursos
  • 19.432
    Exercícios
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra

Premium Plus

12x R$100

(à vista R$1.200)

Matricule-se
  • 337
    Cursos
  • 19.432
    Exercícios
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
Acesso por 1 ano
Certificado digital de conclusão
Estude 24h/dia onde e quando quiser
Novos cursos toda semana

Carreiras com esse curso

Veja a 1ª aula

Público alvo

Pessoas que já conhecem HTML e querem aprender ainda mais sobre o assunto.

Nível de Dificuldade

Intermediário

Instrutores

Já é aluno?

Começar o Curso

Conteúdo Detalhado

  1. Unidades de medida do CSS

    • A medida em
    • A medida rem
    • A medida ch
    • A medida de porcentagem
    • Quando usar cada medida
  2. Absolute mais a fundo

    • A verdadeira referência do absolute
    • Controlando o absolute
  3. Bordas arredondadas e outras novidades do CSS3

    • A propriedade border-radius e seus usos
    • Prefixos no CSS
    • Construindo seu site para o futuro
  4. Transformações

    • A propriedade transform
    • Rotações, escalas e outras transformações 2D
    • A propriedade perspective
    • Transformações 3D
    • O efeito de paralaxe
  5. Sombras e opacidade

    • A propriedade text-shadow
    • A propriedade box-shadow
    • Truques com sombras
    • Cores semitransparentes
    • A propriedade opacity
  6. Gradientes

    • A função linear-gradient
    • Propriedades do background do CSS3
    • Usos avançados de gradientes
    • A função radial-gradient
  7. Seletores avançados do CSS

    • Seletor de irmão
    • Seletor de irmão seguinte
    • Seletor de filho direto
    • Seletor de atributo
    • Vantagens e desvantagens dos seletores avançados
  8. Pseudoclasses

    • O que é uma pseudoclasse?
    • A pseudoclasse :nth-child
    • A pseudoclasse :nth-of-type
    • Pseudoclasses dinâmicas
    • Vantagens de se usar pseudoclasses
  9. Pseudoelementos

    • O que é um pseudoelemento?
    • O pseudoelemento ::first-letter
    • Diferenças de sintaxe entre o CSS2 e o CSS3
    • Os pseudoelementos ::before e ::after
    • A propriedade content
    • Truques possíveis com pseudoelementos
    • Vantagens de se usar pseudoelementos
  10. Formulários

    • Criando um formulário básico
    • Adicionando semântica a um formulário
    • Acessibilidade de formulários
    • Novos tipos de campos do HTML5
    • Validação de formulários com HTML5
    • Estilização de formulários
  11. Cálculos com CSS

    • A função calc
    • Melhorando a legibilidade do código com a função calc
    • Layout mais flexível com a função calc
    • Novas possibilidades
  12. Tabelas semânticas

    • Criando uma tabela simples com HTML
    • Adicionando semântica a tabelas
    • Estilizando tabelas
    • As propriedades rowspan e colspan
    • Quando usar tabelas?
  13. Transições e animações

    • A propriedade transition
    • Transições e pseudoclasses dinâmicas
    • A propriedade transition-delay
    • Controle fino de transições
    • A propriedade animation e a declaração @keyframes
    • A propriedade animation-delay
    • Controlando o estado da animação com animation-play-state
    • Animações infinitas
  14. Flexbox

    • A ideia por trás da especificação
    • Ativando o flexbox
    • Controlando o tamanho dos elementos com a propriedade flex
    • Espaçamento e a propriedade justify-content
    • Múltiplas linhas de elementos com a propriedade flex-wrap
    • A propriedade order

Curso HTML5 e CSS3 II: Turbinando as suas páginas

12x R$25

(à vista R$300)

Matricule-se
  • 1
    Curso
  • 169
    Exercícios
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra

Premium

12x R$75

(à vista R$900)

Matricule-se
  • 337
    Cursos
  • 19.432
    Exercícios
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra

Premium Plus

12x R$100

(à vista R$1.200)

Matricule-se
  • 337
    Cursos
  • 19.432
    Exercícios
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
Acesso por 1 ano
Certificado digital de conclusão
Estude 24h/dia onde e quando quiser
Novos cursos toda semana