Javascript dos novos tempos 2.0

Releitura para a edição 14 do Fisl.

Um guia de análise da importância de Code Standard, os principais Design Patterns e linguagens que compilam para Javascript.
Mapa do eco-sistema Node.js destacando suas características e seu gerenciador de pacotes (NPM).

Vídeo: http://youtu.be/YqN-c-zVl0w

Transcript

1. Javascript
   dos novos
   tempos 2.0
   

   View Slide

2. twitter.com/jcemer
   github.com/jcemer
   Jean Carlo Emer
   

   View Slide

3. View Slide

4. View Slide

5. 1. Entenda de algorítmos
   2. Aprenda a linguagem
   3. Crie uma conta no GitHub
   

   View Slide

6. 1. Fantástico mundo do DHTML - 90’s
   2. Aplicações front-end sérias
   3. Server-side
   

   View Slide

7. View Slide

8. jQuery
   PrototypeJS
   Scriptaculous
   

   View Slide

9. github.com/jcemer/geo-colony
   

   View Slide

10. Como aprendi Javascript!?
    

    View Slide

11. View Slide

12. View Slide

13. Code Style
    

    View Slide

14. Usará ponto e vírgula?
    Qual será a indentação?
    Como serão as
    nomenclaturas?
    Onde irão quebras de linha e
    espaços?
    

    View Slide

15. Idiomatic.js
    Principles of Writing
    Consistent, Idiomatic
    Javascript
    

    View Slide

16. Code Style
    JSHint e JSLint
    

    View Slide

17. Comma-first Style
    

    View Slide

18. Design Patterns
    

    View Slide

19. Learning Javascript
    Design Patterns
    Addy Osmani - 2012
    

    View Slide

20. View Slide

21. Design Patterns
    Module Pattern
    

    View Slide

22. Revealing Module Pattern
    

    View Slide

23. Design Patterns
    Publish / Subscribe Pattern
    

    View Slide

24. Publish / Subscribe Pattern
    

    View Slide

25. Design Patterns
    Factory Pattern
    

    View Slide

26. Design Patterns
    jQuery Boilerplate
    

    View Slide

27. Templates
    

    View Slide

28. 1.
    2.
    

    View Slide

29. Design Patterns
    MV* Patterns
    

    View Slide

30. Backbone
    AngularJS
    Spine
    Ember.js
    KnockoutJS
    YUI
    

    View Slide

31. View Slide

32. Coffeescript
    

    View Slide

33. Build tasks da biblioteca
    

    View Slide

34. Lista das
    linguagens que
    compilam para JS
    github.com/jashkenas/
    coffee-script/wiki/
    List-of-languages-that-
    compile-to-JS
    

    View Slide

35. Node.js
    

    View Slide

36. View Slide

37. View Slide

38. View Slide

39. Node.js
    Módulos
    math.js inc.js prog.js
    

    View Slide

40. browser node
    declare-two.js
    prog.js
    Node.js
    Escopos
    

    View Slide

41. package.json
    Node.js
    Packages
    

    View Slide

42. Node.js
    Node Packaged Modules
    

    View Slide

43. View Slide

44. You’re the
    operator
    with your
    pocket
    calculator
    

    View Slide

45. Obrigado
    @jcemer
    

    View Slide