Advanced CSS and Sass: Domine Flexbox, Grid, Animações e Mais!
O curso de CSS mais avançado e moderno da internet: domine flexbox, CSS Grid, design responsivo e muito mais.
Você tem codificado CSS há algum tempo, mas quer levar seu jogo para o próximo nível? Você se sente confuso com termos de CSS como herança, especificidade ou cascata? E se houvesse um recurso, um lugar, onde você pudesse aprender todas as técnicas e propriedades avançadas e modernas de CSS que você tem lido? Boas notícias: existe! Bem-vindo ao Advanced CSS and Sass, o curso de CSS mais avançado, mais moderno e mais completo da internet. É tudo o que você deseja em um curso avançado de CSS, e muito mais. Você aprenderá animações CSS complexas, técnicas avançadas de design responsivo, layouts flexbox, Sass, arquitetura CSS, conceitos fundamentais de CSS e muito mais. Como em todos os meus cursos, você construirá projetos bonitos e cuidadosamente projetados, que o deixarão orgulhoso e pronto para construir projetos complexos por conta própria. Depois de terminar este curso, você será capaz de:
- Estar atualizado com as propriedades e técnicas CSS mais modernas e avançadas;
- Dominar as tecnologias de layout de ponta Flexbox e CSS Grid;
- Estar pronto para construir layouts responsivos para todos os tipos de dispositivos e situações;
- Entender verdadeiramente como o CSS funciona nos bastidores;
- Ser capaz de arquitetar grandes bases de código CSS para reutilização e manutenibilidade usando Sass.
Por favor, observe que este curso NÃO é para iniciantes absolutos, então você já deve estar em um nível intermediário em HTML e CSS (por favor, confira meu outro curso se esse não for o caso). Este curso é enorme, com mais de 28 horas. Aqui está exatamente o que você aprenderá:
- Técnicas CSS modernas e de ponta para criar designs e efeitos impressionantes: clip-path, background-clip, mask-image, background-blend-mode, shape-outside, filter, backdrop-filter, object-fit, transform, column-count, hyphens, perspective, calc() e propriedades CSS personalizadas;
- Animações CSS avançadas com @keyframes, animation e transition;
- Seletores CSS avançados, pseudo-classes e pseudo-elementos necessários para o desenvolvimento moderno de CSS;
- Como o CSS funciona nos bastidores: a cascata, especificidade, herança, processamento de valores, o modelo de formatação visual, o modelo de caixa, tipos de caixa, esquemas de posicionamento e contextos de empilhamento;
- Arquitetura CSS: A regra 7-1, design baseado em componentes, metodologia BEM, escrever código reutilizável, manutenível e escalável;
- Introdução ao Sass: variáveis, aninhamento, parciais, imports, mixins, funções, extends e mais;
- Usando Sass em projetos do mundo real: definindo variáveis globais, construindo para reutilização, arquitetando CSS e gerenciando media queries;
- O ecossistema NPM: configurando um processo de desenvolvimento para compilar Sass e recarregar automaticamente o navegador, e criando um processo de construção para concatenar, prefixar e comprimir arquivos CSS;
- Design responsivo moderno: grids fluidos, tipos de layout, imagens flexíveis, usando media queries para testar diferentes larguras de tela, densidades de pixels e capacidades de toque;
- Fluxos de trabalho avançados de design responsivo: estratégias mobile-first vs desktop-first, seleção de breakpoints, unidades em vs rem e consultas de recursos para testar suporte do navegador;
- Imagens responsivas em HTML e CSS para carregamento de página mais rápido: alternância de resolução, alternância de densidade, direção de arte;
- Imagens SVG em HTML e CSS: como e por que usar SVG, gerando sprites SVG, alterando cores SVG em CSS e melhores práticas;
- Vídeos em HTML e CSS: construindo um efeito de vídeo de fundo;
- Layouts flexbox: conceitos principais, introdução às propriedades específicas do contêiner flex e do item flex, técnicas avançadas de posicionamento aplicadas a um grande projeto do mundo real;
- Layouts CSS Grid: conceitos principais, CSS grid vs flexbox e técnicas de layout aplicadas a um projeto do mundo real. Essa parte sozinha poderia ser um curso inteiro!
Por que você deve fazer este curso? Então você viu que o curso está absolutamente repleto de conteúdo. Mas talvez você ainda não esteja certo se deve realmente aprender CSS avançado? Isso provavelmente ocorre porque o CSS é tão fácil de começar. Na verdade, a maioria dos desenvolvedores subestima muito a importância e o poder do CSS. Mas nada poderia estar mais longe da verdade! O CSS é o que dá vida ao nosso design. E há tanto que podemos fazer com ele! Dominar técnicas avançadas como flexbox, CSS grid e animações, dará a você uma vantagem sobre muitos desenvolvedores CSS por aí que ainda usam métodos desatualizados. Além disso, o CSS pode se tornar um verdadeiro pesadelo quando você tenta dominá-lo e quando precisa manter projetos grandes. Portanto, ter uma boa compreensão dos conceitos fundamentais é absolutamente necessário para qualquer desenvolvedor front-end sério. E este curso irá ajudá-lo com tudo isso! Então, você deve fazer este curso? A resposta é muito provavelmente um grande SIM! E eu coloquei tanto conteúdo neste curso, que não importa se você está apenas começando ou se já é um desenvolvedor front-end experiente, com certeza haverá algo para você neste curso.
E isso é o que você recebe ao se inscrever hoje:
- 28 horas de vídeos em alta definição atualizados, fáceis de pesquisar e referenciar (ótimo para estudantes do Udemy Business)
- Legendas profissionais em inglês (não as geradas automaticamente)
- Ativos de design para download + código inicial e código final para cada seção
- Slides para download para vídeos teóricos (nada entediante, eu prometo!)
- Suporte gratuito no Q&A do curso
- Muitos pequenos desafios estão incluídos nos vídeos para que você possa acompanhar seu progresso.
Se você ainda está comigo até este ponto, então assista ao vídeo promocional para dar uma olhada nos projetos do curso, e eu prometo que você ficará impressionado :) Depois disso, espero recebê-lo como um novo aluno em meu curso. Tenho certeza de que você vai adorar!
O que você vai aprender
- Técnicas modernas de CSS para criar designs e efeitos impressionantes
- Animações CSS avançadas com @keyframes, animation e transition
- Como o CSS funciona nos bastidores: a cascata, especificidade, herança, etc.
- Arquitetura CSS: design baseado em componentes, BEM, escrever código reutilizável, etc.
- Layouts flexbox: construa um grande projeto do mundo real com flexbox
- Layouts CSS Grid: construa um grande projeto do mundo real com CSS Grid
- Usando Sass em projetos do mundo real: variáveis globais, arquitetando CSS, gerenciando media queries, etc.
- Design responsivo avançado: media queries, estratégias mobile-first vs desktop-first, unidades em vs rem, etc.
- Imagens responsivas em HTML e CSS para carregamento de página mais rápido
- Imagens e vídeos SVG em HTML e CSS: construa um efeito de vídeo de fundo
- O ecossistema NPM: fluxos de trabalho de desenvolvimento e processos de construção
- Obtenha suporte amigável e rápido no Q&A do curso
- Aulas, código e ativos de design para download para todos os projetos
