Transferir como PDF, PPTX
Carregado porRomualdo Andre
Introdução JavaScript e DOM 2016
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.
Mais conteúdo relacionado
![[Testes] frameworks de testes end to-end baseados em node js](https://cdn.slidesharecdn.com/ss_thumbnails/testesframeworksdetestesend-to-endbaseadosemnodejs-180719104447-thumbnail.jpg?width=640&height=640&fit=bounds)
Semelhante a Introdução JavaScript e DOM 2016
Introdução JavaScript e DOM 2016
- 1. Introdução a JavaScript eDOM Romualdo André da Costa Analista de TI – UFRB # Thiago Mascarenhas Analista de TI – Mederi
- 2. Sumário ● Um poucode 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 dehistória No início, as páginas eram estáticas...
- 5. Um pouco dehistória Brendan Eich
- 6. Um pouco dehistória ● Mocha → LiveScript → JavaScript ● Netscape 2.0: 1995 ● Baseado em ECMAScript
- 7. Características ● Imperativa eEstruturada ● Tipagem Dinâmica ● Baseada em objetos ● Funcional: funções são objetos de primeira classe. ● Vários ambientes: web, desktop, servidor, IoT
- 8.
- 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
- 10.
- 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.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31. Classes ● Introduzida noECMAScript 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.
- 33.
- 34.
- 35.
- 36. Usando JavaScript O scriptpode 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.
- 38. Interação entre JavaScripte DOM Ver arquivos hello.html e hello.js
- 39. Referências Head First: HTML5Programming 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ódigoJSDAY 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