cefet_front_end

Laboratório de Programação Web

Plano de Ensino
por Flávio Coutinho, Daniel Hasan e adaptação por William Sallum

---

TP1: O Assunto X

• 
• 
• 
• 
• 
• 
• 

---

TP2: Aplicação Web

• 
• 
• 
• 
• 
• 
• 
• 
• 

---

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

---

bibliografia

Livro texto sobre HTML e CSS

• 

• 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

• 

• Ler gratui-
  tamente

Título

• Eloquent JavaScript 3^rd edition

Autor

• Marijn Haverbeke

Editora

• No Starch Press

---

Livro texto sobre APIs do HTML5

• 

• 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

---

avaliacao

Avaliação e Distribuição de pontos dos bimestres

• 1^o Bimestre

  • 08 Atividades práticas: 10 pontos
  • 01 Prova: 10 pontos

---

• 2^o Bimestre

  • 05 Atividades práticas: 10 pontos
  • 01 Trabalho TP1: 05 pontos
  • 01 prova: 15 pontos

---

• 3^o Bimestre

  • 08 Atividades práticas: 10 pontos
  • 01 prova: 10 pontos

---

• 4^o Bimestre

  • 04 Atividades práticas: 08 pontos
  • 01 Trabalho TP2: 07 pontos
  • 01 prova final: 15 pontos