CSS e SASS Avançados: Framework, Flexbox, Grid, Animações

Crie seu próprio Framework CSS com componentes reutilizáveis usando SASS. Aprenda técnicas avançadas e modernas de CSS, incluindo Flexbox, Grid e Animações.

Visão geral do curso

Pronto para levar suas habilidades de CSS para o próximo nível? Neste curso, começaremos criando uma página de destino simples e depois mergulharemos em tecnologias modernas de CSS, como Flexbox, CSS Grid, animações e transições. Você também aprenderá a criar seus próprios componentes reutilizáveis em SASS e aplicá-los aos seus modelos de site.

Para quem é este curso?

Este curso não é para iniciantes absolutos. É projetado para desenvolvedores iniciantes de CSS que desejam aprimorar suas habilidades de CSS, obter uma compreensão mais profunda de como o CSS funciona e expandir seu conjunto de ferramentas para incluir animações, Flexbox, CSS Grid, Sass e muito mais. Também é adequado para freelancers que precisam de modelos básicos de páginas da web para apresentações de clientes e desenvolvedores front-end que desejam entender o funcionamento interno do CSS.

Principais destaques do curso

Neste curso, você aprenderá: - De iniciante a estruturação avançada de páginas da web em CSS - Usando Pseudo Elementos e Classes - Layouts Flexbox - Layouts de Grid - Transições CSS - Animações CSS com @keyframes - Design responsivo avançado: media queries, unidades em e rem, etc. - Usando variáveis em CSS - Tecnologia SASS completa e compilador SCSS para CSS - Sintaxe SASS - Variáveis SASS - Escopo SASS - Sombreamento SASS - Tipos de dados SASS: Números, String, Cores, Listas, Mapas, Booleanos e Nulos - Operadores SASS - Funções SASS - Mixin SASS - Controle de fluxo SASS com: @if, @else @if, @else, @each, @for, @while - Criação de componentes de variáveis reutilizáveis - Criação de componentes de tipografia reutilizáveis - Criação de componentes de botões reutilizáveis - Criação de componentes de cartões reutilizáveis - Criação de componentes de navegação reutilizáveis - Criação de componentes de formulário reutilizáveis

Por que SASS?

Se o seu CSS está confuso e você deseja criar clareza em seus projetos, o SASS pode ajudá-lo a se organizar e se tornar um desenvolvedor mais eficiente. Ao usar a estrutura e os parciais do SASS, você pode gerenciar e controlar facilmente seu design. Este curso ensinará a você animações e transições CSS complexas, técnicas avançadas de design responsivo e como criar seu próprio framework CSS com componentes reutilizáveis.

Recursos do curso

Este curso inclui: - Acesso vitalício a mais de 20 horas de vídeos em alta definição - Ativos para download e código HTML inicial para cada projeto - Todos os vídeos podem ser baixados para aprendizado offline - Suporte amigável e rápido na seção de perguntas e respostas do curso - Legendas em inglês

Sobre o instrutor

Meu nome é Menyhart B. Norbert e serei seu instrutor neste curso. Projetei este curso para ajudá-lo a se tornar mais eficiente e produtivo no desenvolvimento de CSS. Estou ansioso para recebê-lo como um novo aluno e tenho certeza de que você vai adorar este curso!

O que você vai aprender

Ao final deste curso, você terá um profundo entendimento de: - CSS - Layouts Flexbox - Layouts de CSS Grid - Animações CSS avançadas com @keyframes - Transições CSS avançadas - SASS - SCSS - Estruturação de páginas da web - Técnicas avançadas de design responsivo - Usando Sass em projetos do mundo real - Imagens responsivas - Criando seu próprio Framework CSS - Criando componentes de variáveis reutilizáveis para cores, tamanhos de tela e tipografia - Criando componentes de botões reutilizáveis - Criando componentes de cartões reutilizáveis - Criando componentes de navegação reutilizáveis - Criando componentes de formulário reutilizáveis - Fundamentos do desenvolvimento web Você também receberá suporte amigável e rápido na seção de perguntas e respostas do curso sempre que tiver dúvidas ou ficar preso.