curso javascript básico

30
JS Introdução ao Javascript

Upload: vinicius-dacal-lopes

Post on 19-Jul-2015

160 views

Category:

Internet


1 download

TRANSCRIPT

JS

Introdução ao Javascript

Me?

Vinicius Dacal Lopes

Me?

Graduado em Sistemas para Internet

Me?

Front end Developer

JSO que é?

JS● Linguagem de programação multiparadigma ● Funciona em browsers, tablets, smartphones, servidores, banco de dados,

etc…● Linguagem mais popular no github

JSMultiparadigma

JS

suporta estilos de programação orientado a objetos, imperativo e funcional

OrigemO JavaScript foi criada em 1995 por Brendan Eich, um engenheiro da Netscape, e lançado pela primeira vez com o Netscape 2 no início de 1996.

Foi inicialmente chamado de LiveScript, mas logo foi rebatizado, em uma decisão de marketing mal feita, para tentar crescer sobre a popularidade do Java - apesar de os dois terem muito pouco em comum. (https://developer.mozilla.org)

PadrãoO padrão JavaScript é ECMAScript. Desde 2012, todos os navegadores modernos possuem suporte total ao ECMAScript 5.1. Navegadores mais antigos suportam pelo menos ECMAScript 3.

Possibilidades Infinitas

Possibilidades Infinitas

Como começar?

Definindo Variáveis

Principais tipos de dadosNumberStringBoolean

Dados primários

Dados compostosObjectArray

nullundefined

Dados Especiais

Principais tipos de dadosNumber: 123String: “Jhon Doe”Boolean: true

Dados primários

Dados compostosObject: { }Array: [ ]

null: nullundefined: undefined

Dados Especiais

Palavras reservadasNão é permitido nomear uma variável ou parâmetro com uma palavra reservada. Também não é permitido usar uma palavra reservada como nome de uma propriedade de objeto em objeto literal ou seguindo um ponto em um refinamento.

break default function return var

case delete if switch void

catch do in this while

const else instanceof throw with

continue finally let try

debuger for new typeof

Operadores

Operador Significado

+ Soma

- Subtração

* Multiplicação

/ Divisão

% Resto/módulo

Aritméticos

Operadores

Operador Significado

== Igualdade com coerção de tipo

=== Igualdade sem coerção de tipo

> Maior

< Menor

>= Maior ou igual

<= Menor ou igual

Comparação

Operadores

Operador Significado

&& E lógico

|| OU lógico

?: Ternário

delete, new, typeof, +, -, ! Operadores unários

++ Incremento (Soma 1 ao valor atual)

-- Decremento (Subtrai 1 do valor atual)

Outros

Estruturas de condiçãoif, elseif e else switch case

Estruturas de repetiçãowhile for

for in

Tratamento de errosThrow e try catch

Throw e try catch

Objetos{ } - Objetos JavaScript são simplesmente coleções de pares chave-valor.

Arrays[ ] - Vetores em JavaScript são um tipo especial de objeto. Funcionam de forma muito similar à objetos regulares, porém eles tem uma propriedade chamada 'length'. Ela sempre é o maior índice de um array mais 1. As chaves para acessar os valores armazenados são sempre números.

FunçõesJunto com objetos, funções são os componentes principais para o entendimento do JavaScript.

Função Função anônima

Uma função sempre retorna um valor. Se um valor não for especificado com o comando return, então undefined é retornado.

EscopoDiferente de outras linguagens, o Javascript não possui escopo de bloco ({ }), o que o Javascript realmente possui é escopo de função.

Talk is cheap. Show me de code!(Linus torvalds)

ContatoE-mail: [email protected]: viniciusdacal.comTwitter: @vinicius_dacal

JS