Git Product home page Git Product logo

cefet-web's Introduction

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

  • .
  • .
  • .
  • .
  • .

:::

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

Autores ~ Eric Freeman, Elisabeth Robson

Editora ~ Alta Books, 2015


Livro texto sobre JavaScript

::: figure .book

  • .
  • .
  • .
  • .
  • .

:::

Título ~ Eloquent JavaScript, Third Edition

Autores ~ Marijn Haverbeke

Editora ~ No Starch Press, 2018


Livro texto da parte 2

::: figure .book

  • .
  • .
  • .
  • .
  • .

:::

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


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

cefet-web's People

Contributors

fegemo avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.