Introdução ao JavaScript

Aula de introdução ao JavaScript para os desenvolvedores do CEIT em Cabrália

Transcript

1. Vitor  Leal  -­‐ Introdução  ao   JavaScript
2. 2 O  que  é? O  JavaScript  é  uma  linguagem  de  programação  do  lado   cliente,  ou  seja,  é  processada  pelo  próprio  navegador   (Firefox,  Chrome,  Opera,  Internet  Explorer).       Com  o  JavaScript  podemos  proporcionar  uma  maior   interaFvidade  com  nossos  usuários.
3. Como  iniciar?
4. 4 Como  iniciar? Como  uFlizamos  JavaScript  nas  nossas  páginas  HTML • Crie  uma  pasta  chamada  js   • Dentro  da  pasta  crie  um  arquivo  chamado  main.js Agora  vamos  ver  como  inserir  nosso  arquivo  JavaScript  na   nossa  página  HTML
5. Como  iniciar?
6. Como  iniciar?
7. 7 Como  iniciar? Como  iniciar  nosso  script  quando  a  página  (document)   terminar  de  carregar.
8. Tipos  de  Dados
9. Tipos  de  dados  Primários
10. Tipos  de  dados  Compostos
11. Tipos  de  dados  Especiais
12. Como  verificar  os  Epos
13. Como  verificar  os  Epos
14. Condicionais
15. Condicionais  -­‐  if,  else
16. Condicionais  -­‐  if,  else  if,  else
17. Condicionais  -­‐  switch
18. Interagindo  com  Arrays
19. Interagindo  com  Arrays  -­‐  for,  forEach
20. Selecionar  elementos
21. Selecionar  elementos  -­‐  querySelector
22. Selecionar  elementos  -­‐  querySelectorAll
23. Como  alterar  as  classes   de  em  um  elemento
24. Como  alterar  as  classes  -­‐  classList
25. Como  adicionar   eventos  nos  elementos
26. Como  adicionar  eventos  -­‐  addEventListener
27. Como  alterar  o  texto   de  tags  html
28. Como  alterar  o  texto  de  tags  html  -­‐  textContent
29. Como  acessar   conteúdos  de  APIs   externas
30. Acessar  conteúdos  de  APIs  externas  -­‐  XMLHRpRequest
31. Referências
32. 32 Referências hMps://developer.mozilla.org/pt-­‐BR/docs/Web/API/ XMLHMpRequest/Usando_XMLHMpRequest
33. Vitor  Leal Analista  de  Sistemas  e  Negócios   Centro  de  Inovação  da  Telefonica  VIVO github.com/vitorleal github: @vitorleal twiMer: