Curso JavaScript - Aula de Introdução como Programar

• Histórico e Conceito.
• Sintaxe e Estrutura da Linguagem.
• Associação com HTML:
– <script type=“text/javascript”>
• Objetos da Linguagem:
– String, Math, RegExp
• Funções Internas do JavaScript.

• Maneira implementada pelos navegadores
para manipulação dinâmica do HTML:
– DOM
• Pode-se manipular as CSS com JavaScript
– Propriedade style
• É possível manipular requisições:
– Ajax
• Frameworks bem desenvolvidas e práticas.

• Desenvolvida por Bredan Eich (1995) quando
trabalhava na Netscape.
– Nome inicial era: LiveScript.
– Versão atual: 1.8.5
• Derivada da ECMAScript:
– Linguagem derivada da ECMA.
• Padrão internacional.
• Veja o Apêndice “Apêndice - Ecma-262.pdf”.
• Existem outras implementações:
– JScript da Microsoft: pouco usada.

• O nome mudou: LiveScript para JavaScript
• Porque?
– Quando do navegador Netscape foi lançado
(1995) com o suporte a Applets da linguagem
Java, numa jogada de marketing, mudaram o
nome para popularizar a linguagem.
• Consequência:
– Consolidação errônea de que JavaScript é uma
linguagem derivada da linguagem Java.

• Interpretada essescialemente pelo navegador
e em alguns casos pelo servidor.
– Foco do estudo: client-side.
• Tipagem Dinâmica.
• Case Sensitive.
• Baseada em objetos
– Herança baseada em protótipos
• Avaliação em tempo de execução

Foco: JavaScript não obstrutivo

• Tag <script>, para associação e incorporação
de códigos JavaScript
• Geralmente filha de <head> com os atributos:
– type: geralmente “text/javascript”.
– scr: localização do script.
– charset: opcional, pode ser UTF-8, ou ISO-8859-1
– async: para scripts executados assincronicamente.

• Caso o navegador não tenha suporte para
JavaScript, ou ele esteja desativado:
– Utiliza-se a tag <noscript>
– Mensagem informando que os scripts não estão
habilitados.
– É interessante utilizar. Mas lembre-se é melhor
ainda se o JavaScript não interferir na navegação:
não obstrutivo.

• Nome de qualquer variável, constante, função,
objeto, propriedade, método ou coleção:
– O primeiro caráter deve ser uma letra ou uma
underscrore “_”.
– Os caracteres seguintes podem ser letras,
números ou underscore.
– Não deve haver espaço entre os caracteres.
– O nome não deve ser igual a uma palavra
reservada da linguagem.

var nome;
nome = “Zé”;
nome = 18;
Não declarei tipo e alterei
o tipo de dado da variável:
Tipagem Dinâmica!

const idade = 18;
Não declarei tipo e não
poderei mais alterar o
valor de idade.

• Conjunto de valores associados em uma única
variável.
var nomes = new Array(“Jão”, “Zé”, “Creuza”);
var nomes = [“Jão”, “Zé”, “Creuza”];
var nomes[“homem”] = [“Jão”, “Zé”]

Aritméticos, lógicos e comparação

• Tipo de Operadores:
– Aritméticos.
– Lógicos e Relacionais.
– Bit-a-Bit ou Bitwise.
– Atribuição Composta.
– Outros operadores.
• Ver apêndice: “Operadores JavaScript.pdf”

// Comentário de uma linha
/* Comentário de
múltiplas linhas
*/
/** Formato de comentário
* recomendado para métodos e
* propriedades de Objetos
**/

if(nome == “Zé”){
// bloco de instruções
} else
// else “opcional” switch(nome){
case ‘Zé’:
// bloco de instruções.
break;
case ‘Jão’:
// bloco de instruções.
break;
default:
// não caiu e nenhum case.
break;
}

for(var i=0; i<10; i++) {
// instruções.
}
for(argumento in objeto){
//instrução;
}
while(i != 10) {
i++;
}
do {
i++;
} while(i != 10);

function getNome(){
return this.nome;
}
function setNome(nome = ‘Zé’) {
this.nome = nome;
}

try {
// tetando executar uma instrução
} catch(Exception e) {
alert(e.getMessage());
// tento outra instrução.
} finally {
alert(‘Deu tudo errado!’);
}
if(valor == 0) {
throw new Exception(“Não pode ser Zero!”);
}

Muito mais do que você Pensa!

• Objetos podem ser divididos em quatro
grupos:
– Intrínsecos.
– Criados pelo usuário.
– Objetos da entidade executora (ex: Navegador).
– Objetos Embutidos

• Encapsulamento
• Herança
• Poliformismo
• Interface de Objetos:
– Classes: C++, Java, PHP
– Protótipos: JavaScript
Considere um objeto Animal.
Gato é um animal, logo Gato
pode herdar funcionalides de
Animal. Gato pode modificar
essas funcionalidades –
poliformismo – e
implementar novas em tempo
de execução: protótipos!

Objetos intrínsecos da linguagem

• Array
• Boolean
• Date
• Error
• Function
• Global
• Math
• Number
• Objetct
• RegExp
• String

www.tiago.blog.br
tiago@tiago.blog.br

Curso JavaScript - Aula de Introdução como Programar

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à Curso JavaScript - Aula de Introdução como Programar

Similaire à Curso JavaScript - Aula de Introdução como Programar (20)

Plus de Tiago Antônio da Silva

Plus de Tiago Antônio da Silva (20)

Curso JavaScript - Aula de Introdução como Programar