programação para internet i - diemesleno.com.br · aula 04 prof. diemesleno souza carvalho ... ou...
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](https://reader033.vdocuments.pub/reader033/viewer/2022052716/5c0d1bc709d3f247038d21cc/html5/thumbnails/1.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052716/5c0d1bc709d3f247038d21cc/html5/thumbnails/2.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052716/5c0d1bc709d3f247038d21cc/html5/thumbnails/3.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052716/5c0d1bc709d3f247038d21cc/html5/thumbnails/4.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052716/5c0d1bc709d3f247038d21cc/html5/thumbnails/5.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052716/5c0d1bc709d3f247038d21cc/html5/thumbnails/6.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052716/5c0d1bc709d3f247038d21cc/html5/thumbnails/7.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052716/5c0d1bc709d3f247038d21cc/html5/thumbnails/8.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052716/5c0d1bc709d3f247038d21cc/html5/thumbnails/9.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052716/5c0d1bc709d3f247038d21cc/html5/thumbnails/10.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052716/5c0d1bc709d3f247038d21cc/html5/thumbnails/11.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052716/5c0d1bc709d3f247038d21cc/html5/thumbnails/12.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052716/5c0d1bc709d3f247038d21cc/html5/thumbnails/13.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052716/5c0d1bc709d3f247038d21cc/html5/thumbnails/14.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052716/5c0d1bc709d3f247038d21cc/html5/thumbnails/15.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052716/5c0d1bc709d3f247038d21cc/html5/thumbnails/16.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052716/5c0d1bc709d3f247038d21cc/html5/thumbnails/17.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052716/5c0d1bc709d3f247038d21cc/html5/thumbnails/18.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052716/5c0d1bc709d3f247038d21cc/html5/thumbnails/19.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052716/5c0d1bc709d3f247038d21cc/html5/thumbnails/20.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052716/5c0d1bc709d3f247038d21cc/html5/thumbnails/21.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052716/5c0d1bc709d3f247038d21cc/html5/thumbnails/22.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052716/5c0d1bc709d3f247038d21cc/html5/thumbnails/23.jpg)
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]