Sobre o curso

Pacote Web é um nome pequeno para dizer o que este curso significa. Na realidade o seu nome deveria ser Desenvolvimento Web client-side ou Web front-end engineering. O seu foco é estudar os conceitos e tecnologias utilizadas no desenvolvimento da parte da Web que funciona dentro do navegador.

Pré-requisitos: Para o módulo de jQuery e JavaScript é necessário conhecimento mínimo de alguma linguagem de programação. Para os demais módulos só é preciso vontade de aprender.

Ementa

Introdução

1. Contextualização: a história da Web
2. Comunicação cliente-servidor
3. Protocolo HTTP
4. Ambiente desenvolvimento
5. Como funciona o curso?

HTML

1. Contextualização: Semântica
2. Estrutura básica de um documento HTML
3. As diferentes versões do HTML
4. Tags
5. Validação de documentos
6. O básico
   • Tags: html, head, body, h.., p, ul, li, ol, img e a
   • Projeto: Currículo
7. Formulários
   • Tags: form, fieldset, input, label, textarea, button
   • Projeto: Formulário de cadastro

CSS

1. Contextualização: estilo
2. Formas de inclusão de folhas de estilo
3. As diferentes versões do CSS
4. Ferramentas de desenvolvimento: FireBug, MeasureIt
5. O básico
   • Propriedades: font, line-height, color, margin, padding, text-decoration, list-style
   • Projeto: Estilizando o currículo
6. Menus
   • Propriedades: margin, padding, list-style, display, float
   • Projeto: Menu do Google
7. Formulários:
   • Propriedades: display, float, list-style, margin, padding, border, width, background
   • Projeto: Estilizando o formulário de cadastro
8. Layout:
   • Propriedades: float, display, clear
   • Projeto 1: Corporation Corp.

JavaScript com jQuery

1. Contextualização: comportamento
2. O DOM
3. O básico
   • Variáveis
   • Controle de fluxo
   • Objetos e funções
4. Introdução ao jQuery
5. Funções úteis
6. O básico:
   • Conceitos: Seletores
7. Traversing
   • Funções: .each, .is, .parent, .prev, .next
8. Execução e efeitos
   • Conceitos: ordem de execução
   • Funções: .slideToggle, .fadeOut, .fadeIn, .hide, .show
   • Projeto: Cabeçalho interativo
9. Eventos e callbacks
   • Conceitos: eventos e callbacks
   • Funções: .hover, .click, .toggle
10. Introdução ao AJAX com jQuery
    • Conceitos: ciclo requisição-resposta e JSON
    • Funções: .get, .post, .getJSON