Curso de CSS avançado: animações, Flexbox, SVG, 3D, SASS,...

CSS Avançado: Animações, Flexbox, SVG, 3D, SASS, ...
Do Iniciante ao Profissional em HTML & CSS: Com um Projeto Prático Enorme
Classificação: 4.9 de 5441 avaliações
37.5 horas totais
301 palestras
Intermediário

Do Iniciante ao Profissional em HTML & CSS: Com um Projeto Prático Enorme

Você já desenvolveu algo com HTML e CSS e agora quer expandir seus conhecimentos? Recursos modernos do CSS3 como efeitos 3D, animações, flexbox ou grid ainda são novos para você? Ou você simplesmente quer desenvolver sites ainda mais estilosos? Então este curso é perfeito para você. Este é um dos cursos mais modernos e abrangentes sobre CSS avançado na web. Passo a passo, você não apenas aprenderá os conceitos básicos do CSS, mas também todos os recursos modernos do CSS - incluindo vários truques de CSS que o tornarão ainda mais eficiente como desenvolvedor web. Você aprenderá tudo de forma totalmente prática e por meio de exemplos - o projeto que desenvolvemos neste curso é realmente impressionante. Também desenvolveremos recursos interativos, como um menu lateral expansível, botões que revelam conteúdo adicional e um diálogo que anima sobre a página - tudo isso sem a necessidade de JavaScript no navegador. Este curso começa onde outros cursos de HTML terminam: aqui, você não aprenderá os conceitos básicos do HTML, mas nos concentraremos explicitamente no CSS moderno - empurrando os limites do que é tecnicamente possível. Após a conclusão deste curso... ... você será um desenvolvedor web procurado que pode implementar com confiança até mesmo os designs mais complexos ... você terá uma compreensão abrangente de como o CSS funciona por baixo dos panos ... você será capaz de implementar layouts complexos sem esforço ... você será capaz de desenvolver designs que ficam bons não apenas em desktops, mas também em dispositivos móveis (design responsivo) ... graças ao SASS, você ainda terá uma visão geral mesmo com projetos grandes O que você aprenderá neste curso? Conceitos básicos do CSS: Herança, especificidade, cascata Design responsivo: Desktop-first vs. mobile-first Gradientes: Crie gradientes de cores estilosos como imagens de fundo ou cores de fonte Animações: Crie animações estilosas como efeitos de hover ou animações @keyframes. Inclui vários truques para garantir uma exibição de animação suave Efeitos 3D: Crie animações ainda mais estilosas e mova elementos no espaço 3D Flexbox: Posicione elementos lado a lado - muito mais elegante do que usar float: left Grid CSS: Posicione elementos automaticamente em uma grade - ideal para design responsivo Posicionamento de elementos: Muitas vezes, precisamos sobrepor vários elementos, por exemplo, para sobrepor texto em uma imagem. Aprenda tudo o que você precisa saber sobre isso! Vários truques de CSS: Menus interativos Depuração de CSS SASS: Estruture seu código CSS para que você ainda possa acompanhar mesmo com projetos grandes Variáveis Mixins Mudança de cores (sass:color) Desenvolva um projeto prático completo de A a Z

O que você aprenderá

Desenvolver sites estilosos com os recursos mais recentes do CSS
Aprender por meio de exemplos: Implementar um projeto completo
Transições, @keyframes: Criar animações complexas - mesmo sem JavaScript
Aprender como o CSS realmente funciona: Layout, herança, posicionamento, especificidade de seletores
BEM-Components: Aumente sua produtividade e escreva código CSS reutilizável
SASS: Estruture seus arquivos CSS e ainda acompanhe-os mesmo com mais de 10.000 linhas
Design responsivo: Mobile-first vs. desktop-first, 1rem vs. 1em, ...
3D: Criar efeitos 3D estilosos com CSS