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

1. JS
Introdução ao Javascript

2. Me?
Vinicius Dacal Lopes

3. Me?
Graduado em Sistemas para Internet

4. Me?
Front end Developer

5. JS
O que é?

6. JS
● Linguagem de programação multiparadigma
● Funciona em browsers, tablets, smartphones, servidores, banco de dados,
etc…
● Linguagem mais popular no github

7. JS
Multiparadigma

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

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. 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. Possibilidades Infinitas

12. Possibilidades Infinitas

13. Como começar?

14. Definindo Variáveis

15. Principais tipos de dados
Number
String
Boolean
Dados primários
Dados compostos
Object
Array
null
undefined
Dados Especiais

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. 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. Operadores
Operador Significado
+ Soma
- Subtração
* Multiplicação
/ Divisão
% Resto/módulo
Aritméticos

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. 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. Estruturas de condição
if, elseif e else switch case

22. Estruturas de repetição
while for
for in

23. Tratamento de erros
Throw e try catch

24. Throw e try catch

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

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. 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. Escopo
Diferente de outras linguagens, o Javascript não possui escopo de
bloco ({ }), o que o Javascript realmente possui é escopo de função.

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

30. Contato
E-mail: vinciusldacal@gmail.com
Blog: viniciusdacal.com
Twitter: @vinicius_dacal
JS