CSS de A a Z

Aprenda como estilizar suas páginas

Bem-vindo a este curso de CSS de A a Z. CSS é a linguagem de estilização web. Ela permite que você anime, estilize, organize e estruture a aparência de suas páginas. É essencial. Mas CSS é muito fácil. Essa observação era verdadeira há cerca de quinze anos, mas o CSS evoluiu tremendamente e agora possui centenas de propriedades e milhares de valores diferentes. Qualquer pessoa pode mudar uma cor no CSS, mas quantos realmente dominam essa linguagem? Certamente, o CSS é fácil de começar porque qualquer um pode escrever um background-color, mas quantos conhecem sobre empilhamento de camadas, layouts e suas peculiaridades, todos os módulos de posicionamento modernos, etc...? Muitas pessoas varrem a poeira para debaixo do tapete e correm em direção aos frameworks de JS, pensando que não é importante ser bom em CSS. Isso é um erro grave. Eles acabam com aplicações web que são como máquinas complicadas, com código difícil de manter, cheias de bugs e comportamentos que nem mesmo conseguem entender. A solução? Tire seu tempo e nunca negligencie nenhuma tecnologia em particular. Respire fundo. Ao aprender desenvolvimento web moderno, você precisa ter uma visão de médio a longo prazo. Você não se torna um especialista absoluto em 1, 3 ou 6 meses. O tempo que você gasta dominando o CSS valerá a pena cem vezes mais depois, isso é um fato. Este curso oferece mais de 10 horas de conteúdo, especialmente criado para você. Eu literalmente recriei uma documentação para download que você pode navegar enquanto segue as lições, exercícios e projetos comigo. Meu objetivo foi criar conteúdo educacional que permita que você descubra essa linguagem de A a Z. Vá do nível iniciante/intermediário a um nível avançado. Descubra ou redescubra todos os conceitos importantes dessa linguagem. Cuidei para misturar conteúdo teórico e prático, exercícios, projetos, questionários e um projeto final executado profissionalmente.

Grade Curricular

O curso será composto por seções, que são divididas em lições e projetos. Seção 1: Conceitos Básicos de CSS > Descubra as propriedades, valores e conceitos básicos do CSS. Seção 2: Regras CSS > Analise as principais regras que regem essa linguagem. Seção 3: Propriedades e Conceitos Importantes > Utilize conceitos mais avançados e importantes, como pseudo-classes/elementos, contexto de empilhamento, etc... Seção 4: Design Responsivo > Adapte um site para todas as telas que podem visualizá-lo (tela de computador, tablet, celular). Seção 5: Flexbox > Descubra esse módulo de posicionamento extremamente útil. Seção 6: CSS Grid > Crie grids em CSS. Seção 7: Animações > Aprenda animações e transições em CSS para aprimorar suas páginas web e experiência do usuário. Seção 8: Depuração de CSS > Dicas e truques práticos para aprender a lidar com possíveis erros de CSS. Seção 9: CSS Avançado > Propriedades e conceitos mais avançados a serem explorados. Seção 10: Projeto Final > Projeto completo e profissional de A a Z, começando pelo design no Figma até a integração completa. As vantagens de ser um especialista em CSS são numerosas. ❤️ Você se destacará instantaneamente daqueles que não se deram ao trabalho de prestar atenção nisso. É fácil identificar rapidamente alguém que sabe o que está fazendo ou não. Suas páginas serão mais estéticas, práticas, acessíveis e profissionais. Você economizará muito tempo em bugs que não precisará corrigir. Você codificará mais rapidamente. Mas CSS não é uma linguagem à prova de futuro. ❌ Falso. Não importa o que você faça e qual ferramenta você use, você sempre precisará entender o código à sua frente e tomar as decisões corretas. O CSS é hoje e tem sido desde o início da web, a linguagem essencial para estilizar páginas web. Ele é literalmente usado em bilhões de páginas. Podemos projetar facilmente um pouco no futuro para entender que ele continuará sendo nos próximos anos. Até breve para começar a codificar.

O que você aprenderá

- A linguagem CSS de A a Z - Posicionamento e exibição - Cores e tamanhos - Unidades de medida - Flexbox - CSS Grid - SASS / SCSS - Criar vários projetos - Animações e transições - E muito mais...