O documento discute a evolução da linguagem JavaScript, suas características e usos, desde seu surgimento em 1995 até suas aplicações modernas. São abordados conceitos de tipagem, herança, funções e padrões de projeto, além de frameworks de testes como jsunit e jsmock. O autor enfatiza a crescente importância do JavaScript no desenvolvimento web e sua flexibilidade em comparação com outras linguagens de programação.

1. Javascript: A linguagem do futuro Ramon Felipe de Oliveira Analista de Sistema Softplan SCJA - SCJP - SCWCD

2. Agenda História Linguagens Scripting X Não Scripting Javascript Patterns Testes ECMAScript 5

3. No começo... assembly Baixo Nível 1 linha código = 1 instrução de máquina Detalhes de máquina

4. Depois... Linguagens de maior nível Abstraem detalhes de máquina Forte tipagem Fortan, Algol e depois C, C++, java

5. Depois... Um pouco menos eficientes 1 linha código = 5 instrução de máquina 1000 X 5000

6. Um pouco depois... Scripting Fraca tipagem Interpretada 1 linha código = 20 instrução de máquina

7. Forte tipagem é bom? Tipos ajudam a gerenciar complexidade Permite otimização pela dimuição de verificação runtime Importante com estruturas e algoritmos complexos

8. Scripting Maior flexibilidade Maior velocidade de desenvolvimento Um pouco mais lentas

9. Cada macaco no seu ganho SPL Criacão de componentes Scripting União de componentes

10. Scriptings em ascensão? Aumento da importância de GUI Aumento da aplicabilidade Internet Linguagens scripting melhores

11. Caixa de Skinner Skinner “ O problema com falsos padrões”

12. Comparativo desenvolvimento

14. Origens Javascript surgiu em 1995 e quando lançado se chamava LiveScript Brendan Eich Brendan Eich

15. Características Pequena Interpretada (compilada) Sofisticada Linguagem cliente Baixa tipagem Objetos são “containers” Herança por protótipos

16. Objeto em JS

17. Sintaxe Literal var obj = { nome: “Fusca", detalhes: { cor: “vermelho", ano: 1988 } }

18. Functions

19. Functions

20. Função add function add(x, y) { var total = x + y; return total; }

21. Função add var add = function(x, y) { var total = x + y; return total; }

23. function add() { var soma = 0; for (var i = 0, j = arguments.length; i < j; i++) { soma += arguments[i]; } return soma; }

24. Herança por Protótipo

25. Herança por Protótipo

26. Problema

27. function criarPessoa(nome, sobrenome) { return { nome: nome, sobrenome: sobrenome } } function nomeCompleto(pessoa) { return pessoa.nome + ‘ ‘ + pessoa.sobrenome; } function nomeCompletoInvertido(pessoa) { return pessoa.sobrenome + ', ' + pessoa.nome; } Solução 1

28. > p = criarPessoa(“João&quot;, “Silva&quot;); > nomeCompleto(p) João Silva > nomeCompletoInvertido(p) Silva, João Apesar de funcionar, não é uma solução interessante . Provavelmente, logo existirá dezenas de funções no global namespace.

29. function criarPessoa(nome, sobrenome) { return { nome: nome, sobrenome : sobrenome, nomeCompleto: function() { return this.nome + ‘ ‘ + this.sobrenome; }, nomeCompletoInvertido: function() { return this.sobrenome + ', ' + this.nome; } } } Solução 2

30. > s = criarPessoa(“João&quot;, “Silva&quot;) > s. nomeCompleto() João Silva > s. nomeCompletoInvertido() Silva, João

31. Solução 3 function Pessoa(nome, sobrenome) { this.nome = nome; this.sobrenome = sobrenome; } Pessoa.prototype.nomeCompleto = function() { return this.nome+ ' ' + this.sobrenome; } Pessoa.prototype.nomeCompletoInverso = function() { return this.sobrenome + ', ' + this.nome; }

32. Prototype

33. Closures function realizaSoma(a) { return function(b) { return a + b; } } x = realizaSoma(5 ); y = realizaSoma(20 ); x(6) ? y(7) ?

34. Patterns Old school Revealing Pattern Custom Objects Module Pattern Lazy Function Definition

35. Revealing Pattern Ver Exemplo

36. TDD e javascript JsUnit, um framework para teste de unidade JsUnit é um open source framework, inspirado no jUnit e escrito inteiramente em javascript JsMock, um Mock Object Library para JavaScript JSMock é um Mock Object library para JavaScript que fornece ferramentas necessárias para efetivos testes interativos.

37. ECMAScript 5 Strict Mode Extensibilidade de objetos configuráveis Suporte JSON Principais browsers vão dar suporte integral

38. Perguntas?

39. ` Obrigado!

40. Referências http://docs.jquery.com http://www.json.org/ http://developer.yahoo.com/yui/theater/ https :// developer .mozilla.org/ en / javascript http://javascript.crockford.com/ High Performance Web Sites :: Browser Performance Wishlist Best Practices for Speeding Up Your Web Site http://blog.dynatrace.com/2009/11/09/101-on-jquery-selector-performance/ http://www.artzstudio.com/2009/04/jquery-performance-rules/ http://www.tcl.tk/doc/scripting.html