DESENVOLVIMENTO WEB

Padrões W3C
Produção: Equipe Pedagógica Gran Cursos Online

PADRÕES W3C

Desenvolvendo para Web

• Servidores Web
• Protocolos HTTP/S
• Navegadores
• HTML, CSS, XML, JSON, JS
• PHP, Java, ASP.Net, Ruby, Phyton etc.

A Plataforma Web
• Baseada na arquitetura Cliente-Servidor.
• Implementada sobre o Hyper Text Transfer Protocol.
–– Protocolo simples de transferência de dados.
–– Sem estado (não mantém sessão aberta).
• Utiliza padrões especificados pelo W3C.

Funcionamento da Web

ANOTAÇÕES

1
www.grancursosonline.com.br
DESENVOLVIMENTO WEB
Padrões W3C
Produção: Equipe Pedagógica Gran Cursos Online

Cliente e Servidor HTTP

• Papel do cliente HTTP
–– Enviar requisições HTTP (GET,POST,...) a um servidor;
–– Processar respostas HTTP recebidas (interpretar cabeçalhos,…).

• Papel do servidor HTTP

–– Interpretar requisições HTTP do cliente (métodos GET,POST,…);
–– Devolver resposta HTTP à saída padrão.

Métodos HTTP
• GET – pede ao servidor um recurso; pode enviar dados através da URI
(ex.: <uri>?dados).
• POST – envia dados ao servidor como fluxo de bytes.
• PUT – pede ao servidor que uma entidade seja armazenada embaixo da
URI fornecida.
• DELETE – apaga o recurso especificado na URI.
• HEAD – retorna o cabeçalho de uma resposta.

World Wide Web Consortium

• Principal organização de padronização da Web.
• Possui diversos comitês que:
–– estudam as tecnologias existentes para a apresentação de conteúdo na
Internet
–– criam padrões de recomendação para utilizar essas tecnologias.
• Padrões mais populares: HTML, XML e CSS.

Hyper Text Markup Language

• Linguagem de marcação utilizada na construção de páginas na Web.
• Documentos HTML podem ser interpretados por navegadores.

eXtensible Markup Language

• Metalinguagem extensível baseada em marcações para representação de
dados.
• Fornece um meio simples de transmitir informações estruturadas entre o
cliente e o servidor.
ANOTAÇÕES

2
www.grancursosonline.com.br
DESENVOLVIMENTO WEB
Padrões W3C
Produção: Equipe Pedagógica Gran Cursos Online

Validando um Documento XML

• Document Type Definition
–– Foco apenas na estrutura do XML.
–– Poucos recursos para controle de tipos de dados.
• XML Schema
–– Foca na estrutura e nos dados.
–– Maior controle dos tipos de dados.

Cascading Style Sheets

• Mecanismo para adicionar estilo (cores, fontes, espaçamento etc.) a um
documento web.
• Uma instrução CSS consiste em um seletor e um bloco de declaração.
• Seletores são usados para declarar a quais elementos de marcação um
estilo se aplica.
ANOTAÇÕES

3
www.grancursosonline.com.br
DESENVOLVIMENTO WEB
Padrões W3C
Produção: Equipe Pedagógica Gran Cursos Online

Exemplo de CSS

JavaScript
• Linguagem de propósito geral projetada para ser embutida em aplicações.
• Permite interação com o modelo de objetos do navegador e com o Docu-
ment Object Model.
• Incluído na página de três formas

JavaScript no Navegador
• Os objetos, variáveis etc. estão disponíveis a partir do objeto raiz, que no
navegador é document.
• Todos os elementos da página estão em uma árvore a partir de document.
• Pode-se criar novos elementos e anexá-los ao document, fazendo-os apa-
recer dinamicamente.

JavaScript Object Notation

• Um modelo de armazenamento e transmissão de dados no formato texto
mais simples que o XML.
• Utiliza texto legível a humanos consistindo de pares atributo: valor.
• É um formato de dados independente de linguagem.
ANOTAÇÕES

4
www.grancursosonline.com.br
DESENVOLVIMENTO WEB
Padrões W3C
Produção: Equipe Pedagógica Gran Cursos Online

Exemplo de JSON

Asynchronous JavaScript And XML

• Tecnologia que permite a criação de chamadas assíncronas ao servidor
web a partir de um script executado pelo navegador.
• Usado em aplicações web interativas que sofrem com o modelo requisição
resposta onde sempre se recarrega a página.

Bootstrap
• Framework HTML, CSS e JS para desenvolvimento de projetos responsi-
vos e focados em dispositivos móveis.
• Torna o desenvolvimento front-end mais rápido e fácil.
• Disponível em <http://getbootstrap.com.br/>.

jQuery
• Framework que simplifica a programação em JavaScript.
• Baseada na sintaxe de seletores CSS.
–– $("tag_html"), $("#idElemento"), $(".classeEstilo")
• Trabalha com AJAX e JSON.
• Disponível em <https://code.jquery.com/>.

