Formação do Professor

Interesses do Professor

Contatos do Professor

Sobre o Professor

Ementa

Objetivo Geral

Objetivos Específicos

Conteúdo Programático

Calendário

Metodologia

Considerações Gerais

Apresentação da Disciplina

Apresenta o professor e o roteiro da disciplina para o semestre

Aula 00

O início da Web

Evolução da Web

Modelo Cliente/Servidor

Protocolo HTTP

Arquitetura da Web

Frontend vs Backend

Estrutura de uma página Web

Triforce da Web

Desenvolvimento Web 2021

Programação para a Web

Ferramentas de Desenvolvimento

Principais Navegadores

Inspector

Links Úteis

Ferramentas para o Desenvolvedor

Olá Mundo!

Mão na Massa

Edite a página

Estilize a página

Exercícios Complementares

Uma visão geral do modelo cliente-servidor e das tecnologias que compõe a web

Aula 01

Exemplo de Documento

Estrutura em Árvore

Estrutura de um Elemento

Elementos Vazio

Estrutura do HTML

Elementos Textuais

Hiperlinks

Imagem e Vídeo

Elementos Básicos

Boas Práticas

Caminhos e Links

Organização de Projeto

Página Simples

Crie uma página Wiki

Caminhos

Hiperbagunça

Midias Embutidas

Aborda os princiais recursos do HTML como linguagem de marcação e suas estruturas 

Aula 02

Secões Básicas

Planejando um Documento HTML

Estruturando a Página

Principais Elementos

Elementos Não-Semanticos

Elementos Semânticos

Metadados no HTML

Elemento Title

Elemento Meta

Elemento Link

Elemento Script

Metadados

Palavras-Chave

Listas Descritivas

Atributo Title

Descritores

Corrigindo Semântica

Sentido

Brainstorm

Apresenta os elementos HTML responsáveis por definir a semântica de um documento

Aula 03

Formulários na Web

Estrutura Básica

Tipos de Elementos

Atributos Comuns

Formulários

Linha/Texto

Caixas de Seleção

Caixas de Opção

Controle Deslizante

Data e Hora

Seleção de Cor

Seleção de Arquivo

Multi-linha

Listas Suspensas

Auto Preenchimento

Campo Escondido

Elementos

Enviando Formulário

GET e POST

Validação e Submissão

Login

Cadastro de Super-Herois

Formulário RPG

Pesquisa de Cidade

Apresenta os elementos para criação de entradas para o usuário no HTML

Aula 04

Atributos Globais no HTML

Identificadores (ID)

Navegação por Âncoras

Class

Style

Atributos Globais

Estrutura do CSS

Propriedades Comuns

Fontes de Estudo

Folha de Estilos

Seletores de Elemento

Seletores de Classe

Seletores de ID

Seletores de Atributo

Seletores Compostos

Pseudo-seletores

Regras de Precedência

Seletores

Criando Índice

Estilo Guiado

Estilizando Notícias

Apresenta os elementos introdutórios para a estilização de documentos HTML

Aula 05

Caixa CSS

Block

Inline

Inline-Block

Margin

Padding

Border

Float

Position

Overflow

Modelo caixa

Tabela de Unidades

Background

Imagem

Outras Propriedades

Outros tópicos

Layout CSS

Carteirinha

Apresenta elementos para a estilização do layout com CSS

Aula 06

Layout Responsivo

Media Queries

Responsividade

Flexbox Module

Sintaxe

Atributos Pai

Atributos Filho

Exemplos

Flexbox

Tchuiter Responsivo

Alinhamento CSS

Navbar Responsiva

Flexobox Noticias

Apresenta recursos que facilitam a responsividade de interfaces web usando CSS

Aula 07

Pseudo-seletores Especiais

Variáveis

Recursos Especiais

Transições

Adicionando nova classe

Animações

Transição de Login

Carregamento Animado

Pseudo Elementos

Formulário Animado

Aula 08

Especificações

Caracteristicas

JS em 2021

Javascript Vs Java

Como vai o Javascript?

Comentários

Tipos de Dados

Operadores

Estruturas de Decisão

Estruturas de Repetição

Funções

Callbacks

setTimeout

setInterval

Fundamentos da Linguagem

Vinculando Javascript

Console

Query Selector

HTML Element

Eventos

Javascript no Navegador

Prompt Idade

Calculadora de Séries

Botão Spam

Lista F1

Bug Tracker

Uma introdução à sintaxe e estruturas básicas da linguagem javascript nos navegadores

Aula 09

HTMLElement

Recuperando um Elemento

Operações no DOM

Uma visão geral do modelo objeto-documento (DOM) e suas formas de manipulação com javascript

Aula 10

Programação para Web I

Prof. Ramon Venson

Aulas