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_display | Instalação Sublime-text | |
| smart_display | Camadas Web | |
| smart_display | Introdução HTML | |
| smart_display | Sintaxe HTML | |
| smart_display | Estrutura básica: árvore do documento | |
| smart_display | Princípio 80/20 | |
| smart_display | Tag - DIV | |
| smart_display | Tag h1 e P | |
| smart_display | Tag - Span, Strong, Em | |
| smart_display | Tag A | |
| smart_display | Tag br, ol -ul, li e img | |
| smart_display | Novidades e diferenças ao XHTML | |
| smart_display | Principais Tags HTML5 |
Fluência em CSS2 e CSS3
| smart_display | CSS - Introdução | |
| smart_display | CSS - Sintaxe | |
| smart_display | Comentários HTML, Vinculando o CSS ao documento | |
| smart_display | Background-color, Cor Hexadecimal, RGBA, HLS | |
| smart_display | Background, image, position, repeat e abreviação | |
| smart_display | Font | |
| smart_display | Font e Text | |
| smart_display | Max-width, Max-height, Min-width, Min-height | |
| smart_display | Seletores - 01 | |
| smart_display | Seletores - 02 | |
| smart_display | Seletores - 03 | |
| smart_display | Box Model - 01 | |
| smart_display | Box model - 02 | |
| smart_display | Box Sizing e Display | |
| smart_display | Positions | |
| smart_display | Z-index | |
| smart_display | Float | |
| smart_display | Clear e Float none | |
| smart_display | Overflow | |
| smart_display | Text Shadow | |
| smart_display | Box Shadow | |
| smart_display | Border-Radius |
CSS Flex Box - Módulo 01
| smart_display | 01- Introdução ao Flexbox | |
| smart_display | 02 - Terminologia | |
| smart_display | 03 - Display: flex, Display: inline-flex | |
| smart_display | 04 - flex-direction | |
| smart_display | 05 - flex-wrap | |
| smart_display | 06 - justify-content | |
| smart_display | 07 - align-items | |
| smart_display | 08 - align-content | |
| smart_display | 09 - flex-grow | |
| smart_display | 10 - flex-shrink | |
| smart_display | 11 - flex-basis (Parte 1) | |
| smart_display | 12 - flex-basis (Parte 2) | |
| smart_display | 13 - flex-basis (Parte 3) | |
| smart_display | 14 - flex-basis (Parte 4) | |
| smart_display | 15 - flex-basis (Parte 5) | |
| smart_display | 16 - flex-basis (Parte 6) | |
| smart_display | 17 - flex-basis (Parte 7) | |
| smart_display | 18 - flex (Parte 1) | |
| smart_display | 19 - flex (Parte 2) | |
| smart_display | 20 - flex (Parte 3) | |
| smart_display | 21 - order | |
| smart_display | 22 - align-self |
CSS Flex Box - Módulo 02
| smart_display | 01 - Item centralizado | |
| smart_display | 02 - Layout básico | |
| smart_display | 03 - Layout de blog | |
| smart_display | 04- Menu responsivo - Parte 1 | |
| smart_display | 05 - Menu responsivo - Parte 2 |
CSS Grid Layout - Módulo 01
| smart_display | 01 - Introdução ao CSS Grid Layout | |
| smart_display | 02 - Terminologia | |
| smart_display | 03 - Construindo um Grid básico | |
| smart_display | 04 - Unidades repeat, minmax e fr | |
| smart_display | 05 - Posicionando elementos [Parte 1] | |
| smart_display | 06 - Posicionando elementos [Parte 2] | |
| smart_display | 07 - Posicionando elementos [Parte 3] | |
| smart_display | 08 - Algoritmo Automatic Placement | |
| smart_display | 09 - Responsividade | |
| smart_display | 10 - Alinhamentos row-axis e column-axis | |
| smart_display | 11 - Alinhamento de Grid |
CSS Grid Layout - Módulo 2
| smart_display | 01 - Layout complexo | |
| smart_display | 02 - Posicionamento avançado com grid áreas - Parte 01 | |
| smart_display | 03 - Posicionamento avançado com grid áreas - Parte 02 | |
| smart_display | 04 - Posicionamento avançado com nomes de Grid Lines | |
| smart_display | 05 - Layout de blog | |
| smart_display | Menu responsivo - Parte 01 | |
| smart_display | Menu responsivo - Parte 02 |
Criando um site responsivo [LIVE]
| smart_display | Introdução | |
| smart_display | Criando um site responsivo com HTML5 e CSS3 na unha - parte 01 | |
| smart_display | Criando um site responsivo com HTML5 e CSS3 na unha - parte 02 | |
| smart_display | Criando um site responsivo com HTML5 e CSS3 na unha - parte 03 | |
| smart_display | Criando um site responsivo com HTML5 e CSS3 na unha - parte 04 | |
| smart_display | Criando um site responsivo com HTML5 e CSS3 na unha - parte 05 | |
| smart_display | Criando um site responsivo com HTML5 e CSS3 na unha - parte 06 | |
| smart_display | Criando um site responsivo com HTML5 e CSS3 na unha - parte 07 | |
| smart_display | Criando um site responsivo com HTML5 e CSS3 na unha - parte 08 | |
| smart_display | Criando um site responsivo com HTML5 e CSS3 na unha - parte 09 | |
| smart_display | Criando um site responsivo com HTML5 e CSS3 na unha - parte 10 | |
| smart_display | Criando um site responsivo com HTML5 e CSS3 na unha - PUBLICANDO O SITE |
Este curso inclui:
- Video aulas: 92
- Carga horária: 34h39
- Certificado validado
- Recursos adicionais
Instrutor(a):
David Arty
5 cursos2252 alunosDavid Arty, Designer, Técnico em multimídia e fundador do blog Chief of Design. Trabalha com Design e interfaces Web desde 2009.