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

8,5

Nota desse curso

19.909

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

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

Veja o primeiro vídeo

Formação com esse curso

Público alvo

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

Nível de Dificuldade

Intermediário

Instrutores

  • Luiz é desenvolvedor full-stack e instrutor, apaixonado por boas práticas e opensource. É mestre pela USP e seu foco é Java, JavaEE, Ruby e Scala, além de ter vasta experiência em front-end. Participou no desenvolvimento de sites no Agile Brazil. Nas aulas, sempre foca nas aplicações práticas do aprendizado.

Já é aluno?

Começar o Curso

Experiências de quem já estudou com a gente

Foto do aluno

Renan Silva Salazar

em 01/03/2018

Extremamente satisfeito com o conteúdo do curso! Vai impulsionar extremamente a minha carreira!

HTML5 e CSS3 II: Turbinando as suas páginas

Foto do aluno

rachid mavulule

em 17/10/2018

As novas funcionalidades do CSS3 e HTML5 são fantásticas! Amei o curso!

HTML5 e CSS3 II: Turbinando as suas páginas

Foto do aluno

João Vitor Carvalho

em 08/08/2018

Fantástico! Dicas de como realmente produzir um trabalho diferencial, trabalhadas com ótima didática!

HTML5 e CSS3 II: Turbinando as suas páginas

Sabe quando você pode começar? Agora!

  • 760 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto de conclusão das Formações com avaliação dos professores da Alura e certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Curso online de inglês técnico para aprimorar seu conhecimento

Premium

  • 760 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto de conclusão das Formações com avaliação dos professores da Alura e certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Curso online de inglês técnico para aprimorar seu conhecimento

12X
R$75
à vista R$900
Matricule-se

Premium Plus

  • 760 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto de conclusão das Formações com avaliação dos professores da Alura e certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Curso online de inglês técnico para aprimorar seu conhecimento

12X
R$100
à vista R$1.200
Matricule-se

Max

  • 760 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto de conclusão das Formações com avaliação dos professores da Alura e certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Curso online de inglês técnico para aprimorar seu conhecimento

12X
R$120
à vista R$1.440
Matricule-se
Acesso por 1 ano
Estude 24h/dia onde e quando quiser
Novos cursos toda semana