Mostrando postagens com marcador Teoria. Mostrar todas as postagens
Mostrando postagens com marcador Teoria. Mostrar todas as postagens

segunda-feira, 16 de março de 2009

JavaScript: Principais Comandos, Eventos e Operadores

Hoje abordaremos mais uma parte básica do JavaScript.

Operadores Lógicos

Os principais operadores lógicos a serem utilizados em comandos condicionais são:

OPERADORES LÓGICOS SIGNIFICADO
= = Igual
!= Diferente
> Maior
>= Maior ou Igual
< Menor
<= Menor ou Igual
&& E
|| Ou

Os comandos condicionais serão abordados mais abaixo.

Operadores Matemáticos

Os operadores Matemáticos a serem utilizados em cálculos, referências de indexadores e manuseio de strings são :

OPERADORES MATEMÁTICOS SIGNIFICADO
+ adição de valor e concatenação de strings.
- subtração de valores
* multiplicação de valores
/ divisão de valores
% obtém o resto de uma divisão

Estes operadores serão largamente utilizados, portanto, teremos uma noção mais precisa do seu funcionamento.

Controles Especiais

CONTROLES ESPECIAIS SIGNIFICADO
\b backspace
\f form feed
\n new line caracters
\r carriage return
\t tab characters
// Linha de comentário
/*....*/ Delimitadores para inserir um texto com mais de uma linha como comentário.

Os delimitadores naturais para uma string são " ( aspas dupla) ou ' ( aspas simples). Caso seja necessário a utilização destes caracteres como parte da string, utilize \ precedendo " ou '. Como por exemplo : alert ("Cuidado com o uso de \" ou \' em uma string")

Estruturas de Controle ou Comandos Condicionais

Existem algumas estruturas de controle que lhe permitem modificar o fluxo de execução de um programa ou seja elas possui comandos que condicionam a execução de uma certa tarefa à veracidade ou não de uma determinada condição, ou enquanto determinada condição for verdadeira.

São eles:

Comando IF

if (condição)

{ /*ação para condição satisfeita*/ }

[ else

{ /*ação para condição não satisfeita*/ } ]

Exemplo :

