Mostrando postagens com marcador Javascript Básico. Mostrar todas as postagens
Mostrando postagens com marcador Javascript Básico. 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

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

domingo, 26 de outubro de 2008

Onde pode haver código JavaScript

Existem 3 lugares que podem possuir código JavaScript:
  1. dentro de alguns atributos de tag's como por exemplo onclick, onsubmit, onmouseover, dentre outros;
  2. entre as tag's  ;
  3. dentro de arquivos com extensão .js incluídos no código HTML;
A ordem acima condiz com a ordem que o browser interpreta o JavaScript, ou seja, a ordem que o browser executará seu script.

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!