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

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

diemesleno@iftm.edu.brhttp://www.diemesleno.com.br

Na aula passada vimos...

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.

Na aula de hoje veremos...

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.

Linguagens de programação estáticas

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);

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);

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);

Linguagens de programação estáticas

HTML

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

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.

Linguagens de programação estáticas

CSS

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

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/

Linguagens de programação estáticas

JavaScript

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.

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.

Linguagens de programação estáticas

Outras

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.

Linguagens de programação estáticas

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

diemesleno@iftm.edu.brhttp://www.diemesleno.com.br

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 diemesleno@iftm.edu.br