if (Idade <>

{Categoria = "Menor" }

else

{Categoria = "Maior"}

Comando FOR

for ( [inicialização/criação de variável de controle ;]

[condição ;]

[incremento da variável de controle] )

{ ação }

Exemplo.

for (x = 0 ; x <= 10 ; x++)

{alert ("X igual a " + x) }

Comando WHILE

Executa uma ação enquanto determinada condição for verdadeira.

while (condição)

{ ação }

Exemplo.

var contador = 10

while (contador > 1)

{ contador-- }

Move condicional

receptor = ( (condição) ? verdadeiro : falso)

Exemplo.

NomeSexo = ((VarSexo == "M") ? "Masculino" : "Feminino")

Eventos

Os eventos são fatos que ocorrem durante a execução do sistema, a partir dos quais você pode definir ações a serem realizadas pelo programa. Logo abaixo apresentamos a lista dos eventos possíveis, indicando os momentos em que eles podem ocorrer, bem como, os objetos passíveis de sua ocorrência.

EVENTOS OCORRÊNCIAS
onload Ocorre na carga do documento. Ou seja, só ocorre no BODY(corpo) do documento.
onunload Ocorre na descarga (saída) do documento. Também só ocorre no BODY(corpo).
onchange Ocorre quando o objeto perde o focus e houve mudança de conteúdo. Válido para os objetos Text, Select e Textarea.
onblur Ocorre quando o objeto perde o focus, independente de ter havido mudança. Válido para os objetos Text, Select e Textarea.
onfocus Ocorre quando o objeto recebe o focus. válido para os objetos Text, Select e Textarea.
onclick Ocorre quando o objeto recebe um Click do Mouse. válido para os objetos Buton, Checkbox, Radio, Link, Reset e Submit.
onmouseover Ocorre quando o ponteiro do mouse passa por sobre o objeto. válido apenas para Link.
onselect Ocorre quando o objeto é selecionado. Válido para os objetos Text e Textarea.
onsubmit Ocorre quando um botão tipo Submit recebe um click do mouse. Válido apenas para o Form.

Mas espera aí! Onde se usam esses eventos?

Não se preocupe. Eles também serão muito usados e você entenderá aos poucos cada um.

Apartir desses comandos, operadores e eventos, começamos a ter uma base interessante para os exemplos dos próximos posts.

Abraço

sexta-feira, 14 de novembro de 2008

HTML - O básico do básico

Considere as linhas abaixo:

<html>
<head>
<title>Título do documento</title>

Cabeçalho do documento

</head>

<body>

Corpo do documento

</body>
</html>

Ele não possui alguns atributos que a w3c exige (DocType por exemplo), mas retirei-os propositalmente para não complicar o exemplo (serão abordados aos poucos). O HTML é composto por elementos chamados tag's que em grande parte, possuem o que chamamos abertura e fechamento. Observe os elementos que compõem a página:
  • html
  • head
  • title
  • body

Note que não mencionei </head>, </title>, </body> e </html>, isso porque,  quando falo  na tag html, isso implica em seu fechamento também. Se deixarmos sem o fechamento uma tag, estaremos criando uma situação de erro que pode complicar bastante o funcionamento do código, ou mesmo a exibição da página(isso será melhor abordado futuramente). A tag html diz ao seu navegador que esse é o início do documento. A última tag no documento é </html>. Essa tag diz ao seu navegador que esse é o fim do documento. O código entre <head> e </head> é o cabeçalho, e não é mostrado no interior da janela do browser. O texto entre as tags <title> e </title> é mostrado na barra de títulos da janela, e por fim, o conteúdo entre <body> e </body> são oque efetivamente o browser mostrará ao usuário. 

Posteriormente, os dados dessas tag's poderão ser alterados dinamicamente(não significa que seja uma boa prática, mas é possível).

Tenho um desafio para você: procure sobre o docType. Falarei dele posteriormente.

segunda-feira, 20 de outubro de 2008

Linguagem tipada ou não-tipada

O amigo Luís Mizutani enviou comentário com uma dúvida para o antigo endereço do blog, e transcrevo aqui:
Tenho algumas dúvidas básica:
Existe alguma vantagem ou desvantagem da liguagem tipada sobre a não tipada?
Em que casos pode ser obervado algum ganho de uma em relação à outra?
Neste caso poderíamos imaginar que as variáveis se comportariam como variáveis do tipo String?

Grato por prestigiar o blog, Mizutani. Vamos a resposta:

Linguagens tipadas necessitam que você obrigatoriamente informe o tipo de valor que a variável receberá. Isso garante que, se originalmente você quer um valor inteiro, não receberá uma String. 
Linguagens não-tipadas não possuem essa obrigatoriedade, tendo um tipo geral (como var em javascript) que recebe qualquer tipo.
Enquanto a primeira garante um pouco mais de segurança no que se refere ao trânsito de dados entre variáveis(se você tentar atribuir um String para uma variável que espera um inteiro, ela não aceita e seu código não roda), a segunda aceitaria qualquer tipo em qualquer variável, oque minimiza a necessidade de ter que transformar dados de um tipo para outro quando trabalhar copm banco de dados por exemplo. Mas ambos pagam um preço por essas características. 

Linguagens tipadas tendem a ter mais código para suas aplicações e sua curva de aprendizado pode ser maior. 
Linguagens não-tipadas são mais simples em sua implementação, mas caso atribua algo errado, seu código pode fazer algo que você não esperava e será mais difícil encontrar o erro.

domingo, 19 de outubro de 2008

Pseudo facilidade do JavaScript

Muito se engana quem olha o JavaScript como uma linguagem pobre ou fácil. Na verdade, possui poderosos recursos que podem “fazer chover de baixo para cima”, como costumo dizer.

A ilusão de que o JavaScript é fácil não se dá pela linguagem em si, mas sim por sua utilização. Por exemplo, é extremamente simples criar um código que imprime valores na tela, ou que dá um alerta de boas-vindas quando uma página é carregada, mas o controle de objetos tende a ser mais problemático quando não se conhece a linguagem. Algo simples como o momento em que o JavaScript é chamado pode fazer a diferença entre um código que funciona e um amontoado de letras que não faz nada.
Outra coisa que a torna acessível é o fato de não ser necessário grandes aparatos para criar um código. Veja o exemplo abaixo:

Sua função é exibir na tela valores de 0 à 9 como segue:

0123456789

Para testar esse código a única coisa necessária é um editor de texto(notepad) e um browser(Internet Explorer). Apenas colando o códico no notepad e salvando ele em C: com o nome de teste.htm já é possível vê-lo executar indo no Internet Explorer e digitando a URL file:///C:/teste.htm.

Um pouco (senão muito) dessa visão simplista do JavaScript perdeu-se recentemente com o advento da Web 2.0 e páginas que tornaram-se aplicações propriamente ditas, com maior interação usuário-site, tornado a experiência do usuário mais agradável.

Não me prolongando mais, digo, JavaScript é dito fácil para iniciantes, mas não significa que o código gerado de maneira fácil é o mais recomendado. Como iniciação na lógica de programação é uma ótima ferramenta mas como ferramenta web é que sua real força pode ser vislumbrada, quando feito de maneira organizada e consciente.

sábado, 18 de outubro de 2008

Iniciando - O Javascript

Javascript é uma linguagem de programação leve, interpretada e com recursos de orientação a objeto. O núcleo de uso geral da linguagem foi incorporado no Netscape, Internet Explorer e em outros navegadores Web e aprimorado para programação Web com adição de objetos que representam a janela do navegador e seu conteúdo.

Com ele, uma página não precisa mais de HTML estático, mas sim, pode incluir programas que interagem com o usuário, controlam o navegador e criam conteúdo HTML dinamicamente.


Javascript assemelha-se sintáticamente às linguagens C, C++ e Java em seu núcleo, contendo instruções como if, laço while e operadores como &&. E as similaridades acabam aí. JAVASCRIPT NÃO É JAVA!

Em JavaScript, variáveis não precisam ter um tipo definido (é uma linguagem não-tipada). JavaScript é uma linguagem interpretada (o código que você cria, é o mesmo que será executado, sem necessidade de “traduzi-lo” para uma linguagem que a máquina entenda).

No próximo post, pretendo falar sobre a pseudo facilidade do Javascript.

Tenho um desafio pra você: Continue acompanhando!