 5/5

Curso de CSS3 Completo

Sobre o curso

CSS3 é a mais nova versão das famosas Cascading Style Sheets (ou simplesmente CSS), onde se define estilos para páginas web com efeitos de transição, imagem, e outros, que dão um estilo novo às páginas Web 2.0 em todos os aspectos de design do layout.

A principal função do CSS3 é abolir as imagens de plano de fundo, bordas arredondadas, apresentar transições e efeitos para criar animações de vários tipos, como um simples relógio de ponteiros. Isso se deve aos novos browsers que estão chegando, com suporte à essa linguagem, como o Google Chrome, Opera, Internet Explorer 9, Safari e Mozilla Firefox.

Assim, o CSS3 facilitará o trabalho dos que trabalham com web e também dos usuários, pela variedade de transformações na apresentação de um website.

CSS3 é a evolução da linguagem Cascading Style Sheets (Folhas de Estilo em Cascata) que estende o CSS2.1. Com ele foram incluido uma série de novidades bastante esperadas, como cantos arredondados, sombras, gradientes , transições , animações, caixas flexíveis etc. E neste Curso de CSS3, você vai aprender a trabalhar na prática com CSS3.

O que você vai aprender

Neste Curso de CSS3, o aluno encontrará uma revisão da linguagem CSS, caso nunca tenha mexido no CSS, e conhecerá as novidades do CSS3, aprendendo na prática as suas propriedades, e no final irá colocar o conteúdo aprendido numa projeto prático.

Público alvo

Este Curso de CSS3 é indicado para Web Designers que pretendem se especializar em desenvolvimento, profissionais de designer, usuários leigos em criação de páginas com CSS3 ou agências de desenvolvimento que desejam aperfeiçoar o conhecimento de seus profissionais.

Trailer

Algumas aulas do curso

Ementa do curso

Módulo 1

Apresentação do Curso
Ambiente de Desenvolvimento

Módulo 2

Sintaxe Básica do CSS
Vincular o CSS a uma página HTML
Identificadores – id e class

Módulo 3

Seletores – utilizando hierarquia dos elementos
Seletores – utilizando atributos html
Seletores – trabalhando com pseudo-classe
Seletores – utilizando pseudo-elementos

Módulo 4

Dimensões – Largura e Altura
Espaçamento – Padding
Espaçamento Externo – Margin

Módulo 5

Trabalhando com Bordas
Bordas – Utilizando em Tabelas
Bordas Arredondadas

Módulo 6

Box Model
Trabalhando com Position
Utilizando Float e Clear

Módulo 7

Trabalhando com background
Trabalhando com background – css3
Trabalhando com gradiente

Módulo 8

Trabalhando com fontes
Formatação de texto
Formatação de texto – css3
Utilizando sombra com css3
@Font-Face

Módulo 9

Utilizando o transform do css3
Utilizando Transition do CSS3
Utilizando Animation e Keyframes – CSS3

Módulo 10

Utilizando Display
Trabalhando com flexbox – css3 – parte 1
Trabalhando com flexbox – css3 – parte 2
Trabalhando com Media Queries

Módulo 11

Projeto Prático – parte 1
Projeto Prático – parte 2
Projeto Prático – parte 3
Projeto Prático – parte 4
Projeto Prático – parte 5
Projeto Prático – parte 6
Projeto Prático – parte 7
Dicas e Considerações Finais

David CHC

Trabalha com desenvolvimento web há 10 anos, atuou como programador líder do MX Cursos por mais de 8 anos e hoje dedica-se exclusivamente à criação de cursos para a plataforma. Possui vasto conhecimento em PHP, Javascript, HTML5, CSS3, Gulp.js, GIT, MySQL

Cursos deste professor