Introdução JavaScript e DOM
•
0 gostou•188 visualizações
O documento introduz JavaScript e DOM, discutindo brevemente a história do JavaScript, suas características, como funciona, variáveis, loops, decisões e arrays. Também aborda destructuring assignment, funções, objetos, classes, herança, interação entre JavaScript e DOM.
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Semelhante a Introdução JavaScript e DOM
Semelhante a Introdução JavaScript e DOM (20)
Mais de Romualdo Andre
Mais de Romualdo Andre (17)
Introdução JavaScript e DOM
- 1. Introdução a JavaScript e DOM Romualdo André da Costa Analista de TI – UFRB # Thiago Mascarenhas Analista de TI – Mederi
- 2. Sumário ● Um pouco de história ● Características ● Como isso funciona? ● Declarando uma variável ● Expressões ● Template strings ● Laços ● Decisões ● Arrays
- 3. Sumário ● Destructuring assignment ● Funções ● Objetos ● Classes e herança ● Usando JavaScript ● DOM ● Interação entre JavaScript e DOM
- 4. Um pouco de história No início, as páginas eram estáticas...
- 5. Um pouco de história Brendan Eich
- 6. Um pouco de história ● Mocha → LiveScript → JavaScript ● Netscape 2.0: 1995 ● Baseado em ECMAScript
- 7. Características ● Imperativa e Estruturada ● Tipagem Dinâmica ● Baseada em objetos ● Funcional: funções são objetos de primeira classe. ● Vários ambientes: web, desktop, servidor, IoT
- 9. Declarando uma variável ● Comece o nome com uma letra, _ ou $ ● Depois use qualquer letra, número, _, $ ● Evite as palavras reservadas ● Escolha nomes significativos ● CamelCase ● Use $ e _ apenas com bom motivo: convenção utilizada em algumas bibliotecas
- 11. Declarando uma variável ● const: significa que a variável não pode ser alterada. ● let: variável pode ser alterada no algoritmo. ● var: é a forma mais “fraca” de definir uma variável em JavaScript.
- 12. Hoisting
- 13. Hoisting
- 14. Expressões
- 16. Laços
- 17. Laços
- 18. Decisões
- 19. Array
- 20. Array
- 21. Array
- 24. Funções
- 25. Funções
- 26. Funções
- 27. Funções
- 28. Funções
- 29. Objeto
- 30. Objeto
- 31. Classes ● Introduzida no ECMAScript 6 (Junho/2015) ● Nada mudou em relação à herança entre objetos no JavaScript ● Nova sintaxe para lidar de forma mais clara e simples com objetos
- 32. Classes
- 33. Classes
- 36. Usando JavaScript O script pode ficar dentro do <head> Referenciar um arquivo separado dentro do <head> Colocar o script ou a referencia ao arquivo dentro do <body> Exemplo nos arquivos hello.html e hello.js
- 37. DOM
- 38. Interação entre JavaScript e DOM Ver arquivos hello.html e hello.js
- 39. Referências Head First: HTML5 Programming JavaScript: a bíblia World Wide Web: Como programar Site: www.codecademy.com Site: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript
- 40. Use o código JSDAY e ganhe 25% desconto em todo o site da Novatec até dia 07/08/16.
- 41. OBRIGADO! Thiago Mascarenhas Oliveira thiago_si@ymail.com Romualdo André da Costa romualdoandre@gmail.com http://www.programadorfeirense.com.br/blog