Programação para Internet II

Nesse disciplina iremos estudar alguns temas que não foi possível ver em Programação para Internet I e também iremos ver a linguagem de programação PHP

Semanas

Semana 1 – Introdução à disciplina; Elementos HTML de bloco e elementos inline

Apresentação do plano de ensino

PDF 1

Exemplo mostrando diferença entre elemento do tipo block e elemento inline – https://github.com/viniciusalveshax/samples/blob/master/html/exemplo097-elemento-block-inline.html

Semana 2 – Propriedades CSS: position e z-index

PDF 2

Exemplo mostrando position relative – https://github.com/viniciusalveshax/samples/blob/master/html/exemplo098-position-relative.html

Exemplo mostrando position fixed – https://github.com/viniciusalveshax/samples/blob/master/html/exemplo099-position-fixed.html

Exemplo mostrando position absolute – https://github.com/viniciusalveshax/samples/blob/master/html/exemplo100-position-absolute.html

Semana 3 – Propriedades do CSS: float; Estilização de listas com CSS

PDF 2

PDF 3

Semana 4 – CSS Flexgrid

PDF 4

Exemplo 1 de CSS Grid https://github.com/viniciusalveshax/samples/blob/master/html/exemplo120.html

Exemplo 2 de CSS Grid https://github.com/viniciusalveshax/samples/blob/master/html/exemplo121.html

Exemplo de Flex Grid https://github.com/viniciusalveshax/samples/blob/master/html/exemplo125.html

Semana 5 – Exercício sobre CSS: Refazer o site do IFSul

Semana 6 – Aula destinada a começar o trabalho avaliativo sobre CSS

Data de entrega: 31/outubro 13/novembro.

Semana 7 – Introdução à Javascript e exercícios sobre CSS

PDF 5

Exemplo de alert – https://github.com/viniciusalveshax/samples/blob/master/javascript/exemplo010-alert.html

Exemplo de console.log – https://github.com/viniciusalveshax/samples/blob/master/javascript/exemplo011-console.log.html

Exemplo de document.write – https://github.com/viniciusalveshax/samples/blob/master/javascript/exemplo012-write.html

Exemplo de prompt – https://github.com/viniciusalveshax/samples/blob/master/javascript/exemplo015-prompt.html

Exemplo 1 de onclick – https://github.com/viniciusalveshax/samples/blob/master/javascript/exemplo020-onclick.html

Exemplo 2 de onclick – https://github.com/viniciusalveshax/samples/blob/master/javascript/exemplo021-onclick.html

Exemplo de onmouseover e onmouseout – https://github.com/viniciusalveshax/samples/blob/master/javascript/exemplo022-onmouseover.html

Semanas 8 e 9 – Pegando o valor de um elemento HTML

PDF 6

Exemplo de getElementById – https://github.com/viniciusalveshax/samples/blob/master/javascript/exemplo025-getElementById.html

Diferença entre innerHTML e textContent – https://github.com/viniciusalveshax/samples/blob/master/javascript/exemplo026-getElementById2.html

Pegando valor de um elemento input – https://github.com/viniciusalveshax/samples/blob/master/javascript/exemplo027-input-multiplos.html

Semana 10

PDF 6

Alterando o conteúdo HTML usando Javascript https://github.com/viniciusalveshax/samples/blob/master/javascript/exemplo030-altera-inner.html

Alterando uma propriedade de uma tag https://github.com/viniciusalveshax/samples/blob/master/javascript/exemplo031-altera-propriedade.html

Alterando o estilo de uma tag https://github.com/viniciusalveshax/samples/blob/master/javascript/exemplo032-altera-estilo.html

Semana 11

Estruturas de seleção e repetição em Javascript – If e For

Exemplo de If https://github.com/viniciusalveshax/samples/blob/master/javascript/exemplo041-if-triangulos.html

Exemplo de for https://github.com/viniciusalveshax/samples/blob/master/javascript/exemplo051-for.html

Semana 12

Semana Acadêmica

Semana 13

Revisão para a prova

Resumo de Javascript

Lista de exercícios

A prova será realizada no dia 16/12 e englobará os conteúdos das semanas 7 à 11.


PDF 1

Conteúdo: Internet X Web; Arquitetura de uma aplicação web; Avaliação da disciplina

PDF 2

Conteúdo: Elementos de bloco X elementos de linha; CSS: Propriedades Position e z-index; Centralizando elementos na página; CSS: Propriedade float;

PDF 3

Conteúdo: Estilizando listas em CSS; Transparência com CSS

PDF 4

Conteúdo: CSS Grids

PDF 5

PDF 6

Plano de ensino

Lista de exercícios de Javascript