Direto do concurso
1. (2013/INSTITUTO AOCP/COLÉGIO PEDRO II/TÉCNICO DE TECNOLOGIA
DA INFORMAÇÃO) A tecnologia AJAX foi desenvolvida para gerar uma maior
interatividade com o usuário e proporcionar mais velocidade em processos
executados na web, baseando-se em chamadas assíncronas. Assinale a al-
ternativa que indica a linguagem em que o AJAX é baseado.
ANOTAÇÕES

5
www.grancursosonline.com.br
DESENVOLVIMENTO WEB
Padrões W3C
Produção: Equipe Pedagógica Gran Cursos Online

a. PHP
b. CSS
c. JavaScript
d. Java
e. JSP

Comentário
O AJAX é baseado em uma tecnologia que deve rodar o lado cliente. Quem faz
isso é o Javascript.

2. (2012/FCC/TST/TÉCNICO JUDICIÁRIO – PROGRAMAÇÃO) A linguagem

XML:
a. é considerada uma linguagem de marcação que tem uma biblioteca de
tags muito rica e finita, a ponto de atender a todos os segmentos de negó-
cios ligados a indústria, comércio e serviços.
b. foi concebida para trabalhar com metadados, que descrevem os dados do
documento XML.
c. permite realizar diretamente no código diferentes formatações para exibir
os dados de forma personalizada aos usuários.
d. cria uma DTD – Dados para Transferência de Documentos - que define a
estrutura do documento XML.
e. está na versão 5.0 já que a XML 4.0 estava obsoleta e, gradativamente,
sendo substituída pela WML.

Comentário
a. Não tem uma biblioteca de tags muito rica.

3. (2017/CESPE/TRE-BA/TÉCNICO JUDICIÁRIO – PROGRAMAÇÃO DE SIS-

TEMAS) Assinale a opção correta a respeito do CSS (cascading style she-
ets).
ANOTAÇÕES

6
www.grancursosonline.com.br
DESENVOLVIMENTO WEB
Padrões W3C
Produção: Equipe Pedagógica Gran Cursos Online

a. O comando <CSS src=”estilo.css”/> indica o caminho para a obtenção do

arquivo CSS.
b. Em um arquivo CSS, é proibido o uso de classes e indicadores.
c. Com o CSS, é possível mudar rapidamente a formatação de várias pági-
nas HTML.
d. Para a utilização de recursos CSS, deve-se criar um arquivo e referenciá-
-lo sempre que necessário, não sendo possível utilizar comandos CSS
diretamente dentro da página HTML.
e. Enquanto o HTML formata o conteúdo de uma página, o CSS descreve
esse conteúdo.

Comentário
a. Esse caminho é uma tag da HTLM.
b. Em um arquivo CSS, não é proibido o uso de classes e indicadores.

4. (2017/IESES – CEGÁS/ASSISTENTE TÉCNICO – PROGRAMADOR) Assi-

nale a alternativa correta:
a. HTML é um programa que favorece o desenvolvimento de arquivos CSS.
b. HTML e CSS são as tecnologias utilizadas na construção de páginas da
Web: HTML (html e xhtml) para a estrutura, CSS para o estilo e layout, in-
cluindo WebFonts.
c. Ambos são os conceitos fundamentais aplicados em dados abertos conectados.
d. CSS é uma linguagem de programação poderosa e requer HTML para seu
funcionamento.

5. (2012/FCC/TJ-RJ/ANALISTA JUDICIÁRIO – ANÁLISE DE SISTEMAS)

HTML, DHTML, JavaScript e PHP são linguagens utilizadas no desenvolvi-
mento de sites da World Wide Web. A seu respeito é correto afirmar que:
a. o código de uma aplicação JavaScript deve ser interpretado pelo servi-
dor HTTP ao passo que o código de uma aplicação PHP deve ser inter-
pretado pelo cliente HTTP.
ANOTAÇÕES

7
www.grancursosonline.com.br
DESENVOLVIMENTO WEB
Padrões W3C
Produção: Equipe Pedagógica Gran Cursos Online

b. o código de uma aplicação JavaScript deve ser interpretado pelo cliente

HTTP ao passo que o código de uma aplicação PHP deve ser interpretado
pelo servidor HTTP.
c. tanto o código de uma aplicação JavaScript como o código de uma aplica-
ção PHP devem ser executados pelo cliente HTTP.
d. tanto o código de uma aplicação JavaScript como o código de uma aplica-
ção PHP devem ser executados pelo servidor HTTP.
e. o código de uma página HTML deve ser interpretado pelo cliente HTTP
ao passo que o código de uma página DHTML deve ser interpretado pelo
servidor HTTP.

Comentário
a. O código de uma aplicação JavaScript deve ser interpretado do lado cliente.

GABARITO
1. c
2. b
3. c
4. b
5. b

�Este material foi elaborado pela equipe pedagógica do Gran Cursos Online, de acordo com a
aula preparada e ministrada pelo professor José Reginaldo.
ANOTAÇÕES

8
www.grancursosonline.com.br