Conhecendo um pouco de javascript
Autor: Junior Dias | Publicado: 2012-02-24T23:07:00-02:00

Começando com o primeiro POST sobre Javascript, gostaria de deixar claro alguns aspectos:

1 - Nosso foco será a biblioteca Jquery, mas não quer dizer que iremos nos limitar a ela;
2 - Podem mandar sugestões ou críticas (construtivas) para meu e-mail pessoal: junior_diaso@yahoo.com.br
3 - Não sou expert, algumas coisas podem SIM estar incorretas de alguma forma, e é nessa hora que a participação de vocês será de extrema importância!
4 - Se eu não conseguir resolver algo referente a duvida de vocês, vou com certeza fazer a pesquisa!
5 - Não vou me limitar a linguagem culta, a idéia é que a maior parte das pessoas que ler consigam entender perfeitamente.
Bem, sendo assim, vamos lá!

O que exatamente é JAVASCRIPT?

Para podermos nos adentrar no mundo do Jquery, devemos conhecer pelo menos o básico do Javascript, nesse tópico vou pular coisas como: história, como foi criado, qual&nbsp;circunstancia&nbsp;da criação...
Se quiserem saber essas coisas, visitem&nbsp;http://pt.wikipedia.org/wiki/JavaScript
lá saberão exatamente tudo sobre essas coisas, vamos nos focar na linguagem.

Javascript é uma linguagem de programação, ou de script como alguns gostam de chamar, baseada no conceito de client-side, ou seja, é executada no lado do usuário, apesar que também é&nbsp;possível&nbsp;fazer programação server-side, do qual não iremos nos adentrar.
Alguns programadores usam basicamente o Javascript puro para fazer validações nas páginas, se for usar dessa forma, é melhor que faça então duas validações: Uma com a linguagem padrão da página (PHP, .NET...) e outra com o javascript, para não haver erros.
Indo ao que interessa:

O que será necessário para acompanhamento dos POSTs?
&gt; Google Chrome;
&gt; Jquery
&gt; Notepad++&nbsp;(Nessa página tem vários links com diferentes tipos de arquivos, escolha o que melhor lhe satisfaz).
Por enquanto é só, se necessitar de alguma coisa mais no futuro, coloco aqui pra vocês.


--&gt; Abra o Chrome, aperte CTRL + SHIFT + J, deverá aparecer uma tela semelhante a essa:




Figura 1: Developer Tools


Essa será nossa area de testes.




Lembrando: códigos javascript são normalmente colocados entre as tags &lt;head&gt; &lt;/head&gt; da página HTML, para assim, não se misturar com o restante do código.&nbsp;





Declaração de variáveis:



Para se declarar uma váriavel, é necessário utilizar o controlador&nbsp;var&nbsp;seguido do nome da váriavel, um “ = “ (sem aspas) e o valor da mesma.

exemplos:





Figura 2: Exemplos de váriaveis













Pegando como exemplo a ultima variável declarada do quadro, temos:



var: Controlador, indica que o que vem após ele é a variável que vai ser utilizada;
cor: Nome da variável;
azul: Valor da variável;

Resumindo, temos uma variável chamada cor que sabemos que quando a gente a chamar, ela vai trazer como valor a palavra azul.


  

Pequenas demonstrações para entendimento:

Abra o console de programação do Chrome, crie uma variável com o valor 20, crie outra com o valor de 30, crie uma terceira que irá receber a soma dessas duas, ex:

var rato = 10;

var gato = 30;

var soma = rato&nbsp; + gato;

console.log(soma);



Deverá aparecer o resultado 40. Essa é só o começo, pois Javascript não se limita a contas básicas.




Lembrete: Voce poderá usar o Alert() se quiser mostrar o resultado da conta em uma caixa de alerta a parte, fica a seu critério, pessoalmente eu prefiro o console.log porque não sai da página, e me mostra o resultado de qualquer forma. 




Bem esse é só o começo, vou postar mais algumas coisas referentes a linguagem Javascript depois pra depois começar logo com o Jquery.

Abraços amigos, até a próxima!