programação para internet i - diemesleno.com.br · aula 04 prof. diemesleno souza carvalho ... ou...

23
Programação para Internet I Aula 04 Prof. Diemesleno Souza Carvalho [email protected] http://www.diemesleno.com.br

Upload: nguyenliem

Post on 09-Dec-2018

217 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Programação para Internet I - diemesleno.com.br · Aula 04 Prof. Diemesleno Souza Carvalho ... ou Linguagem de Marcação de Hipertexto, ... Sua versão 1.0 foi lançada em março

Programação para Internet IAula 04 Prof. Diemesleno Souza Carvalho

[email protected]://www.diemesleno.com.br

Page 2: Programação para Internet I - diemesleno.com.br · Aula 04 Prof. Diemesleno Souza Carvalho ... ou Linguagem de Marcação de Hipertexto, ... Sua versão 1.0 foi lançada em março

Na aula passada vimos...

Page 3: Programação para Internet I - diemesleno.com.br · Aula 04 Prof. Diemesleno Souza Carvalho ... ou Linguagem de Marcação de Hipertexto, ... Sua versão 1.0 foi lançada em março

Na aula passada vimos...

Unidade I- Conceitos básicos sobre Redes de Computadores e Internet;- Protocolos HTTP e HTTPS, FTP, SFTP e SSH;- Conceitos básicos de Servidores Web.

Page 4: Programação para Internet I - diemesleno.com.br · Aula 04 Prof. Diemesleno Souza Carvalho ... ou Linguagem de Marcação de Hipertexto, ... Sua versão 1.0 foi lançada em março

Na aula de hoje veremos...

Page 5: Programação para Internet I - diemesleno.com.br · Aula 04 Prof. Diemesleno Souza Carvalho ... ou Linguagem de Marcação de Hipertexto, ... Sua versão 1.0 foi lançada em março

Na aula de hoje veremos...

Unidade II- Linguagens de programação estáticas;- HTML5 - Criação de páginas de hipertexto estáticas;- CSS3 - Criação de estilos a serem aplicados nos documentos de hipertexto;- JavaScript: Criação de scripts para páginas de hipertexto.

Page 6: Programação para Internet I - diemesleno.com.br · Aula 04 Prof. Diemesleno Souza Carvalho ... ou Linguagem de Marcação de Hipertexto, ... Sua versão 1.0 foi lançada em março

Linguagens de programação estáticas

Page 7: Programação para Internet I - diemesleno.com.br · Aula 04 Prof. Diemesleno Souza Carvalho ... ou Linguagem de Marcação de Hipertexto, ... Sua versão 1.0 foi lançada em março

Linguagens de programação estáticas

Linguagens de programação (ou de marcação) que possui as seguintes características:

a) Não são processadas por um servidor HTTP;

b) São interpretadas e renderizadas por um cliente HTTP;

c) Por serem estáticas e não dinâmicas, não mudam (com frequência);

Page 8: Programação para Internet I - diemesleno.com.br · Aula 04 Prof. Diemesleno Souza Carvalho ... ou Linguagem de Marcação de Hipertexto, ... Sua versão 1.0 foi lançada em março

Linguagens de programação estáticas

Linguagens de programação (ou de marcação) que possui as seguintes características:

a) Não são processadas por um servidor HTTP;

b) São interpretadas e renderizadas por um cliente HTTP;

c) Por serem estáticas e não dinâmicas, não mudam (com frequência);

Page 9: Programação para Internet I - diemesleno.com.br · Aula 04 Prof. Diemesleno Souza Carvalho ... ou Linguagem de Marcação de Hipertexto, ... Sua versão 1.0 foi lançada em março

Linguagens de programação estáticas

Linguagens de programação (ou de marcação) que possui as seguintes características:

a) Não são processadas por um servidor HTTP;

b) São interpretadas e renderizadas por um cliente HTTP;

c) Por serem estáticas e não dinâmicas, não mudam (com frequência);

Page 10: Programação para Internet I - diemesleno.com.br · Aula 04 Prof. Diemesleno Souza Carvalho ... ou Linguagem de Marcação de Hipertexto, ... Sua versão 1.0 foi lançada em março

Linguagens de programação estáticas

HTML

Page 11: Programação para Internet I - diemesleno.com.br · Aula 04 Prof. Diemesleno Souza Carvalho ... ou Linguagem de Marcação de Hipertexto, ... Sua versão 1.0 foi lançada em março

Linguagens de programação estáticas

HTML

Hypertext Markup Language, ou Linguagem de Marcação de Hipertexto, é uma linguagem de marcaçãoutilizada na construção de páginas Web.

Documentos escritos em HTML podem ser interpretados por navegadores web.

Criada por Tim Berners-Lee*, a primeira versão foi publicada em 1993.

Atualmente está na versão 5.

* Físico britânico.

https://www.w3.org

Page 12: Programação para Internet I - diemesleno.com.br · Aula 04 Prof. Diemesleno Souza Carvalho ... ou Linguagem de Marcação de Hipertexto, ... Sua versão 1.0 foi lançada em março

Linguagens de programação estáticas

HTML

Com HTML 5 vários recursos novos foram adicionados ao HTML, permitindo por exemplo tocar um áudio mesmo sem utilizar nenhumplugin.

Page 13: Programação para Internet I - diemesleno.com.br · Aula 04 Prof. Diemesleno Souza Carvalho ... ou Linguagem de Marcação de Hipertexto, ... Sua versão 1.0 foi lançada em março

Linguagens de programação estáticas

CSS

Page 14: Programação para Internet I - diemesleno.com.br · Aula 04 Prof. Diemesleno Souza Carvalho ... ou Linguagem de Marcação de Hipertexto, ... Sua versão 1.0 foi lançada em março

Linguagens de programação estáticas

CSS

Cascading Style Sheet (Folha de Estilo em Cascata) é um simples mecanismo para adicionar estilos (cores, fontes, espaçamentos, etc) a um documento web.

O suporte a algumas configurações de estilos pode variar de navegador para navegador.

Sua primeira versão foi lançada em dezembro de 1996. Foi desenvolvido e é mantido até hoje pelo W3C.

https://www.w3.org

Page 15: Programação para Internet I - diemesleno.com.br · Aula 04 Prof. Diemesleno Souza Carvalho ... ou Linguagem de Marcação de Hipertexto, ... Sua versão 1.0 foi lançada em março

Linguagens de programação estáticas

CSS3

O CSS3 é a versão mais nova do Cascading Style Sheet, apresentando transições e efeitos para criar animações de vários t i p o s , o f e r e c e n d o a s s i m m u i t o m a i s r e c u r s o s p a r a o s desenvolvedores.

https://cssanimation.rocks/clocks/

Page 16: Programação para Internet I - diemesleno.com.br · Aula 04 Prof. Diemesleno Souza Carvalho ... ou Linguagem de Marcação de Hipertexto, ... Sua versão 1.0 foi lançada em março

Linguagens de programação estáticas

JavaScript

Page 17: Programação para Internet I - diemesleno.com.br · Aula 04 Prof. Diemesleno Souza Carvalho ... ou Linguagem de Marcação de Hipertexto, ... Sua versão 1.0 foi lançada em março

Linguagens de programação estáticas

JavaScript

JavaScript é uma l inguagem de programação interpretada desenvolvida na Netscape por Brendan Eich.

Sua versão 1.0 foi lançada em março de 1996. Foi desenvolvida juntamente com os primeiros navegadores web para executar código sem a necessidade de realizar requisições ao servidor.

Page 18: Programação para Internet I - diemesleno.com.br · Aula 04 Prof. Diemesleno Souza Carvalho ... ou Linguagem de Marcação de Hipertexto, ... Sua versão 1.0 foi lançada em março

Linguagens de programação estáticas

JavaScript x Node.js

Conforme vimos, JavaScript é uma linguagem de programação estática, interpretada que é executada do lado do cliente, ou seja, no navegador web.

Em 2009, porém, Ryan Dahl criou um interpretador de código JavaScript chamado node.js que funciona do lado do servidor.

Isso significa, que atualmente o JavaScript pode ser utilizado tanto do lado do cliente quando do lado do servidor.

Page 19: Programação para Internet I - diemesleno.com.br · Aula 04 Prof. Diemesleno Souza Carvalho ... ou Linguagem de Marcação de Hipertexto, ... Sua versão 1.0 foi lançada em março

Linguagens de programação estáticas

Outras

Page 20: Programação para Internet I - diemesleno.com.br · Aula 04 Prof. Diemesleno Souza Carvalho ... ou Linguagem de Marcação de Hipertexto, ... Sua versão 1.0 foi lançada em março

Linguagens de programação estáticas

Outras

Existem diversas outras linguagens de programação estáticas (ou de marcação), que foram ou são utilizadas para fins específicos.

Por exemplo, na década de 1960, foi desenvolvido o SGML (Standard Generalized markup Language).

Temos também a XML (eXtensible Markup Language), que é uma recomendação da W3C para gerar l inguagens de notação para necessidades especiais e também é utilizada para vários outros fins.

Tanto o HTML quando o XML são derivadas de SGML.

Page 21: Programação para Internet I - diemesleno.com.br · Aula 04 Prof. Diemesleno Souza Carvalho ... ou Linguagem de Marcação de Hipertexto, ... Sua versão 1.0 foi lançada em março

Linguagens de programação estáticas

Page 22: Programação para Internet I - diemesleno.com.br · Aula 04 Prof. Diemesleno Souza Carvalho ... ou Linguagem de Marcação de Hipertexto, ... Sua versão 1.0 foi lançada em março

Programação para Internet IAula 04 Prof. Diemesleno Souza Carvalho

[email protected]://www.diemesleno.com.br

Page 23: Programação para Internet I - diemesleno.com.br · Aula 04 Prof. Diemesleno Souza Carvalho ... ou Linguagem de Marcação de Hipertexto, ... Sua versão 1.0 foi lançada em março

Exercícios

a) Faça uma pesquisa sobre o HTML versão 1 e HTML 5;

b) Faça uma pesquisa sobre XHTML e DHTML;

c) Faça uma pesquisa sobre CSS e CSS 3;

d) Faça uma pesquisa sobre JavaScript ES6;

e) Faça um relatório com as informações pesquisadas no formato PDF e envie para [email protected]