Programação Web
por Flávio Coutinho
Plano de EnsinoPlano 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
- Criar páginas HTML com uso de CSS e Javascript
- Desenvolver sistemas web dinâmicos com banco de dados e Node.js
- Fazer trabalhos práticos legais
- 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