Javascript

Introdução

Sobre mim

Luís Otávio Cobucci Oblonczyk• Desenvolvedor PHP• Orientador SENAC-TI

http://twitter.com/lcobucci

Sobre este trabalho

• Esta apresentação foi criada sob as licenças Creative Commons

• Seu objetivo é auxiliar os alunos do Senac TI que assistem minhas aulas.

Introdução

• O Javascript é uma linguagem de programação client-side, ou seja é executada no lado do cliente, mais precisamente nos browsers (navegadores).

• Através do Javascript, podemos definir comportamentos para os elementos (X)HTML.

Básico

• Para definir ao browser que iremos utilizar o Javascript devemos usar o elemento <script>, desta forma:

<script type=“text/javascript”>

// Aqui dentro serão definidas as funcionalidades

</script>

Tipos primitivos de dados

• Para conseguirmos definir os comportamentos dos elementos (X)HTML, contamos com os seguintes tipos de dados:– String: conjunto de caracteres;– Integer: números inteiros;– Float: números racionais;– Array: grupo de valores (vetores e matrizes);– Boolean: usado nas expressões, pode possuir

dois valores: true/false.

Operadores matemáticos

• Estes são os operadores matemáticos básicos:– + soma dois números inteiros ou decimais– - subtrai dois números inteiros ou decimais– / divide dois números inteiros ou decimais– * multiplica dois números inteiros ou decimais– % retorna o resto da divisão entre dois números

inteiros ou decimais

Sintaxe

• Sintaxe é o conjunto de regras adotadas para expressar os comandos.

• Para simplificar o entendimento, adotaremos aqui convenções.

• Os comandos deverão serem finalizados com ;

• Funções e blocos de código deverão ser iniciados com { e finalizados com }

Estruturas de controle

• Quando queremos definir o fluxo da informação no nosso sistema, utilizamos as estruturas de controle, no Javascript são:– IF / ELSE IF / ELSE: operadores de

comparação– SWITCH: escolha de dados em um conjunto– FOR / WHILE / DO WHILE: loopings

Expressões

• Expressões são basicamente comparações, ou seja são baseadas em valores booleanos (verdadeiro ou falso).

• Comparadores: < (menor), <= (menor ou igual), == (igual), >= (maior ou igual), > (maior)

• Negação: ! (inverte o resultado da expressão, ou seja !true é false e !false é true)

• União de expressões: && (e) e || (ou)