Imagem do Curso gratuito CSS3

Curso online gratuitoCSS3

Duração do curso online: 2 horas e 2 minutos

4.67

EstrelaEstrelaEstrelaEstrelaMeia estrela

(6)

Aprenda CSS3 com um curso online gratuito da Node Studio Treinamentos. Domine seletores, dimensões, textos, transições, cores, gradientes e muito mais. Inscreva-se agora!

Neste curso gratuito, aprenda sobre

  • Fundamentos de CSS3
  • Seletores e Estruturação de Estilos
  • Modelo de Caixa: Espaçamentos e Box Model
  • Box Model Avançado e Efeitos Visuais
  • Tipografia e Fontes Web
  • Cores, Gradientes e Fundos
  • Layout, Bordas e Transições
  • Fundos, Clearfix e Recursos Adicionais
  • Cores Dinâmicas, Variáveis e Estilos via URL
  • Boas Práticas, Cálculos e Filtros

Descrição do curso

O curso "CSS3" é uma imersão completa no universo do CSS (Cascading Style Sheets), essencial para qualquer desenvolvedor front-end que deseje criar sites visualmente atraentes e responsivos. Com duração total de 2 horas e 2 minutos, este curso é compacto, mas extremamente eficaz, condensando uma grande quantidade de conhecimento em um período relativamente curto.

A avaliação média de 5 estrelas, em uma escala de 1 a 5, demonstra a alta qualidade do conteúdo oferecido e a satisfação dos alunos com o aprendizado adquirido. O curso pertence à categoria de Informática (TI), especificamente à subcategoria de Programação Front-End, evidenciando seu foco em construção e estilização de páginas web.

Desde o início, com a introdução ao CSS3, o curso guia os alunos através dos conceitos fundamentais e aplicações práticas de CSS. Os módulos seguintes aprofundam-se em tópicos essenciais como aplicação de CSS e sintaxe, seletores variados (universal, tipo, atributo), agrupamento e hierarquia de seletores, e a importância de Ids e classes na estilização de elementos.

À medida que o curso avança, os participantes aprendem sobre dimensões (largura e altura), margens e preenchimentos, controle e estilização de texto, manipulação de boxes (incluindo dimensionamento e sombreamento), overflow e opacidade, e a estilização de bordas com "border-radius". Especial atenção é dada às fontes, com módulos dedicados ao uso de @Font-Face e Google Fonts.

A conscientização sobre cores e degradês é dividida em duas partes, proporcionando uma compreensão aprofundada dessas técnicas visuais. Outros tópicos cruciais incluem posicionamento (float e position), bordas, transições, fundos, e o método Clearfix, fundamental para a manipulação de layout em CSS.

Temas avançados como currentColor, variáveis CSS e estilização via URL ajudam a equipar os alunos com técnicas modernas de desenvolvimento. O curso também aborda aspectos práticos como a escolha entre Normalize e Reset CSS, uso de cálculos (calc) para valores dinâmicos, e a aplicação de filtros para efeitos visuais.

Em resumo, o curso "CSS3" é um excelente recurso para desenvolvedores que desejam dominar a estilização de elementos web, oferecendo um blend perfeito entre teoria e prática em um formato conciso e altamente elogiado por seus estudantes. Com esse conhecimento, você estará mais do que preparado para transformar suas ideias em realidade através de páginas web bem estilizadas e funcionais.

