Laboratório de Programação Web

Plano de Ensino
por Flávio Coutinho e Daniel Hasan

---

TP1: O Assunto X

::: gallery .fish-eye

• 
• 
• 
• 
• 
• 
• 
• :::

---

TP2: Aplicação Web

::: gallery .fish-eye

• 
• 
• 
• 
• 
• 
• 
• 
• :::

---

Plano de Ensino

Sumário do conteúdo

Slides ~ Conteúdo das aulas em slides

Ementa ~ Objetivo e a descrição da matéria

Bibliografia ~ Livros e materiais básicos e complementares

Avaliação ~ O formato e os itens de distribuição dos pontos

---

Aulas (1/3)

🐑 Intro ~ Introdução à Programação Web e as Ovelhas

🦖 HTML1 ~ Plantas Carnívoras, Ingredientes do HTML (tags) e Temperando com CSS

🏯 HTML2 ~ Coding Dojo, Mais tags HTML e Entendendo regras CSS

👑 HTML3 ~ Tabelas, Tesouros e Piratas

🐝 CSS1 ~ Seletores de classe, Flutuação e Abelhas

🥷 CSS2 ~ História, a Cascata e outros Seletores, Ferramentas e Ninjas

🗒️ HTML4 ~ Div/Span, Box Model, Float e Desafios

🦄 CSS3 ~ Fontes, Multimídia e Unicórnios

---

Aulas (2/3)

🐸🥕 CSS4 ~ Display, Flexbox, Grid e Sapos no Jardim

👻 HTML5 ~ Divitite e as Tags Semânticas Especificidade, pseudo-coisas e Assombrações

👻👻 CSS5 ~ Posicionamento e mais Assombrações

🤖 JS0 ~ Introdução a JavaScript

📈 JS1 ~ Inclusão, Mais tipos de dados, Clicando em botões e Resolvendo equações

👽 JS2 ~ Template strings, Função seta, Alterando o DOM e Exploração Espacial

📸 JS3 ~ História, Estilizando elementos, Eventos de mouse, Depurando e o PhotoSnap

---

Aulas (3/3)

💄 HTML6 ~ Elementos de dados e o AvatarCreator

🐶🐱 CSS6 ~ Transições, Animações e os Animais

📓 JS4 ~ Usando objetos, Criando elementos HMTL e a Lista de Tarefas

📓📓 JS5 ~ Web Storage, JSON e a Lista de Tarefas x2

📸📸 JS6 ~ Bibliotecas, jQuery e o PhotoSnap x2

🏪 CSS7 ~ Responsive Web Design e a Super Loja

👑👑 PHP1 ~ Apache, PHP, MySQL e os Tesouros Dinâmicos

🌠 JS7 ~ Ajax e as Guerras Estelares

---

Ementa

Objetivos

1. Criar páginas web estáticas com HTML, CSS e JavaScript
2. Criar páginas seguindo requisitos de layout diversos
3. Criar páginas web interativas usando JavaScript
4. Integrar páginas web estáticas com servidores via AJAX
5. Tornar-se um ninja Javascript

---

Livro texto sobre HTML e CSS

::: figure .book

• 
• .

• .
• Sobre
• .
• .
• .

• .
• .

• .
• .

:::

Título ~ Use a Cabeça HTML e CSS, 2ª edição (traduzida)

Autores ~ Elisabeth Robson, Eric Freeman

Editora ~ O'Reilly Media, 2015 (tradução)

---

Livro texto sobre JavaScript

::: figure .book

• 
• .

• .
• Ler gratui-
  tamente
• .
• .
• .

• .
• .

• .
• .

:::

Título ~ Eloquent JavaScript 3^rd edition

Autor ~ Marijn Haverbeke

Editora ~ No Starch Press

---

Livro texto sobre APIs do HTML5

::: figure .book

• 
• .

• .
• Sobre
• .
• .
• .

• .
• .

• .
• .

:::

Título ~ Use a Cabeça: Programação em HTML5, 1ª edição

Autor ~ Eric Freeman

Editora ~ O'Reilly Media, 2014 (tradução)

---

Bibliografia Complementar

---

Mergulhe no HTML5

• Online, gratuito

---

JavaScript: The Good Parts

• Título JavaScript, the Good Parts, First Edition
• Autor Douglas Crockford
• Editora O'Reilly Media, 2008

---

Avaliação

Distribuição de pontos (aproximada) por bimestre

• ~08 Atividades práticas: 80% da nota
• 01 Prova: 20% pontos