Cuiabá 71

Os operadores são meios pelo qual incrementamos, decrementamos, comparamos e
avaliamos dados dentro do computador. Temos três tipos de operadores:

• Operadores Aritméticos
• Operadores Relacionais
• Operadores Lógicos

Operadores Aritméticos

Os operadores aritméticos são os utilizados para obter resultados numéricos. Além da
adição, subtração, multiplicação e divisão, podem utilizar também o operador para exponenciação.
Os símbolos para os operadores aritméticos são:

OPERAÇÃO

+ Soma de dois valores

- Diferença de dois valores, também se pode utilizar para mudar o sinal de um número se o utilizamos com um só operando -23

* Multiplicação de dois valores

/ Divisão de dois valores

% O resto da divisão de dois números (3%2 devolveria 1, o resto de dividir 3 entre 2)

++ Incremento em uma unidade, se utiliza com um só operando

– Decremento em uma unidade, utilizado com um só operando

Exemplos

preço = 128 //introduzo um 128 na variável preço

unidades = 10 //outra atribuição, logo veremos operadores de atribuição

fatura = preço * unidades //multiplico preço por unidades, obtenho o valor fatura

resto = fatura % 3 //obtenho o resto de dividir a variável fatura por 3

preço++ //incrementa em uma unidade o preço (agora vale 129)

Hierarquia das Operações Aritméticas

1. ( ) Parênteses
2. Exponenciação
3. Multiplicação, divisão (o que aparecer primeiro)
4. + ou – (o que aparecer primeiro)

Exemplo:

minhaVariavel = 23 * 5

Operadores Relacionais

Os operadores relacionais são utilizados para comparar String de caracteres e números. Os
valores a serem comparados podem ser caracteres ou variáveis.
var total = preco * quantidade

Estes operadores sempre retornam valores lógicos (verdadeiro ou falso/ True ou False)
Para estabelecer prioridades no que diz respeito a qual operação executar primeiro, utilize
os parênteses.

Os operadores relacionais são:

• Igual a
  =
• Diferente de
  <> ou #
• Maior que
  >
• Menor que
  <
• Maior ou igual a
  >=
• Menor ou igual a
  < =

Exemplo:

Tendo duas variáveis A = 5 e B = 3
Os resultados das expressões seriam:

• A = B
  Falso
• A <> B
  Verdadeiro
• A > B
  Verdadeiro
• A < B
  Falso
• A >= B
  Verdadeiro
• A < = B
  Falso

Operadores Lógicos

Os operadores lógicos servem para combinar resultados de expressões, retornando se o
resultado final é verdadeiro ou falso.

Os operadores lógicos são:

E / AND

Uma expressão AND (E) é verdadeira se todas as condições forem
verdadeiras

OR/OU

Uma expressão OR (OU) é verdadeira se pelo menos uma condição for
verdadeira

NOT

Um expressão NOT (NÃO) inverte o valor da expressão ou condição, se
verdadeira inverte para falsa e vice-versa.

XOR

Um expressão XOR (NÃO) é verdadeira quando somente uma condição for verdadeira.

As variáveis e as constantes podem ser basicamente de três tipos: Numéricas,
Alfanuméricas ou lógicas.

• Numéricas Específicas para armazenamento de números, que posteriormente poderão ser
  utilizados para cálculos. Podem ser ainda classificadas como Inteiras ou Reais.
  As variáveis do tipo inteiro são para armazenamento de números inteiros e as
  Reais são para o armazenamento de números que possuam casas decimais.
• Alfanuméricas Específicas para dados que contenham letras e/ou números. Pode em
  determinados momentos conter somente dados numéricos ou somente
  literais. Se usado somente para armazenamento de números, não poderá
  ser utilizada para operações matemáticas.
• Lógicas Armazenam somente dados lógicos que podem ser Verdadeiro ou Falso.

Varíaveis

Variável é a representação simbólica dos elementos de um certo conjunto. Cada variável corresponde a uma posição de memória, cujo conteúdo pode ser alterado ao longo do tempo durante a execulção de um programa. Embora uma variável possa assumir diferentes valores, ela só pode aramazenar um valor a cada instante.

Exemplo 1

Declarando o valor(%) da comissão utilizando var.


var comissao = 0.05;


Exemplo 1

Declarando o valor(%) da comissão sem utilizar o var.


comissao = 0.05;


Constantes

Constante é um determidado valor fixo que não se modifica ao longo do tempo, durante a execução de um programa. Conforme o seu tipo, a constante é classificada como sendo numérica, lógica e literal.

Exemplo 1

Declarando o valor pi.


const pi = 3.14;


O que é JavaScript?

O JavaScript é uma linguagem de programação baseada na linguagem JAVA. É destinada para o uso em
páginas Web(client-side) ou em servidores web (server-side). Neste tutorial irei falar somente sobre o
JavaScript em client-side, ou seja, irei falar sobre os códigos que são inseridos nas páginas HTML sendo
executadas pelo browser do cliente.

Esta linguagem permite ao programador ter acesso à elementos de uma página web, como imagens,
elementos de um formulário links etc. Este objetos podem ser manipulados ou mudados via programação,
pois o JavaScript permite também ao programador capturar eventos, como um click do mouse ou uma
tecla pressionada de seu teclado. Isto lhe dá a capacidade de poder criar ações baseadas nas ações do
usuário.

