CERTIFICADO

- Introdução 

- O que é HTML? 

- O que são tags? 

- Instalação de software 

- Criando o primeiro arquivo HTML 

- Inserindo comentários no código 

- Dividindo com textos - Criando listas 

- Tocando com imagens

- Links do pullando com 

- Divisões 

- Tags semânticas do HTML5 

- O que é CSS? 

- Estrutura CSS 

- Tipos de vinculação 

- Seletores 

- Estilizando textos 

- Estilizando listas 

- Definindo tamanhos 

- Definindo background 

 - Modelo de caixa 

 Módulo 2 - Primeiros passos na programação front-end 

- Introdução 

- Uma teia 

- Como é feito um site? 

- Front-end, back-end e pilha completa 

- Editores de texto 

- Diferenças entre as linguagens 

- Organização de pastas e arquivos 

- HTML

- Linha

- CSS 

- Estilo em Cascata 

- Inspeção de Recurso 

 Módulo 3 – Criação de formulários com HTML5 e CSS3 

- Introdução 

- Meu primeiro formulário 

- Entrada de dados - parte 1 

- Entrada de dados - parte 2 

- Como associar um rótulo a um campo? 

- Campo selecionado 

- Área de texto do campo 

- Criação de Botões 

- Atributos do HTML5 para formulário 

- Porquê estilizar o formulário? 

- Id ou Class? Qual usar? 

- Alterando tamanhos 

- Alterando a fonte 

- Alterando a borda e o fundo 

- Estilizando o botão

Módulo 4 – Criação de tabelas com HTML5 e CSS3 

- Introdução

- Criando células 

- Anatomia para tabelas grandes 

- Mesclando colunas 

- Mesclando linhas 

- Estilizando a tabela - Parte 1 

- Estilizando a tabela - Parte 2 

- Inserindo imagens e links na tabela 

 Módulo 5 - Criação de Navegação com HTML5 e CSS3 

- Introdução 

- Elementos da Navegação 

- Usabilidade da navegação 

- Menu de navegação 

- Menu suspenso 

- Migalhas de pão 

- Botões de chamada 

- Praticar, praticar e praticar 

Módulo 6 - Projeto Mundo Pet: HTML 

- Introdução 

- Dicas: Texto sublime 

- Revisando conceitos básicos de HTML 

- Organização e nomenclatura de pastas e arquivos 

- Criação da estrutura básica 

- Criação do Header 

- Criação das páginas HTML 

- Seção “Banner” 

- Seção “Depoimentos” 

- Seção “Dicas”

- Seção “Newsletter” 

- DESAFIO: Seção “Saiba mais” 

- Seção Produtos 

- DESAFIO: Seção “Serviços” 

- Seção “Contatos” 

- Criando o “Formulário” 

- Inserindo um mapa 

- Inserindo texto 

 Módulo 7 - Projeto Mundo Pet: CSS 

- Introdução 

- Revisando conceitos básicos 

- Baixar e organizar arquivos 

- Criação do CSS 

- Personalizando o Header - Parte 1 

- Personalizando o Header - Parte 2 

- Personalizando o Footer 

- Personalizando o “Banner” 

- Personalizando o “Depoimentos” 

- Personalizando as “Dicas” 

- Personalizando o “Newsletter” 

- DESAFIO: Seção “Saiba mais” 

- Personalizando o “Produtos” - parte 1 

- Personalizando o “Produtos” - parte 2 

- DESAFIO: Seção “Serviços” 

- Personalizando o “Formulário” 

- Personalizando o “Sobre” 

- Praticar, praticar e praticar 

 Módulo 8 

– Primeiros Passos com JavaScript 

- O Básico: O que é JavaScript e DOM

- Entendendo Variáveis no JavaScript 

- Usando Condicionais e Loops no JavaScript 

- JavaScript 

 Módulo 9 – Design Responsivo 

- Introdução 

- O que são media queries? 

- Flexbox (Layout de caixa flexível) 

- Unidade de medida 

- Imagens Responsivas 

- Frameworks responsivos 

- Testes de responsabilidade 

 Módulo 10 - Utilizando o framework bootstrap 

- Introdução 

- Instalação do bootstrap 

- Sistema de grade 

- Componentes 

- Serviços de utilidade pública 

- Bootstrap na prática 

- Personalizando o bootstrap