Programação para Internet I (2023)

Aula 1 – Introdução ao curso

PDF 0 – Disciplinas do curso

Aula 2 – Introdução à disciplina

PDF 1 – Introdução à disciplina

Vídeo: Como os processadores são feitos

Vídeo: Como são feitos os cabos submarinos?

Aula 3 – Formatos de arquivos

PDF 2 – Formatos de arquivos

Aula 4 – Introdução ao HTML

PDF 3 – HTML – Introdução e tags p

Aula 5 – Tags h1 até h6

PDF 3 – HTML – Tags h1 até h6

Exemplo HTML com as tags p e h1-h6

Aula 6 – Tags a e img

PDF 3 – HTML – Tag a

Exemplo HTML de link interno

Exemplo HTML de link externo

Exemplo tag br e espaços múltiplos

PDF 4 – HTML – Tag img

Exemplo da tag img

Aulas 7 e 8 – Aulas de exercícios

Lista de exercícios 1 (ver abaixo)

Resposta da lista 1

Lista de exercícios 2 (ver abaixo)

Lista de exercícios 2 com respostas (ver abaixo)

Aula 9 – Tags de listas

PDF 4 – HTML – Tags de listas

Exemplo de lista desordenada

Exemplo de lista ordenada

Aula 10 – Tags de tabelas e revisão para prova

PDF 5 – HTML – Tags de tabelas

Exemplo básico de tabelas

Exemplo de tabelas – Mesclando colunas

Exemplo de tabelas – Mesclando linhas

Aula 11 – Prova

Aulas 12 e 13 – Tags de formulário

PDF 5 – HTML – Tags de formulário

Exemplo de formulário básico

Exemplo de text area

Exemplo de input radio

Exemplo de input checkbox

Exemplo de select box

Exemplo de input file

Aula 14 – Introdução a CSS

PDF 6 – CSS – Introdução à CSS

Exemplo de CSS inline

Exemplo de CSS interno

Exemplo de CSS externo

Aula 15 – Cores em CSS

PDF 7 – Cores em CSS

Exemplo de aplicação de cores em CSS

Aulas 16 e 17 – Exercícios

Lista de exercícios 3

Resolução do exercício 2 da lista

Resolução do exercício 3 da lista

Aula 18

PDF 8 – CSS Box Model

Aula 19

Prova

Aula 20 e 21

Seletores em CSS (slides 17 à 21 do PDF 6)

Aula 22

Posicionamento com CSS: fixed e relative (slides 1 à 11 do PDF 10)

Aula 23

Semana acadêmica

Aula 24

Continuação de posicionamento (slides 12 à 16 do PDF 10 e PDF 9)

Aula 25

CSS Grid (PDF 11)

Aula 26

Começando com Javascript;

PDF 12 (Slides 1 à 7)

Exemplo: Mostrando uma mensagem na tela com Javascript

Escrevendo no console

Escrevendo no HTML

Lendo o teclado

Aula 27

Eventos em Javascript; Pegando valores da página com Javascript

Eventos: PDF 12 (Slides 8 até o final)

Exemplo de evento onclick

Exemplo de evento onmouseover

Lendo valor: PDF 13 (Slides 1 até 7)

Exemplo de getElementById

Mostrando a diferença de uso entre innerHTML e textContent

Pegando o valor de um input text

Aula 28

Alterando a página com Javascript

PDF 13 (Slide 8 até o final)

Alterando o innerHTML

Alterando a propriedade de uma tag

Alterando estilo usando Javascript (não será cobrado na prova)

Aula 29

Revisão – Ver lista de exercícios 4

Resoluções da lista de exercícios

Aula 30

Prova

---

PDF 0 – Disciplinas do curso

PDF 1 – Introdução à disciplina

PDF 2 – Formatos de arquivos

PDF 3 – HTML – Introdução, tags p, h1-h6 e a

PDF 4 – HTML 2 – Tag img, br, espaços múltiplos, comentários e listas

PDF 5 – Tags de tabelas e formulários

PDF 6 – Introdução à CSS

PDF 7 – Cores em CSS

PDF 8 – CSS Modelo da Caixa

PDF 9

Outras propriedades do CSS

PDF 10

Posicionamento com CSS

PDF 11

CSS Grid e CSS Flex

PDF 12

Introdução à Javascript; Leitura do teclado

PDF 13

Obtendo valores do HTML com JS; Alterando o HTML com JS; Alterando propriedades e estilo das tags com HTML

Lista de exercícios 1

Lista de exercícios 2

Lista de exercícios 2 com respostas

Lista de exercícios 3 – Tabelas, listas, formulários e CSS básico

Lista de exercícios 4 – Javascript