Upgrade to Pro — share decks privately, control downloads, hide ads and more …

padrões JavaScript

Avatar for rodrigo brancher rodrigo brancher
October 20, 2012
Programming
6
390

padrões JavaScript

slides apresentados no guru sorocaba, 20/10/2012.

Avatar for rodrigo brancher

rodrigo brancher

October 20, 2012
Tweet

Other Decks in Programming

See All in Programming
余白を設計しフロントエンド開発を 加速させる
Avatar for karacoro / からころ tsukuha
7
2.1k
CSC307 Lecture 06
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
680
CSC307 Lecture 05
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
490
開発者から情シスまで - 多様なユーザー層に届けるAPI提供戦略 / Postman API Night Okinawa 2026 Winter
Avatar for tasshi tasshi
0
200
Package Management Learnings from Homebrew
Avatar for Mike McQuaid mikemcquaid
0
210
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
Avatar for nash_efp nash_efp
0
900
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
330
CSC307 Lecture 04
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
660
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
Avatar for izumin5210 izumin5210
7
2.3k
AI時代の認知負荷との向き合い方
Avatar for OptFit Corp. optfit
0
150
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
140
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
590

Featured

See All Featured
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
61
52k
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
4.6k
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
360
Fireside Chat
Avatar for paigeccino paigeccino
41
3.8k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.2k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
4.9k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.2k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k

Transcript

  1. padrões javascript na prática @ guru-sorocaba 20/10/2012

  2. eu rodrigo brancher [email protected] @rbrancher nu nudesign.com.br facebook.com/aquinanu

  3. de algum jeito, todo mundo “sabe” javascript.

  4. um jeito, to o “sabe” jav

  5. um jeito, to o “sabe” jav mas sabe mesmo?

  6. macarrão não é javascript…

  7. javascript precisa de estrutura

  8. padrões

  9. padrões são formas standard de resolver problemas recorrentes

  10. padrões são formas standard de resolver problemas recorrentes ajudam a

    escrever código melhor

  11. padrões são formas standard de resolver problemas recorrentes ajudam a

    escrever código melhor permitem construir abstrações, reduzindo a complexidade

  12. javascript basics

  13. javascript basics orientado a objetos

  14. javascript basics orientado a objetos sem classes

  15. javascript basics orientado a objetos sem classes tipagem “fraca”

  16. javascript basics orientado a objetos sem classes tipagem “fraca” prototypes

  17. reduzindo as variáveis globais

  18. no javascript, função define escopo

  19. definindo um escopo local

  20. definindo um escopo local

  21. modificando o escopo global no escopo local

  22. modificando o escopo global no escopo local

  23. sempre utilizar var para declarar variáveis no escopo local

  24. hoisting…

  25. hoisting…

  26. single var pattern

  27. None

  28. agrupar todas as declarações de variáveis locais em um único

    var, no início da função

  29. entendendo as funções no javascript

  30. declaração

  31. expressão (ou função anônima)

  32. expressão nomeada

  33. None

  34. callbacks

  35. “don’t call us, we’ll call you” escuta de eventos timeouts

    extensão de outras funções
  36. None
  37. None

  38. funções imediatas

  39. ( ) executam os objetos função

  40. execução “manual”

  41. execução imediata

  42. execução imediata com parâmetros

  43. objetos de configuração

  44. funções com muitos parâmetros não são muito práticas

  45. utilizando um objeto para passar os parâmetros

  46. passando o objeto diretamente

  47. declarando objetos literais x construtores

  48. definindo com um construtor built-in definindo com um literal

  49. definindo construtores customizados

  50. adicionando métodos utilizando o prototype

  51. let’s talk…

  52. namespace

  53. aplicações complexas tem muitos objetos

  54. entulhando o escopo global com 4 objetos…

  55. quanto menos objetos no escopo global, melhor

  56. reduzindo para apenas um!

  57. organiza o código de aplicações MVC seguindo o namespace pattern

    http://github.com/fnando/ dispatcher-js dispatcher-js

  58. um exemplo real

  59. closures definindo propriedades e métodos privados

  60. definindo privacidade em objetos construtores

  61. None

  62. definindo privacidade em objetos literais

  63. None

  64. melhorando a implementação com uma função imediata

  65. encadeamento de métodos

  66. None

  67. vamos ver alguns casos reais

  68. jquery- boilerplate https://github.com/zenorocha/ jquery-boilerplate

  69. dispatcher-js https://github.com/fnando/ dispatcher-js

  70. modernizr https://github.com/modernizr/ modernizr

  71. algumas referências

  72. javascript patterns de stoyan stefanov pela o’reilly javascript: the good

    parts de douglas crockford pela o’reilly

  73. http:// developer. mozzila.org mdn

  74. obrigado!