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

9,0

Nota desse curso

20.937

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

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

Adinan Batista Alves

em 22/03/2019

Excelente curso, sempre fui desenvolvedor backend mas com as dicas aqui pude aprender mais sobre o frontend com recursos atuais de CSS3. Muito bom!

HTML5 e CSS3 II: Turbinando as suas páginas

Felipe Soares Ferreira

em 24/03/2019

Acredito que poderia ter um vídeo para cada exercício prático.

HTML5 e CSS3 II: Turbinando as suas páginas

Tales Laguardia Frota Matos

em 26/03/2019

Curti pra caramba, eu tinha uma opinião de html da época em que se usava o FrontPage, páginas sofridas feitas em tabelas, hospedadas no IG, e o curso me deixou bem empolgado pra voltar a fazer isso.

HTML5 e CSS3 II: Turbinando as suas páginas

Sabe quando você pode começar? Agora!

  • 807 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 práticos para entrega e avaliação dos professores da Alura com 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

  • 807 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 práticos para entrega e avaliação dos professores da Alura com 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

  • 807 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 práticos para entrega e avaliação dos professores da Alura com 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

  • 807 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 práticos para entrega e avaliação dos professores da Alura com 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