Programação para Internet I

Nessa disciplina iremos estudar os fundamentos do desenvolvimento web: HTML, CSS e Javascript

Semana 1 – Boas vindas ao curso

Semana 2 – Introdução à disciplina; “Olá mundo” em HTML

Ver PDF 1 e PDF 2

Exemplo inicial em HTML https://github.com/viniciusalveshax/samples/blob/master/html/exemplo010.html

Semana 3 – Apresentação do filme “Os estagiários” sobre o processo de seleção para o Google

O filme “Os estagiários” foi apresentado em aula. Consulte o link abaixo onde você pode (re)vê-lo nas plataformas de streaming

Just Watch: “Os estagiários”

Semana 4 – Tags básicas: p (parágrafo), h1-h6 (títulos) e img (imagens); Vídeo “Uma viagem ao fundo da Internet”

Ver PDF 2

Exemplo de uso das tags p e h1-h6: https://github.com/viniciusalveshax/samples/blob/master/html/exemplo010.html

Material complementar: Vídeo “Uma viagem ao fundo da Internet” (ative as legendas em pt-br se desejar)

Semana 5 – Tag a (links)

Ver PDF 2

Semana 6 – Comentários em HTML; tags br, ul (lista desordenada), ol (lista ordenada) e li (item de lista)

Ver PDF 3

Exemplos de código:

Comentário em HTML https://github.com/viniciusalveshax/samples/blob/master/html/exemplo050-comentario.html

Exemplo de enter https://github.com/viniciusalveshax/samples/blob/master/html/exemplo031-enter.html

Exemplo de espaços múltiplos https://github.com/viniciusalveshax/samples/blob/master/html/exemplo032-espacos-multiplos.html

Exemplo do caracter do espaço e da tag br https://github.com/viniciusalveshax/samples/blob/master/html/exemplo033-enter-e-espacos.html

Lista desordenada https://github.com/viniciusalveshax/samples/blob/master/html/exemplo060-lista-desordenada.html

Lista ordenada https://github.com/viniciusalveshax/samples/blob/master/html/exemplo061-lista-ordenada.html

Semanas 7 e 8 – Revisão e resumo das tags apresentadas

Semana 9

Em função da atividade de Halloween não tivemos conteúdo adicional nessa semana.

Não se esqueçam de que o trabalho de HTML deve ser entregue no dia 9/11.

Semana 10

Vimos as tags para construção de tabelas.

Ver o PDF 4.

Exemplo de tabela com HTML https://github.com/viniciusalveshax/samples/blob/master/html/exemplo070-tabela.html

Exemplo de uso de colspan para mesclar colunas com HTML https://github.com/viniciusalveshax/samples/blob/master/html/exemplo071-tabela-mesclando-colunas.html

Exemplo de uso de rowspan para mesclar linhas https://github.com/viniciusalveshax/samples/blob/master/html/exemplo072-tabela-mesclando-linhas.html

Semana 11

Tags form, input e textarea

Ver o PDF 4.

Exemplo de uso das tags form e das tags input com type (tipo) text, password e submit (respectivamente texto, senha e botão de envio) https://github.com/viniciusalveshax/samples/blob/master/html/exemplo080-form-basico.html

Exemplo de textarea https://github.com/viniciusalveshax/samples/blob/master/html/exemplo081-form-textarea.html

Semana 12

Semana acadêmica

Semana 13

Nessa semana fizemos uma revisão para a prova que faremos no dia 08/12.

Você pode se preparar para a prova fazendo a lista de exercícios 1 (link abaixo):

Lista 1

Semana 14

No dia 08/12 faremos a prova da nossa disciplina valendo 6 pontos. A prova será COM consulta então leve o material (impresso ou digital) que quiser.

Semana 15

Exemplo de radio button: https://github.com/viniciusalveshax/samples/blob/master/html/exemplo082-form-input-radio.html

Exemplo de checkbox: https://github.com/viniciusalveshax/samples/blob/master/html/exemplo083-form-input-checkbox.html

Exemplo de select: https://github.com/viniciusalveshax/samples/blob/master/html/exemplo084-form-select.html

Exemplo de file select: https://github.com/viniciusalveshax/samples/blob/master/html/exemplo085-input-file.html

Semana 16

Introdução à CSS

PDF 5 – Slides 1 à 16

Exemplo de CSS inline – https://github.com/viniciusalveshax/samples/blob/master/html/exemplo090-css-basico.html

Exemplo de CSS interno – https://github.com/viniciusalveshax/samples/blob/master/html/exemplo091-css-basico.html

Exemplo de CSS externo

Arquivo HTML – https://github.com/viniciusalveshax/samples/blob/master/html/exemplo092-css-basico.html

Arquivo CSS – https://github.com/viniciusalveshax/samples/blob/master/html/estilo.css

Semana 17

Conselho de classe

Semanas 18 e 19

Seletores de ID e de classe em CSS

PDF 5 – Slides 17 à 22

Exemplo de uso de seletores de ID e de classe – https://github.com/viniciusalveshax/samples/blob/master/html/exemplo094-seletores.html

Cores em CSS

PDF 6 – Cores em CSS

Exemplo de uso de cores em CSS – https://github.com/viniciusalveshax/samples/blob/master/html/exemplo095-cores.html

Semana 20

PDF 7 – CSS Box Model

Exemplo de Box Model – https://github.com/viniciusalveshax/samples/blob/master/html/exemplo096-box-model.html

Semana 21

Lista de exercícios sobre CSS

---

PDF 1

Conteúdo: Apresentação do curso; Diferença entre Internet e Web; Arquitetura básica de uma Aplicação Web

PDF 2

Conteúdo: Um exemplo de HTML básico; Tags p (parágrafo), h1 à h6 (títulos) e a (links)

PDF 3

Conteúdo: Comentários em HTML; tags br, ul (lista desordenada), ol (lista ordenada) e li (item de lista)

PDF 4

Conteúdo: tags para construção de tabelas (table, tr e td) e para construção de formulários

Lista de exercícios para a prova da primeira etapa

PDF 5

Conteúdo: Introdução à CSS, seletores em CSS

PDF 6

Conteúdo: Cores em CSS

PDF 7

Conteúdo: CSS Box Model

Lista de exercícios CSS – Segunda etapa