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

Semanas 13 e 14

Revisão para a prova

Resumo de Javascript

Lista de exercícios

Resposta dos exercícios da lista

Exercício 1: https://github.com/viniciusalveshax/samples/blob/master/javascript/exercicio-1.html

Exercício 2: https://github.com/viniciusalveshax/samples/blob/master/javascript/exercicio-2.html

Exercício 3: https://github.com/viniciusalveshax/samples/blob/master/javascript/exercicio-3-calculadora.html

Exercício 4: https://github.com/viniciusalveshax/samples/blob/master/javascript/exercicio-4-troca-cor.html

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

Semanas 15 e 16

Aplicação da prova (semana 15) e apresentação dos resultados da mesma (semana 16)

Semanas 17 e 18

Introdução à linguagem PHP

PDF 7

Semanas 20 e 21

Resumo de PHP

Lista de exercícios de PHP

Semana 22

Formulários web e sua interação com PHP

ENSM: software em PHP que exemplifica o uso de formulários web com PHP
https://github.com/viniciusalveshax/ensm

Semana 23

Conexão ao banco de dados com PostgreSQL e PHP-PDO

Link com exemplos: https://github.com/viniciusalveshax/samples/tree/master/php/pdo-pgsql

---

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

PDF 7

Conteúdo: Revisão sobre desenvolvimento web; Introdução à linguagem PHP; Instalando o PHP no Windows; Rodando o PHP no Windows e no Linux.

Plano de ensino

Resumo de PHP

Lista de exercícios de Javascript

Lista de exercícios de PHP

Resposta da lista de exercícios sobre PHP