{"id":262,"date":"2013-04-11T19:36:18","date_gmt":"2013-04-11T19:36:18","guid":{"rendered":"http:\/\/www.webninjataylor.com\/library\/?p=262"},"modified":"2014-06-24T21:36:17","modified_gmt":"2014-06-24T21:36:17","slug":"requirejs-basics","status":"publish","type":"post","link":"https:\/\/webninjataylor.com\/library\/requirejs-basics\/","title":{"rendered":"RequireJS Basics"},"content":{"rendered":"<ul>\n<li>RequireJS loads scripts asynchronously and out of order for speed<\/li>\n<li>Define modules with dependencies<\/li>\n<li>Written in JS, so &#8220;.js&#8221; is not needed when declaring scripts to load<\/li>\n<\/ul>\n<pre>&lt;script src=\"\/Scripts\/require.js\" data-main=\"\/Scripts\/app\/main.js\"&gt;&lt;\/script&gt;<\/pre>\n<p>Contents of main.js could look like this&#8230;<\/p>\n<pre>require([\r\n        \"mylibs\/utils\",\r\n        \"mylibs\/palette\"\r\n    ], function(utils, palette){\r\n        \/\/ The app is loaded...\r\n    }\r\n);\r\n<\/pre>\n<p>Defining dependencies in a JS module&#8230;<\/p>\n<pre>define([\"mylibs\/utils\"], function(utils){\r\n        \/\/ MY MODULE\r\n    }\r\n);<\/pre>\n<h2>Resources<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.kendoui.com\/blogs\/teamblog\/posts\/13-05-08\/requirejs-fundamentals.aspx\" target=\"_blank\">RequireJS Fundamentals<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>RequireJS loads scripts asynchronously and out of order for speed Define modules with dependencies Written in JS, so &#8220;.js&#8221; is not needed when declaring scripts to load &lt;script src=&#8221;\/Scripts\/require.js&#8221; data-main=&#8221;\/Scripts\/app\/main.js&#8221;&gt;&lt;\/script&gt; Contents of main.js could look like this&#8230; require([ &#8220;mylibs\/utils&#8221;, &#8220;mylibs\/palette&#8221; ], function(utils, palette){ \/\/ The app is loaded&#8230; } ); Defining dependencies in a JS [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[144],"tags":[9,66],"class_list":["post-262","post","type-post","status-publish","format-standard","hentry","category-web-shots","tag-javascript","tag-requirejs"],"_links":{"self":[{"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/posts\/262","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/comments?post=262"}],"version-history":[{"count":8,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/posts\/262\/revisions"}],"predecessor-version":[{"id":3378,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/posts\/262\/revisions\/3378"}],"wp:attachment":[{"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/media?parent=262"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/categories?post=262"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/tags?post=262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}