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

Falling in love with AMD & RequireJS

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Primoz Primoz
April 02, 2014
Programming
200
2

Falling in love with AMD & RequireJS

The talk for the Spring JS meetup Ljubljana, Slovenia.

Avatar for Primoz

Primoz

April 02, 2014

More Decks by Primoz

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

Other Decks in Programming

See All in Programming
3Dシーンの圧縮
Avatar for Fadis fadis
1
740
脅威をエンジニアリングの糧にして――現場編 / Turning Threats into Engineering Fuel — Field Edition
Avatar for nrs nrslib
0
270
LLM Plugin for Node-REDの利用方法と開発について
Avatar for 404background 404background
0
170
代数的データ型って何が嬉しいの？ #frontend_phpcon_do
Avatar for Takuma Kajikawa kajitack
8
3.3k
The NotImplementedError Problem in Ruby
Avatar for Koichi ITO koic
1
710
Java × distroless で 軽量なコンテナイメージを / Java on Distroless
Avatar for Daisuke Garaike contour_gara
0
530
CSC307 Lecture 17
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
320
Oxlintのカスタムルールの現況
Avatar for syumai syumai
6
1.1k
ユニットテストの先へ：テスト技法で要求・仕様を整理するJava開発実践 / Beyond_Unit_Testing_Practical_Java_Development_Techniques_for_Organizing_Requirements_and_Specifications
Avatar for SHIMANE, Yoshikazu shimashima35
0
390
Vue × Nuxt × Oxc どこまで使える？実運用の現在地
Avatar for ANDPAD inc andpad
0
210
並列実装の現場、2ヶ月間実務でAIを使い倒したAIもPCも私も限界が近い
Avatar for ming ming_ayami
0
120
TAKTでAI駆動開発の品質を設計する
Avatar for かとじゅん j5ik2o
6
1.2k

Featured

See All Featured
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
180
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
62
54k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
350
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.5k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
107
250k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.7k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.2k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
2
570

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