JavaScript é em si, uma grande linguagem de programação, que oferece ao programador web muitas
recursos, os quais podem ser executados facilmente.

Créditos: Izaias Lisboa

• Sistemas de Busca
• Avaliação Heurística

Aula 4 - Download

• Sistemas de Navegação
• Sistemas de Rotulação

Aula 3 - Download

• Ansiedade de Informação (Curiosidade)
• Conceitos de Arquitetura de Informação
• Importância de AI em projetos Web
• Ferramentas e Documentação
• Usabilidade e Acessibilidade

Aula 1 - Download

Créditos

Guilermo Reis

Cláudia Obata

Organização das Informações

Vocabulário Visual de Garret

Aula 2 - Download

Para que seu código XHTML possa ser validado e interpretado corretamente, siga as seguintes regras:

Fechar todas as tags

Para escrever código XHTML válido, devemos fechar TODAS as tags. As tag que normalmente exigem fechamento como <p></p>, <td></td>. E as tags que no HTML não exigiam fechamento como <br>, <hr>, <img>.
Incorreto:
<br>
<img src=”image.jpg” alt=”foto x”>
Correto:
<br />
<img src=”image.jpg” alt=”foto x” />

Utilizar letras minúsculas para tags e atributos

Um documento XHTML deve ter TODAS as tags e seus respectivos atributos escritos com letra minúscula.

Incorreto:
<A href=”index.html” CLASS=internal>

Correto:
<a href=”index.html” class=”internal”>

Colocar entre aspas valores dos atributos

Todos os valores dos atributos XHTM devem estar entre aspas.

Incorreto:
<table width=100%>

Correto:
<table width=”100%”>

Não permitir atributos sem valores

Todos os atributos devem ter valor definido

Incorreto:
<dl compact>
<input checked>
<input readonly>
<input disabled>
<option selected>
<frame noresize>

Correto:
<dl compact=”compact”>
<input checked=”checked” />
<input readonly=”readonly” />
<input disabled=”disabled” />
<option selected=”selected” />
<frame noresize=”noresize” />

Atributo ID substitui o atributo NAME

O HTML 4.01 define um atributo NAME para elementos como a, applet, frame, iframe, img, e map. No XHTML, o atributo NAME foi descontinuado, sendo substituído pelo atributo ID. Para manter a compatibilidade com browsers mais antigos, aconselha-se utilizar os dois atributos.

Incorreto:
<img src=”figura.gif” name=”figura1″ />
Correto:
<img src=”figura.gif” id=”figura1″ />
<img src=”figura.gif” id=”figura1″ name=”figura1″ />

Não utilizar tags e atributos HTML descontinuados

Algumas tags e atributos que são permitidos no HTML 4.01 Transitional e no XHTML 1.0 Transitional não são permitidos no XHTML 1.0 Strict (e no HTML 4.01 Strict). Alguns exemplos são: tags <font>, <center>; atributos alink, align, width, height (para alguns elementos), e background.

Incorreto:
<b>destaque</b>
Correto:
<strong>destaque</strong>

Declarar o DOCTYPE do documento

Você deve informar um DTD na primeira linha do seu documento XHTML.
O DTD ou Doctype (Document Type Definition) tem como função informar ao browser que tipo de documento será visualizado.
A estrutura de um documento XHTML é:

<!DOCTYPE …>
<html>
<head>
<title>… </title>
</head>
<body> … </body>
</html>

Existem 3 tipos de Doctype:

Strict
Este tipo é utilizado quando o código do documento é 100% XHTML. O XHTM 1.0 Strict não permite marcação de apresentação como a tag <font> ou o atributo bgcolor <table bgcolor=”#006633″>. Por isso força a separação entre estrutura (XHTML) e apresentação (CSS). É tido entre os desenvolvedores como Doctype “radical” pois não permite nenhuma desconformidade com o padrão XHTML.
<!DOCTYPE html
PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
Transitional
Este é o tipo mais utilizado. Ele permite a utilização de tags e atributos de formatação, tornando o documento compatível com browsers que não suportam CSS.
<!DOCTYPE html
PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
Frameset
Este tipo é indicado quando você está utilizando FRAMES em seu site.
<!DOCTYPE html
PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>

Benefícios

O XHTML nada mais é do que uma forma de escrever um documento HTML de modo que ele também seja um documento XML válido. Ou seja, seu documento HTML ganha a coerência e flexibilidade de um documento XML, podendo ser facilmente lido por ferramentas automáticas e convertido em outros formatos de arquivos. Com XHTML torna-se muito fácil oferecer os dados do seu site através de WAP ou de um RSS por exemplo. Torna-se fácil também transformar o resultado de uma consulta à banco de dados ou um documento XML numa página Web.

Flexibilidade

Entenda como flexibilidade a capacidade de se apresentar o conteúdo de um website em diferentes estilos, combinações de cores e até mesmo, plataformas diferentes do navegador Web instalado no seu computador pessoal.

A divisão entre conteúdo e forma proporcionada pela utilização dos conceitos do Web Standards nos permite exibir o conteúdo de uma página Web em PC’s, Palmtops, PDA’s e celulares com uma simples mudança na referência do arquivo CSS utilizado para a formatação.