HTML, CSS, CSS2, CSS3, Flexbox e CSSGrid

HTML, CSS, CSS2, CSS3, Flexbox e CSSGrid

Sobre o Curso

Aprenda CSS desde o ZERO até o avançando, curso em parceria e coprodução de David Arty e Ed Francisco.

Aprenda a construir, com menos esforço e tempo, layouts para...

Fluência em HTML

smart_displayInstalação Sublime-text
smart_displayCamadas Web
smart_displayIntrodução HTML
smart_displaySintaxe HTML
smart_displayEstrutura básica: árvore do documento
smart_displayPrincípio 80/20
smart_displayTag - DIV
smart_displayTag h1 e P
smart_displayTag - Span, Strong, Em
smart_displayTag A
smart_displayTag br, ol -ul, li e img
smart_displayNovidades e diferenças ao XHTML
smart_displayPrincipais Tags HTML5

Fluência em CSS2 e CSS3

smart_displayCSS - Introdução
smart_displayCSS - Sintaxe
smart_displayComentários HTML, Vinculando o CSS ao documento
smart_displayBackground-color, Cor Hexadecimal, RGBA, HLS
smart_displayBackground, image, position, repeat e abreviação
smart_displayFont
smart_displayFont e Text
smart_displayMax-width, Max-height, Min-width, Min-height
smart_displaySeletores - 01
smart_displaySeletores - 02
smart_displaySeletores - 03
smart_displayBox Model - 01
smart_displayBox model - 02
smart_displayBox Sizing e Display
smart_displayPositions
smart_displayZ-index
smart_displayFloat
smart_displayClear e Float none
smart_displayOverflow
smart_displayText Shadow
smart_displayBox Shadow
smart_displayBorder-Radius

CSS Flex Box - Módulo 01

smart_display01- Introdução ao Flexbox
smart_display02 - Terminologia
smart_display03 - Display: flex, Display: inline-flex
smart_display04 - flex-direction
smart_display05 - flex-wrap
smart_display06 - justify-content
smart_display07 - align-items
smart_display08 - align-content
smart_display09 - flex-grow
smart_display10 - flex-shrink
smart_display11 - flex-basis (Parte 1)
smart_display12 - flex-basis (Parte 2)
smart_display13 - flex-basis (Parte 3)
smart_display14 - flex-basis (Parte 4)
smart_display15 - flex-basis (Parte 5)
smart_display16 - flex-basis (Parte 6)
smart_display17 - flex-basis (Parte 7)
smart_display18 - flex (Parte 1)
smart_display19 - flex (Parte 2)
smart_display20 - flex (Parte 3)
smart_display21 - order
smart_display22 - align-self

CSS Flex Box - Módulo 02

smart_display01 - Item centralizado
smart_display02 - Layout básico
smart_display03 - Layout de blog
smart_display04- Menu responsivo - Parte 1
smart_display05 - Menu responsivo - Parte 2

CSS Grid Layout - Módulo 01

smart_display01 - Introdução ao CSS Grid Layout
smart_display02 - Terminologia
smart_display03 - Construindo um Grid básico
smart_display04 - Unidades repeat, minmax e fr
smart_display05 - Posicionando elementos [Parte 1]
smart_display06 - Posicionando elementos [Parte 2]
smart_display07 - Posicionando elementos [Parte 3]
smart_display08 - Algoritmo Automatic Placement
smart_display09 - Responsividade
smart_display10 - Alinhamentos row-axis e column-axis
smart_display11 - Alinhamento de Grid

CSS Grid Layout - Módulo 2

smart_display01 - Layout complexo
smart_display02 - Posicionamento avançado com grid áreas - Parte 01
smart_display03 - Posicionamento avançado com grid áreas - Parte 02
smart_display04 - Posicionamento avançado com nomes de Grid Lines
smart_display05 - Layout de blog
smart_displayMenu responsivo - Parte 01
smart_displayMenu responsivo - Parte 02

Criando um site responsivo [LIVE]

smart_displayIntrodução
smart_displayCriando um site responsivo com HTML5 e CSS3 na unha - parte 01
smart_displayCriando um site responsivo com HTML5 e CSS3 na unha - parte 02
smart_displayCriando um site responsivo com HTML5 e CSS3 na unha - parte 03
smart_displayCriando um site responsivo com HTML5 e CSS3 na unha - parte 04
smart_displayCriando um site responsivo com HTML5 e CSS3 na unha - parte 05
smart_displayCriando um site responsivo com HTML5 e CSS3 na unha - parte 06
smart_displayCriando um site responsivo com HTML5 e CSS3 na unha - parte 07
smart_displayCriando um site responsivo com HTML5 e CSS3 na unha - parte 08
smart_displayCriando um site responsivo com HTML5 e CSS3 na unha - parte 09
smart_displayCriando um site responsivo com HTML5 e CSS3 na unha - parte 10
smart_displayCriando um site responsivo com HTML5 e CSS3 na unha - PUBLICANDO O SITE

R$ 39,90

R$ 77,00-48%

Comprar este curso

Este curso inclui:

  • Video aulas: 92
  • Carga horária: 34h39
  • Certificado validado
  • Recursos adicionais

Instrutor(a):

David Arty

5 cursos2200 alunosDavid Arty, Designer, Técnico em multimídia e fundador do blog Chief of Design. Trabalha com Design e interfaces Web desde 2009.