JS

JavaScript

Sem ideia, o que é isso?

Óh, JavaScript (JS) é uma linguagem de programação dinâmica, de tipificação fraca e interpretada. Ela foi criada em 1995 pela Netscape Communications, empresa que desenvolveu um dos primeiros navegadores web. Mais tarde, a linguagem foi formalizada na especificação ECMAScript (ES), que vem evoluindo desde então.

Oxe, e pra quê eu vou usar?

Simples! Você vai usar, basicamente, para manipular os elementos da sua página! Ééé... Isso mesmo que você ouLeu. Quer um exemplo? Bom, você pode usar o JavaScript para fazer um elemento dançar na página, fazer um elemento mudar de cor, crescer, saltitar, desaparecer e aparecer, criar máscar de preenchimento para campos de texto e para uma infinidade de manipulações de elementos.

Parece interessante, mas como faz?

Existem algumas maneiras de utilizar o JS para construir sua página dinâmica.

Inline JavaScript

<a href="javascript:void(0)">

Internal JavaScript - Você vai escrever o seu código JavaScript dentro da tag script.

1.. <script> 2.. ..console.log( 1 + 1 ) 3.. </script>

External JavaScript - Você vai escrever o seu código JavaScript em um arquivo com extensão .js, e esse arquivo será incluso em sua página HTML através do src da tag script.

<script src="assets/js/filename.js"></script>

Então é isso?

Nããoo cabeeça. Você já sabe onde você vai escrever seu código, mas e aí? Como é que escreve?

Como toda e qualquer linguagem, o JavaScript possui sua própria sintaxe, e vamos falar sobre algumas coisas que são fundamentais para você INICIAR o desenvolvimento WEB com JavaScript.

Vamos começar!

Declarando variáveis.

Tipos de dados

Olhe só, como foi dito na primeira seção deste guia, JavaScript é uma linguagem de tipificação fraca. Isso significa que você não é obrigado a setar os tipos de dados de suas variáveis e dos retornos de suas funções, e no caso do JavaScript, não há como setar esses tipos.

number - O JS não separa decimais, inteiros, ou exponencias.

var x = 13; var x = 9.81; var x = 9.998e8;

string - Representação em formato de texto.

var x = "Oi, eu sou o Goku."; console.log("Nunca ouvi falar desse tal \"Goku\"");

Sobre strings, é importante dizer algumas coisas.

Você pode concatenar duas strings com o símbolo +.

var hello = "Oi, eu sou o "; var name = "Goku"; console.log(hello + name); \\ Oi, eu sou o Goku

boolean - Representação para verdadeiro ou falso.

var x = true; var x = (0 > 1); \\false

array - Tipo composto de dados. Representa um conjunto de dados. No caso do JavaScript, o array pode ser formado com tipos mistos de dados.

Um array literal é uma lista de zero ou mais expressões, onde cada uma delas representa um elemento do array, inseridas entre colchetes ([]). Os elementos do array são indexados de zero até a quantidade de elementos do array - 1.

var arrA = [6, 7, 8, 9]; var arrB = ['Marc', 1, 4, 2, 3, 0]; length(arr); \\ Retorna 4. console.log(arrB[1]); \\ Imprime o valor 1 no console.

undefined - Representação de ausência de valor.

E aí, a introdução ao desenvolvimento web com JavaScript é isso aí.

Silhueta de rosto de mulher