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
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
490
AgentCoreとHuman in the Loop
Avatar for Har1101 har1101
5
230
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
Avatar for nrs nrslib
2
1.9k
AI前提で考えるiOSアプリのモダナイズ設計
Avatar for 野瀬田　裕樹 yuukiw00w
0
220
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
120
SourceGeneratorのススメ
Avatar for tkym htkym
0
190
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
640
CSC307 Lecture 06
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
680
登壇資料を作る時に意識していること #登壇資料_findy
Avatar for konifar konifar
4
1k
CSC307 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
15年続くIoTサービスの SREエンジニアが挑む 分散トレーシング導入
Avatar for Melonps melonps
2
190
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
Avatar for tetutetu214 tetutetu214
2
110

Featured

See All Featured
Design in an AI World
Avatar for tapps tapps
0
140
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
8.4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
62
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
2.7k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
200
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
350
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
900
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
450
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
0
140
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k

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!