Nenhum profissional web hoje em dia, seja programador ou designer, cria seus sites ou sistemas sem CSS. As folhas de estilo fazem parte das pequenas, médias e grandes empresas e agências no Brasil e no mundo. Saber CSS hoje em dia se tornou algo obrigatório.
Neste curso você dará continuidade aos estudos CSS, aprendendo tudo sobre CSS3 e o poder desta nova versão. Aprenderá a criar degradês, animações, usar fontes que não existem no computador e muito mais. Você aprenderá a trabalhar com as principais propriedades do CSS3 e qualificar-se em padrões mundiais de desenvolvimento.
Professor:
Adriano Gianini é formado em Web Design pela UNISUL - Universidade do Sul de Santa Catarina. É Pós-Graduando em Comunicação Digital, Web Jornalismo e Novas Mídias pela FITS - Faculdade Integrada Tiradentes. Possui diversos cursos oficiais Adobe e mais de 14 anos de experiência como professor, passando por instituições como SENAI e SENAC.
MÓDULO 1
- Introdução
- O que vou aprender?
- Qual editor usar?
MÓDULO 2
- Seletor
- Estrutura de um documento
- Elemento pai e filho
- Elemento descendente e ancestral
- Elemento irmão
- Elemento precedente
- Elemento subsequente
- Sintaxe seletor
- Seletor universal
- Seletor tipo
- Seletor atributo 1
- Seletor atributo 2
- Seletor atributo 3
- Seletor atributo 4
- Seletor atributo 5
- Seletor atributo 6
- Seletor atributo 7
- Seletor class
- Seletor ID
- Pseudoclasses
- Pseudoelemento
- Seletor simples
- Agrupamento de seletores
- Caracteres de combinação
- Especificidade
- Herança
- Important
MÓDULO 3
- Background color image
- Background clip
- Background origin
- Background size
- Múltiplos backgrounds
MÓDULO 4
- Border
- Border color
- Border width
- Border style
- Border radius
- Border radius duas divs
- Border image
- Box shadow
- Text shadow
MÓDULO 5
- Hexadecimal e RGB
- Palavra chave
- Opacity
- Current Color
- HSL
- HSLA
- RGBA
MÓDULO 6
- Font face
- Google web font
MÓDULO 7
- Introdução multicolunas
- Column count
- Column width
- Columns
- Column gap
- Column rule
- Column span
- Break
MÓDULO 8
- Entendendo media query
- Primeiro exemplo
- Width
- Height
- Device width e Device height
- Orientation
- Aspect ratio e Device aspect ratio
- Color
- Resolution
- Exemplo
- iPhone
- iPad
MÓDULO 9
- Introdução ao gradiente
- Linear gradiente 1
- Linear gradiente 2
- Linear gradiente com várias cores
- Radial gradiente
- Repeat gradiente
MÓDULO 10
- Introdução
- Rotate
- Translate X
- Translate Y
- Translate
- Scale X
- Scale Y
- Scale
- Skew X
- Skew Y
- Skew
- Matrix
- Múltiplas aplicações
- Transform origin
MÓDULO 11
- Perspectiva
- Origem da perspectiva
- Backface
- Funções da perspectiva e rotate
- Funções translate scale
- Funções skew matrix
MÓDULO 12
- Transition propety
- Transition duration
- Transition timing function
- Transition delay
- Transition
MÓDULO 13
- Animation name duration timing function
- Animation direction e delay
- Animation
MÓDULO 14
- Flexbox display
- Flexbox Orient Direction
- Flexbox Order
- Flexbox pack |