JS
Introdução ao Javascript
Me?
Vinicius Dacal Lopes
Me?
Graduado em Sistemas para Internet
Me?
Front end Developer
JS
O que é?
JS
● Linguagem de programação multiparadigma
● Funciona em browsers, tablets, smartphones, servidores, banco de dados,
etc...
JS
Multiparadigma
JS
suporta estilos de programação orientado a objetos,
imperativo e funcional
Origem
O JavaScript foi criada em 1995 por Brendan Eich, um engenheiro da Netscape,
e lançado pela primeira vez com o Nets...
Padrão
O padrão JavaScript é ECMAScript. Desde 2012, todos os navegadores
modernos possuem suporte total ao ECMAScript 5.1...
Possibilidades Infinitas
Possibilidades Infinitas
Como começar?
Definindo Variáveis
Principais tipos de dados
Number
String
Boolean
Dados primários
Dados compostos
Object
Array
null
undefined
Dados Especiais
Principais tipos de dados
Number: 123
String: “Jhon Doe”
Boolean: true
Dados primários
Dados compostos
Object: { }
Array: ...
Palavras reservadas
Não é permitido nomear uma variável ou parâmetro com uma palavra reservada. Também
não é permitido usa...
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
>= Maio...
Operadores
Operador Significado
&& E lógico
|| OU lógico
?: Ternário
delete, new, typeof, +, -, ! Operadores unários
++ In...
Estruturas de condição
if, elseif e else switch case
Estruturas de repetição
while for
for in
Tratamento de erros
Throw 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, p...
Funções
Junto com objetos, funções são os componentes principais para o
entendimento do JavaScript.
Função Função anônima
...
Escopo
Diferente de outras linguagens, o Javascript não possui escopo de
bloco ({ }), o que o Javascript realmente possui ...
Talk is cheap. Show me
de code!
(Linus torvalds)
Contato
E-mail: vinciusldacal@gmail.com
Blog: viniciusdacal.com
Twitter: @vinicius_dacal
JS
Próximos SlideShares
Carregando em…5
×

Curso javascript básico

1.067 visualizações

Publicada em

Slides do mini curso de Javascript ministrado na Faculdade Alfa de Umuarama

Publicada em: Internet
0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.067
No SlideShare
0
A partir de incorporações
0
Número de incorporações
158
Ações
Compartilhamentos
0
Downloads
59
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Curso javascript básico

  1. 1. JS Introdução ao Javascript
  2. 2. Me? Vinicius Dacal Lopes
  3. 3. Me? Graduado em Sistemas para Internet
  4. 4. Me? Front end Developer
  5. 5. JS O que é?
  6. 6. JS ● Linguagem de programação multiparadigma ● Funciona em browsers, tablets, smartphones, servidores, banco de dados, etc… ● Linguagem mais popular no github
  7. 7. JS Multiparadigma
  8. 8. JS suporta estilos de programação orientado a objetos, imperativo e funcional
  9. 9. Origem O 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)
  10. 10. Padrão O 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.
  11. 11. Possibilidades Infinitas
  12. 12. Possibilidades Infinitas
  13. 13. Como começar?
  14. 14. Definindo Variáveis
  15. 15. Principais tipos de dados Number String Boolean Dados primários Dados compostos Object Array null undefined Dados Especiais
  16. 16. Principais tipos de dados Number: 123 String: “Jhon Doe” Boolean: true Dados primários Dados compostos Object: { } Array: [ ] null: null undefined: undefined Dados Especiais
  17. 17. Palavras reservadas Nã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
  18. 18. Operadores Operador Significado + Soma - Subtração * Multiplicação / Divisão % Resto/módulo Aritméticos
  19. 19. 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
  20. 20. 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
  21. 21. Estruturas de condição if, elseif e else switch case
  22. 22. Estruturas de repetição while for for in
  23. 23. Tratamento de erros Throw e try catch
  24. 24. Throw e try catch
  25. 25. Objetos { } - Objetos JavaScript são simplesmente coleções de pares chave-valor.
  26. 26. 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.
  27. 27. Funções Junto 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.
  28. 28. Escopo Diferente de outras linguagens, o Javascript não possui escopo de bloco ({ }), o que o Javascript realmente possui é escopo de função.
  29. 29. Talk is cheap. Show me de code! (Linus torvalds)
  30. 30. Contato E-mail: vinciusldacal@gmail.com Blog: viniciusdacal.com Twitter: @vinicius_dacal JS

×