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

terça-feira, 3 de março de 2009

A internet atualmente

Para entendermos realmente nossa posição na internet.

quinta-feira, 12 de fevereiro de 2009

História da Internet

Por que sem ela, não teríamos esse blog ^_^

quarta-feira, 11 de fevereiro de 2009

Google Chrome no Japão

Atualmente, uso o Google Chrome como meu navegador principal, por sua velocidade em carregamento das páginas e interpretação de Javascript, bem como por ele próprio ser rápido quando preciso de uma nova janela.

No Japão, onde a busca do Google não é tão popular, eles precisam de outras formas de anunciar seu produto.

Veja esse comercial.




Até o dia desse post, o chrome estava na versão 1.0.154.48.

terça-feira, 9 de dezembro de 2008

Pausa...

Vim hoje aqui pra dar satisfação. 
Não tenho postado nos últimos tempos, pois tenho que organizar os códigos que quero mostrar e comportamentos e bugs que pretendo explanar.

E isso demanda tempo...

Pretendo voltar a postar, e dessa vez com certa periodicidade, em janeiro, na segunda semana.

Vejo vocês lá.

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.

terça-feira, 11 de novembro de 2008

Com o que programar em JavaScript


Estou meio afastado do blog, mas venho trazendo a primeira dica relacionada ao desenvolvimento em JavaScript.

Apesar da pseudo simplicidade do JavaScript permitir que criemos código usando qualquer editor de textos, é importante termos uma ferramenta de apoio que agregue funcionalidades e agilidade no desenvolvimento. Dessa forma, venho recomendar o Aptana Studio para essa tarefa.

O Aptana é um programa (IDE) de desenvolvimento em HTML, JavaScript e CSS que permite edição desses formatos de maneira eficaz e rápida. Além disso, possui plugins de desenvolvimento para PHP, Python e Ruby. Além dessas características, permite o uso do SVN(controle de versões), e desenvolvimento para o iPhone. 

Na realidade o Aptana é uma distribuição do eclipse, voltada para o front-side do site, portanto, quem já utilize o eclipse para outro tipo de programação pode usá-lo como plugin para sua versão do eclipse, mantendo apenas uma IDE. Eu o utilizo como IDE separada, até porque dificilmente edito html junto com Java. 

Tenho um desafio para você: Depois de usar o Aptana Studio, dê uma olhada no Jaxer