HDTutorial
PT
Tutorial de CSS - Do Zero ao Herói (Curso Completo)

A reprodução carrega o leitor integrado do YouTube (modo de privacidade melhorada).

Tutorial de CSS - Do Zero ao Herói (Curso Completo)

3 498 643 visualizações 13 de novembro de 2019 6:18:38

Ver no YouTube
CanalfreeCodeCamp.org

Em resumo

Este curso completo de CSS leva desde os conceitos básicos até técnicas avançadas, abrangendo desde formatação de texto e cores até layouts complexos, animações e técnicas de design responsivo. Ideal para desenvolvedores web que pretendam dominar o lado visual dos websites—sem experiência prévia em CSS necessária.

Passos principais

  1. Comece pelos fundamentos do CSS: seletores, propriedades e como vincular folhas de estilo ao HTML.
  2. Explore a manipulação de texto, cores, fundos e o modelo de caixa do CSS para controlar a disposição.
  3. Aprofunde-se em Flexbox e CSS Grid para criar estruturas de página flexíveis e responsivas.
  4. Adicione interatividade com transições, transformações e animações personalizadas usando keyframes.

Perguntas e respostas

Que software é necessário para acompanhar este curso?

O curso aborda o download e configuração do software necessário desde o início.

Capítulos

Descrição do autor

Aprenda CSS neste curso completo para iniciantes. O CSS, ou *folha de estilo em cascata*, é responsável pelo estilo e aparência de um site.

Neste curso, vamos desde o básico. Você vai aprender desde habilidades essenciais, como cores e texto, até técnicas avançadas, como animações personalizadas.

Você vai aprender sobre:
• Cores
• Formatação
• Texto
• Layout
• Grade (Grid)
• Flexbox
• Animações
• Transições
• E muito mais!

🎥 Curso do Jad Khalili. Para ver mais conteúdos deste instrutor, visite:

⭐️ Conteúdo do Curso ⭐️
⌨️ (0:00:00) Objetivos e Resultados do Curso
⌨️ (0:02:36) Introdução ao Curso
⌨️ (0:11:19) Baixando os Softwares Necessários
⌨️ (0:12:30) Onde Encontrar os Arquivos do Projeto

⌨️ (0:14:28) O que é CSS?
⌨️ (0:17:09) Criando e Vinculando uma Folha de Estilo CSS
⌨️ (0:20:39) Como Testar uma Folha de Estilo

⌨️ (0:22:12) O que é um Seletor?
⌨️ (0:25:54) Classes e IDs em HTML
⌨️ (0:31:52) Especificidade e Quando Usar Seletores
⌨️ (0:39:13) Pseudoseletores
⌨️ (0:47:58) Seletores Avançados
⌨️ (0:59:30) Seletores de Atributo
⌨️ (1:09:38) O que são Propriedades?
⌨️ (1:12:59) A Regra Geral do CSS

⌨️ (1:17:37) Tipos de Cores
⌨️ (1:24:53) Colorindo Texto
⌨️ (1:32:30) Cores de Fundo
⌨️ (1:36:56) Imagens/URLs em CSS
⌨️ (1:42:30) Outras Propriedades de Fundo
⌨️ (1:48:59) Opacidade/Transparência
⌨️ (1:52:17) Degradês

⌨️ (2:04:12) Introdução às Unidades de Medida
⌨️ (2:15:57) Manipulação de Texto
⌨️ (2:23:54) Tamanho, Negrito e Estilo de Fonte
⌨️ (2:30:33) Famílias de Fontes
⌨️ (2:37:08) Incluindo Fontes Externas com Google Fonts
⌨️ (2:43:1

Sobre este tutorial

freeCodeCamp.org publicou este tutorial em vídeo de 6:18:38 em 13 de novembro de 2019. Foi visto 3 498 643 vezes no YouTube.

Categoria
Educação
Duração
6:18:38
Publicado
13 de novembro de 2019
Visualizações
3 498 643
Gostos
71 279

Partilhar

Este tutorial noutros idiomas