Conteúdo do curso

  • Aula em vídeo: Curso de CSS3 - Aula 01 - Introdução ao CSS3 01m
  • Exercício: _Qual a principal função do CSS?
  • Aula em vídeo: Curso de CSS3 - Aula 02 - Aplicando CSS e Sintaxe 04m
  • Exercício: Quais são as três formas de aplicar CSS mencionadas no vídeo?
  • Aula em vídeo: Curso de CSS3 - Aula 03 - Seletor universal, Seletor tipo, Seletor atributo 09m
  • Exercício: _Qual é a função do seletor universal em CSS?
  • Aula em vídeo: Curso de CSS3 - Aula 04 - Agrupamento de Seletores 02m
  • Exercício: Qual é a finalidade de agrupar seletores em CSS?
  • Aula em vídeo: Curso de CSS3 - Aula 05 - Seletor Id e Class 05m
  • Exercício: _Qual é o seletor utilizado para criar uma classe em CSS?
  • Aula em vídeo: Curso de CSS3 - Aula 06 - Dimensão (Width, Height, Max e Min) 04m
  • Exercício: Qual é o efeito de se definir uma largura mínima de 500 pixels para uma div em CSS?
  • Aula em vídeo: Curso de CSS3 - Aula 07 - Margin e Padding 05m
  • Exercício: _O que é o pad em CSS?
  • Aula em vídeo: Curso de CSS3 - Aula 08 - Text (Parte 01) 04m
  • Exercício: Qual propriedade CSS é utilizada para alinhar o texto à esquerda, direita ou centro?
  • Aula em vídeo: Curso de CSS3 - Aula 09 - Text (Parte 02) 04m
  • Exercício: _Qual propriedade é utilizada para adicionar uma sombra ao vídeo no CSS3?
  • Aula em vídeo: Curso de CSS3 - Aula 10 - Box Sizing e Box Shadow 03m
  • Exercício: Qual propriedade CSS permite manter a largura fixa de um elemento ao adicionar padding sem alterar suas dimensões totais?
  • Aula em vídeo: Curso de CSS3 - Aula 11 - Overflow e Opacity 03m
  • Exercício: _Qual é o valor da propriedade "overflow" que esconde a parte que excede a altura definida para o elemento?
  • Aula em vídeo: Curso de CSS3 - Aula 12 - Border Radius 03m
  • Exercício: Como aplicar cantos arredondados de tamanhos diferentes em um elemento CSS?
  • Aula em vídeo: Curso de CSS3 - Aula 13 - Fonts 04m
  • Exercício: _Qual é a propriedade CSS que define um conjunto de fontes a serem utilizadas pelo navegador?
  • Aula em vídeo: Curso de CSS3 - Aula 14 - @Font Face 03m
  • Exercício: Como usar fontes externas em um site?
  • Aula em vídeo: Curso de CSS3 - Aula 15 - Google Fonts 01m
  • Exercício: _Qual é a ferramenta utilizada para disponibilizar fontes externas no CSS3?
  • Aula em vídeo: Curso de CSS3 - Aula 16 - Colors e Gradients (Parte 01) 03m
  • Exercício: Qual é um método para representar cores no CSS citado no vídeo?
  • Aula em vídeo: Curso de CSS3 - Aula 17 - Colors e Gradients (Parte 02) 03m
  • Exercício: _Qual é a diferença entre o gradiente linear e o gradiente radial no CSS3?
  • Aula em vídeo: Curso de CSS3 - Aula 18 - Float 03m
  • Exercício: Qual é a função do CSS 'float'?
  • Aula em vídeo: Curso de CSS3 - Aula 19 - Position 03m
  • Exercício: _Qual é o valor padrão da propriedade position em CSS?
  • Aula em vídeo: Curso de CSS3 - Aula 20 - Border e Outline 03m
  • Exercício: Como aplicar uma borda sólida vermelha de 5 pixels em CSS usando uma declaração única?
  • Aula em vídeo: Curso de CSS3 - Aula 21 - Transition 04m
  • Exercício: _Qual a propriedade CSS utilizada para suavizar a transição de estado de um elemento?
  • Aula em vídeo: Curso de CSS3 - Aula 22 - Background 04m
  • Aula em vídeo: Curso de CSS3 - Aula 23 - Clearfix 06m
  • Exercício: _Qual é a técnica abordada na aula para reparar problemas gerados pelo uso do flash?
  • Aula em vídeo: HTML5 02m
  • Exercício: _Qual é a finalidade do site "caniuse.com"?
  • Aula em vídeo: Curso de CSS3 - Aula 25 - CurrentColor 02m
  • Exercício: _Qual é a função da propriedade colante collor no CSS3?
  • Aula em vídeo: Curso de CSS3 - Aula 26 - Variáveis CSS 04m
  • Aula em vídeo: Curso de CSS3 - Aula 27 - Estilizando via URL 03m
  • Exercício: _O que é a pseudo classe target e para que serve?
  • Aula em vídeo: Curso de CSS3 - Aula 28 - Normalize ou Reset CSS? 05m
  • Aula em vídeo: Curso de CSS3 - Aula 29 - Calc 04m
  • Exercício: _Qual é a função utilizada para fazer cálculos nos valores das propriedades CSS?
  • Aula em vídeo: Curso de CSS3 - Aula 30 - Filters 05m

Este curso gratuito inclui:

2 horas e 2 minutos de curso online em vídeo

Certificado digital de conclusão de curso ( Gratuito )

Exercícios para treinar seus conhecimentos

100% gratuito, do conteúdo ao certificado

Pronto para começar?Baixe o app e comece hoje mesmo.

Instale o app agora

para ter acesso ao curso
Ícone representando cursos de tecnologia e negócios

+ de 5.000 cursos gratuitos

Programação, Inglês, Marketing Digital e muito mais! Aprenda o que quiser, gratuitamente.

Ícone de calendário com alvo representando planejamento de estudos

Plano de estudos com IA

A Inteligência Artificial do nosso aplicativo pode criar um cronograma de estudos para o curso que você escolher.

Ícone de profissional representando carreira e negócios

Do zero ao Sucesso profissional

Melhore seu currículo com nosso Certificado gratuito e depois utilize nossa Inteligência Artificial para buscar seu emprego dos sonhos.

Você também pode utilizar o QR Code ou os Links abaixo

QR Code - Baixar Cursa - Cursos Online

Comentários do Curso: CSS3

Jonathan Colpes Ribeiro

Excepcional curso. Simples e objetivo. Fácil aprendizagem.

Mais cursos gratuitos em Programação Front-End

Baixe o Aplicativo agora para ter acesso a + de 3300 cursos gratuitos, exercícios, certificado e muito conteúdo sem pagar nada!

  • Cursos online 100% gratuitos do início ao fim

    Milhares de cursos online em vídeo, ebooks e áudiobooks.

  • Mais de 48 mil exercícios gratuitos

    Para testar seus conhecimentos no decorrer dos cursos online

  • Certificado Digital gratuito válido em todo o Brasil

    Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail

Aplicativo Cursa na tela de ebook, na tela de curso em vídeo e na tela de exercícios do curso, mais o certificado de conclusão de curso

+ de 9 milhões
de alunos

Certificado grátis e
válido em todo o Brasil

60 mil exercícios
gratuitos

4,8/5 classificação
nas lojas de apps

Cursos gratuitos em
vídeo, ebooks e audiobooks