Conteudo

Como Funciona a Web?
Introdução a Web
O que são HTML e CSS?
Qual a estrutura de um website?
O que são sites estáticos e dinâmicos?
Apresentação do Projeto
Arquitetura Web
Apresentação do Projeto
Escolhendo um editor de texto
Como funcionam os navegadores

Novas possibilidades com HTML5
Conhecendo a sintaxe
Do HTML ao HTML5
O futuro e o presente da Web com o HTML5
Conhecendo as características da linguagem
Declaração DOCTYPE
Tags head e body
Diferenças entre as versões de HTML
Criando sua primeira página HTML
Novos elementos e atributos do HTML5
Elementos descontinuados na última versão
Criando um markup semântico
Conhecendo elementos de bloco e inline
Criando listas e tabelas
Novos elementos de formulário no HTML5
API de áudio de vídeo
O que tem de novo no HTML5
Boas práticas com HTML
Validando seu documento
Compatibilidade entre navegadores

Estilizando páginas HTML
Características do CSS
Estilos mais comuns
Atributos Class e ID
Unidades de medida
Definindo cores
Formatando textos
CSS Reset
Controlando a flutuação de elementos
Herança e precedência de seletores
Prefixos de identificação de browsers
Modelo de Caixa (Box Model)
O que tem de novo no CSS3
Animações com transições CSS3
Redefinindo os estilos padrão
Importando folhas de estilo
Utilizando fontes personalizadas com @font-face

ABC do JavaScript
Um pouco de história
A importância do JavaScript
Um pouco sobre a sintaxe
Ponto e vírgula: obrigatório ou não?
Definindo comentários e variáveis
Tipos de dados e operadores
Estruturas de controle (Loop, If e Switch)
Funções e Eventos Javascript
Trabalhando com objetos
O que é DOM?
Manipulação de Objetos DOM
Validando Formulários

Bem-vindo ao jQuery
O que são frameworks?
Por que usar jQuery?
Seletores CSS
Métodos de manipulação do DOM
Adicionando e removendo elementos
Animações e Efeitos
Manipulando os elementos de formulários
Modificando os atributos dos elementos
Determinando as dimensões e posicionamento

Mão na massa, criando nossa interface web
Definindo a estrutura do Front-end
Montando nossa primeira interface
Um pouco mais de interatividade

Design responsivo: sua interface em qualquer tela
O que é RWD - Responsive Web Design?
Entendendo Mobile first
Media Queries

Bootstrap o framework para Front-end mais utilizado da atualidade
Conhecendo o Bootstrap e sua estrutura
Grid Systems
Layout fixo e fluido
Trabalhando com colunas
Classe Offset
Tipografia
Trabalhando com formulários
Tipos de botões
Helpers e Componentes

Dicas úteis
Pré-processadores de CSS
Otimização do Front-end
Ferramentas adicionais e sites úteis

Apêndice - LESS (CSS enxuto)
Sobre LESS
Variáveis
Estrutura e herança
Funções de operações e mixins

Apêndice - Publicando sites na web
O que são clouds paas?
Configurando o Git
Enviando seu projeto para o servidor