Programação Web

Plano de Ensino
por Flávio Coutinho

---

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 ~ História e introdução à programação Web

HTML1 ~ Funcionamento da Web, Estrutura do HTML e CSS

HTML2 ~ Listas, inline/block, Tabelas, Links e Plantas Carnívoras 🦖

HTML3 ~ Ferramentas, Metadados, Multimídia e DIV/SPAN

CSS 1 ~ Reaproveitamento, História, Seletores float/clear e Abelhas 🐝

CSS 2 ~ Especificidade de seletores, prop. display, posicionamento

HTML4 ~ Tags semânticas, pseudocoisas, entrada/botões, o Box Model e Assombrações 👻

JS 1 ~ História, sintaxe básica (tipos, variáveis, funções)

JS 2 ~ DOM, alteração de atributo, eventos e a Exploração Espacial 👽

---

Aulas (2/3)

CSS 3 ~ Flexbox, grid, visibilidade, web fonts

CSS 4 ~ Layout, custom properties e o Coral 55 🌴

JS 3 ~ Template strings, objetos, prototype, função seta

JS 4 ~ Estilos, campos de entrada, eventos de mouse e o 📷 PhotoSnap

JS 5 ~ Classes, nulos e indefinidos, rest/spread, functional

JS 6 ~ Formulários e validação, criação dinâmica de elementos HTML, 📓 Lista de Tarefas

JS 7 ~ Destructuring, módulos, promessas, async/await

JS 8 ~ JSON, Web Storage, Ajax e 🌠 Guerras Estelares

---

Aulas (3/3)

SS 1 ~ Arquiteturas, Servidores Web, Apache e Node.js

SS 2 ~ NPM, módulos e learnyounode 🖥️

SS 3 ~ Renderização de HTML no servidor (ejs, pug, handlebars)

SS 4 ~ HTML Dinâmico e o Geiser 🎮

SS 5 ~ Cookies, sessão, autenticação e autorização

SS 6 ~ Bancos de dados, envio de formulários e Zumbis 🧟

CSS 5 ~ Animações e Edukids Animals 🐶

CSS 6 ~ Responsive Design

---

Ementa

Objetivos

1. Criar páginas HTML com uso de CSS e Javascript
2. Desenvolver sistemas web dinâmicos com banco de dados e Node.js
3. Fazer trabalhos práticos legais
4. Tornar-se um ninja Javascript

---

Bibliografia

Os textos e materiais que vamos usar

Veja a bibliografia básica e a complementar.

---

Livro texto da parte 1

::: figure .book

• 
• .

• .
• Sobre
• .
• .
• .

• .
• .

• .
• .

:::

Título ~ Use a Cabeça! HTML e CSS

Autores ~ Eric Freeman, Elisabeth Robson

Editora ~ Alta Books, 2015

---

Livro texto sobre JavaScript

::: figure .book

• 
• .

• .
• Ler de graça
• .
• .
• .

• .
• .

• .
• .

:::

Título ~ Eloquent JavaScript, Third Edition

Autores ~ Marijn Haverbeke

Editora ~ No Starch Press, 2018

---

Livro texto da parte 2

::: figure .book

• 
• .

• .
• Sobre
• .
• .
• .

• .
• .

• .
• .

:::

Título ~ Node.js in Action, First Edition

Autores ~ Mike Cantelon, Marc Harter, T.J. Holowaychuk, Nathan Rajlich

Editora ~ Manning

---

Bibliografia Complementar

---

Dive into HTML5

• Online, gratuito

---

Use a Cabeça! Programação JavaScript

• Título Use a Cabeça! Programação JavaScript
• Autores Eric Freeman, Elisabeth Robson
• Editora Alta Books, 2016

---

Avaliação

Distribuição de pontos

• 12 Práticas
• TP0: Git
• Projeto

---

Distribuição de pontos

• TP0: Git (4 pontos)
• Atividades Práticas (44 pontos)
• Projeto
  • Entrega 1: (6 pontos)
  • Entrega 2: (12 pontos)
  • Entrega 3: (30 pontos)

*[TBD]: to be defined