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

Falling in love with AMD & RequireJS

Avatar for Primoz Primoz
April 02, 2014
Programming
2
190

Falling in love with AMD & RequireJS

The talk for the Spring JS meetup Ljubljana, Slovenia.

Avatar for Primoz

Primoz

April 02, 2014
Tweet

More Decks by Primoz

See All by Primoz
Beauties & Challenges of Remote Work
Avatar for Primoz primozcigler
0
72
Stripping down your CSS
Avatar for Primoz primozcigler
1
110
WordPress Themes 101
Avatar for Primoz primozcigler
0
81
ProteusThemes: from early days till today
Avatar for Primoz primozcigler
0
240
mod_pagespeed? You should use it too!
Avatar for Primoz primozcigler
1
310
From Pet Project to Full Grown Business
Avatar for Primoz primozcigler
4
140

Other Decks in Programming

See All in Programming
「ちょっと古いから」って避けてた技術書、今だからこそ読もう
Avatar for もっち mottyzzz
12
7.2k
EMこそClaude Codeでコード調査しよう
Avatar for shibayu36 shibayu36
0
470
TransformerからMCPまで（現代AIを理解するための羅針盤）
Avatar for MIKIO KUBO mickey_kubo
7
5.7k
Vueのバリデーション、結局どれを選べばいい？ ― 自作バリデーションの限界と、脱却までの道のり ― / Which Vue Validation Library Should We Really Use? The Limits of Self-Made Validation and How I Finally Moved On
Avatar for ねぎなす neginasu
2
1.7k
AI時代に必須！状況言語化スキル / ai-context-verbalization
Avatar for MinoDriven minodriven
2
200
3年ぶりにコードを書いた元CTOが Claude Codeと30分でMVPを作った話
Avatar for 小島舞子 / Maiko Kojima maikokojima
0
690
Go言語はstack overflowの夢を見るか？
Avatar for Takuto Nagami logica0419
0
650
テーブル定義書の構造化抽出して、生成AIでDWH分析を試してみた / devio2025tokyo
Avatar for kasacchiful kasacchiful
0
330
AI駆動で0→1をやって見えた光と伸びしろ
Avatar for passion😎 passion0102
1
880
スマホから Youtube Shortsを見られないようにする
Avatar for lemolatoon lemolatoon
27
34k
SODA - FACT BOOK（JP）
Avatar for SODA inc. sodainc
1
8.9k
GC25 Recap: The Code You Reviewed is Not the Code You Built / #newt_gophercon_tour
Avatar for mazrean mazrean
0
130

Featured

See All Featured
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
13k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
7.9k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Code Review Best Practice
Avatar for Trisha Gee trishagee
72
19k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.3k

Transcript

  1. @primozcigler Falling in with AMD & RequireJS ❤

  2. None
  3. None
  4. None
  5. None

  6. @primozcigler

  7. Scuba diving Knife Sharpening Astrophysics Business & Management Photography Windsurfing

    Kiting Astronomy Travelling Astrophotography Free diving & snorkeling Archery Skiing Snowboarding Fishing Pool

  8. Why?

  9. @primozcigler 27 HTML files

  10. @primozcigler HARD to maintain

  11. @primozcigler custom.js

  12. @primozcigler jquery.js jquery-plugin.js jquery-plugin.js jquery-plugin.js custom.js

  13. None
  14. None
  15. None

  16. @primozcigler HARD to reuse

  17. @primozcigler That’s why people hated JS

  18. AMD!

  19. None

  20. YO DAWG VOTED UP!

  21. None
  22. None

  23. @primozcigler Modules = easily reusable code

  24. @primozcigler define(['jquery', 'dep2', 'dep3'], function ($, dep2) { /** *

    Init of the class, setting up the options */ var MyClass = function(options) { this.defaults = $.extend({}, MyClass.DEFAULTS, options); }; /* … */ return MyClass; });

  25. bit.ly/1fJXEux

  26. Add-ons

  27. @primozcigler Optimization tool

  28. None

  29. bit.ly/1krgkm3

  30. @primozcigler Use Almond for production PROTIP

  31. @primozcigler Configure RequireJS with Grunt PROTIP

  32. Recap

  33. @primozcigler Umm, why again? • no global variables • single

    entry point to JS • more reusable blocks of code • easy to start • easy to build minified code

  34. @primozcigler It’s SPRING!

  35. @primozcigler It’s time for YOU to start falling in with

    AMD & RequireJS ❤

  36. @primozcigler Primož Cigler @primozcigler [email protected]

  37. @primozcigler Images • http://en.wikipedia.org/wiki/File:Asynchronous_Module_Definition_overview.png • http://fedgeno.com/meme-generator/uploads/152.png • http://s2.quickmeme. com/img/39/393a980a3c2a2a584363a5ddceb4420557d47bc36be20d7d23ba9ee92 2b86e62.jpg

    • color palette: http://www.colourlovers.com/palette/867235/LoversInJapan