{"id":2856,"date":"2014-10-06T10:19:16","date_gmt":"2014-10-06T13:19:16","guid":{"rendered":"http:\/\/blog.dialhost.com.br\/?p=2856"},"modified":"2014-10-06T10:19:16","modified_gmt":"2014-10-06T13:19:16","slug":"gerenciando-dependencias-com-requirejs","status":"publish","type":"post","link":"https:\/\/www.dialhost.com.br\/blog\/gerenciando-dependencias-com-requirejs\/","title":{"rendered":"Gerenciando depend\u00eancias com RequireJS"},"content":{"rendered":"<figure id=\"attachment_2755\" aria-describedby=\"caption-attachment-2755\" style=\"width: 700px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/blog.dialhost.com.br\/wp-content\/uploads\/2014\/09\/php.jpg\"><img loading=\"lazy\" class=\"size-full wp-image-2755\" src=\"http:\/\/blog.dialhost.com.br\/wp-content\/uploads\/2014\/09\/php.jpg\" alt=\"Imagem ilustrativa\" width=\"700\" height=\"260\" \/><\/a><figcaption id=\"caption-attachment-2755\" class=\"wp-caption-text\">Imagem ilustrativa<\/figcaption><\/figure>\n<p><a href=\"http:\/\/requirejs.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">RequireJS <\/a>\u00e9 uma tecnologia desenvolvida de JavaScript para JavaScript cujo prop\u00f3sito \u00e9 ser a solu\u00e7\u00e3o das depend\u00eancias da sua aplica\u00e7\u00e3o ou site.<\/p>\n<p>Para dar vida ao cen\u00e1rio, entenda que quando voc\u00ea usa jQuery, por exemplo, voc\u00ea naturalmente tem uma depend\u00eancia. O controle de depend\u00eancias n\u00e3o se limita somente \u00e0 biblioteca de terceiros, porque caso voc\u00ea mesmo tenha criado um script que dependa de outro tamb\u00e9m seu, o RequireJS tamb\u00e9m consegue esse poder de gerenciamento para voc\u00ea.<\/p>\n<p><strong>Mas afinal, por que controlar depend\u00eancias?<\/strong><\/p>\n<p>Isso torna a sua aplica\u00e7\u00e3o mais flex\u00edvel; mais modular. \u00c0s vezes n\u00f3s temos um script espec\u00edfico para uma p\u00e1gina que ir\u00e1 fazer uma simples anima\u00e7\u00e3o quando passarmos o mouse sobre o menu. Essa anima\u00e7\u00e3o, por sua vez, depende do $.addClass(); do jQuery \u2013 e a\u00ed? Como voc\u00ea faz?<\/p>\n<p>Vamos detalhar um pouco mais a necessidade; voc\u00ea possui tr\u00eas p\u00e1ginas, s\u00e3o elas:<\/p>\n<ul>\n<li><strong>index.html<\/strong> para a sua p\u00e1gina principal;<\/li>\n<li><strong>contact.html<\/strong> para a sua p\u00e1gina de contato;<\/li>\n<li><strong>about.html<\/strong> para a sua p\u00e1gina de informa\u00e7\u00f5es sobre voc\u00ea ou sua empresa.<\/li>\n<\/ul>\n<p>Elas s\u00e3o simples e compartilham v\u00e1rios recursos entre si. Entretanto, a contact.html possui um formul\u00e1rio de contato e voc\u00ea ir\u00e1, por fim, usar o <a href=\"http:\/\/jqueryvalidation.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">jQuery Validation <\/a>para fazer a sanitiza\u00e7\u00e3o dos seus campos.<\/p>\n<p>Vamos, ent\u00e3o, filosofar:<\/p>\n<ul>\n<li>Quem precisa do qu\u00ea? \u2013 <em>A p\u00e1gina contact.html precisa do jQuery Validation.<\/em><\/li>\n<li>O jQuery Validation depende de algu\u00e9m? Se sim, de quem? \u2013 <em>Sim, ele depende do jQuery em si.<\/em><\/li>\n<li>Contact.html seria, ent\u00e3o, dependente do jQuery Vaildation e, consequentemente, do jQuery? \u2013 <em>Sim<\/em>.<\/li>\n<\/ul>\n<p>Ainda n\u00e3o percebeu o \u201cxis\u201d da quest\u00e3o? <strong>index.html<\/strong> e<strong> about.html<\/strong> n\u00e3o precisam do jQuery Validation e, quem sabe, nem do jQuery em si. \u00c9 um desperd\u00edcio imenso injetarmos c\u00f3digo desnecess\u00e1rio nessas p\u00e1ginas \u2013 mais carregamento, mais depend\u00eancias por demanda para se preocupar e etc.<\/p>\n<p><strong>Come\u00e7ando<\/strong><\/p>\n<p>O RequireJS n\u00e3o \u00e9 um gerenciador de depend\u00eancias qualquer. Ele \u00e9 um AMD &#8211; <a href=\"http:\/\/en.wikipedia.org\/wiki\/Asynchronous_module_definition\" target=\"_blank\" rel=\"noopener noreferrer\">Asynchronous Module Definition<\/a> -, o que significa que suas depend\u00eancias n\u00e3o s\u00e3o carregadas por meio de um processo s\u00edncrono, mas sim ass\u00edncrono. Em outras palavras, voc\u00ea requisita e define m\u00f3dulos sob demanda, quando e onde precisar.<\/p>\n<p>Para come\u00e7armos de fato, tenha em mente que criaremos um aplicativo do zero com uma boa estrutura de inicia\u00e7\u00e3o. Para irmos al\u00e9m, o primeiro passo \u00e9 fazer o download da \u00faltima vers\u00e3o \u2013 minificada ou n\u00e3o \u2013 do RequireJS. Depois, veja a estrutura da nossa aplica\u00e7\u00e3o:<\/p>\n<div class=\"line alt1\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 14px; vertical-align: baseline !important; text-align: left; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 15.3999996185303px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-weight: normal; font-style: normal; min-height: inherit !important; color: #333333; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: none #ffffff !important;\">\n<table style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; border-collapse: collapse !important; width: auto !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tbody style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tr style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<td class=\"number\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 3em !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #afafaf !important; background: none !important;\"><code style=\"margin: 0px !important; padding: 0px 0.3em 0px 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: right !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 2.7em !important; font-weight: normal !important; min-height: inherit !important; display: block !important; background: none !important;\">1<\/code><\/td>\n<td class=\"content\" style=\"margin: 0px !important; padding: 0px 0px 0px 0.5em !important; border-width: 0px 0px 0px 3px !important; border-left-style: solid !important; border-left-color: #6ce26c !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #000000 !important; white-space: pre !important; background: none !important;\"><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">app\u00a0 <\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"line alt2\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 14px; vertical-align: baseline !important; text-align: left; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 15.3999996185303px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-weight: normal; font-style: normal; min-height: inherit !important; color: #333333; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: none #f8f8f8 !important;\">\n<table style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; border-collapse: collapse !important; width: auto !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tbody style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tr style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<td class=\"number\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 3em !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #afafaf !important; background: none !important;\"><code style=\"margin: 0px !important; padding: 0px 0.3em 0px 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: right !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 2.7em !important; font-weight: normal !important; min-height: inherit !important; display: block !important; background: none !important;\">2<\/code><\/td>\n<td class=\"content\" style=\"margin: 0px !important; padding: 0px 0px 0px 0.5em !important; border-width: 0px 0px 0px 3px !important; border-left-style: solid !important; border-left-color: #6ce26c !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #000000 !important; white-space: pre !important; background: none !important;\"><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">|--index.html<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"line alt1\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 14px; vertical-align: baseline !important; text-align: left; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 15.3999996185303px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-weight: normal; font-style: normal; min-height: inherit !important; color: #333333; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: none #ffffff !important;\">\n<table style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; border-collapse: collapse !important; width: auto !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tbody style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tr style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<td class=\"number\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 3em !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #afafaf !important; background: none !important;\"><code style=\"margin: 0px !important; padding: 0px 0.3em 0px 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: right !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 2.7em !important; font-weight: normal !important; min-height: inherit !important; display: block !important; background: none !important;\">3<\/code><\/td>\n<td class=\"content\" style=\"margin: 0px !important; padding: 0px 0px 0px 0.5em !important; border-width: 0px 0px 0px 3px !important; border-left-style: solid !important; border-left-color: #6ce26c !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #000000 !important; white-space: pre !important; background: none !important;\"><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">`--assets<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"line alt2\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 14px; vertical-align: baseline !important; text-align: left; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 15.3999996185303px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-weight: normal; font-style: normal; min-height: inherit !important; color: #333333; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: none #f8f8f8 !important;\">\n<table style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; border-collapse: collapse !important; width: auto !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tbody style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tr style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<td class=\"number\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 3em !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #afafaf !important; background: none !important;\"><code style=\"margin: 0px !important; padding: 0px 0.3em 0px 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: right !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 2.7em !important; font-weight: normal !important; min-height: inherit !important; display: block !important; background: none !important;\">4<\/code><\/td>\n<td class=\"content\" style=\"margin: 0px !important; padding: 0px 0px 0px 0.5em !important; border-width: 0px 0px 0px 3px !important; border-left-style: solid !important; border-left-color: #6ce26c !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #000000 !important; white-space: pre !important; background: none !important;\"><code class=\"spaces\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; background: none !important;\">\u00a0\u00a0\u00a0<\/code><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">`--js<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"line alt1\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 14px; vertical-align: baseline !important; text-align: left; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 15.3999996185303px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-weight: normal; font-style: normal; min-height: inherit !important; color: #333333; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: none #ffffff !important;\">\n<table style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; border-collapse: collapse !important; width: auto !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tbody style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tr style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<td class=\"number\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 3em !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #afafaf !important; background: none !important;\"><code style=\"margin: 0px !important; padding: 0px 0.3em 0px 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: right !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 2.7em !important; font-weight: normal !important; min-height: inherit !important; display: block !important; background: none !important;\">5<\/code><\/td>\n<td class=\"content\" style=\"margin: 0px !important; padding: 0px 0px 0px 0.5em !important; border-width: 0px 0px 0px 3px !important; border-left-style: solid !important; border-left-color: #6ce26c !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #000000 !important; white-space: pre !important; background: none !important;\"><code class=\"spaces\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; background: none !important;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">|--main.js<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"line alt2\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 14px; vertical-align: baseline !important; text-align: left; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 15.3999996185303px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-weight: normal; font-style: normal; min-height: inherit !important; color: #333333; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: none #f8f8f8 !important;\">\n<table style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; border-collapse: collapse !important; width: auto !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tbody style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tr style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<td class=\"number\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 3em !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #afafaf !important; background: none !important;\"><code style=\"margin: 0px !important; padding: 0px 0.3em 0px 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: right !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 2.7em !important; font-weight: normal !important; min-height: inherit !important; display: block !important; background: none !important;\">6<\/code><\/td>\n<td class=\"content\" style=\"margin: 0px !important; padding: 0px 0px 0px 0.5em !important; border-width: 0px 0px 0px 3px !important; border-left-style: solid !important; border-left-color: #6ce26c !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #000000 !important; white-space: pre !important; background: none !important;\"><code class=\"spaces\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; background: none !important;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">`--libs<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"line alt1\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 14px; vertical-align: baseline !important; text-align: left; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 15.3999996185303px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-weight: normal; font-style: normal; min-height: inherit !important; color: #333333; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: none #ffffff !important;\">\n<table style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; border-collapse: collapse !important; width: auto !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tbody style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tr style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<td class=\"number\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 3em !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #afafaf !important; background: none !important;\"><code style=\"margin: 0px !important; padding: 0px 0.3em 0px 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: right !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 2.7em !important; font-weight: normal !important; min-height: inherit !important; display: block !important; background: none !important;\">7<\/code><\/td>\n<td class=\"content\" style=\"margin: 0px !important; padding: 0px 0px 0px 0.5em !important; border-width: 0px 0px 0px 3px !important; border-left-style: solid !important; border-left-color: #6ce26c !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #000000 !important; white-space: pre !important; background: none !important;\"><code class=\"spaces\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; background: none !important;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">|--jquery.2-1-1.min.js<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"line alt2\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 14px; vertical-align: baseline !important; text-align: left; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 15.3999996185303px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-weight: normal; font-style: normal; min-height: inherit !important; color: #333333; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: none #f8f8f8 !important;\">\n<table style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; border-collapse: collapse !important; width: auto !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tbody style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tr style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<td class=\"number\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 3em !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #afafaf !important; background: none !important;\"><code style=\"margin: 0px !important; padding: 0px 0.3em 0px 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: right !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 2.7em !important; font-weight: normal !important; min-height: inherit !important; display: block !important; background: none !important;\">8<\/code><\/td>\n<td class=\"content\" style=\"margin: 0px !important; padding: 0px 0px 0px 0.5em !important; border-width: 0px 0px 0px 3px !important; border-left-style: solid !important; border-left-color: #6ce26c !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #000000 !important; white-space: pre !important; background: none !important;\"><code class=\"spaces\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; background: none !important;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">`--require.js<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>&nbsp;<\/p>\n<ul>\n<li>app\/ \u00e9 a pasta raiz<\/li>\n<li>app\/index.html\/ \u00e9 a p\u00e1gina principal<\/li>\n<li>app\/assets\/ \u00e9 a pasta com o material da sua aplica\u00e7\u00e3o<\/li>\n<li>app\/assets\/js\/ \u00e9 a pasta que comportar\u00e1 o nosso material JavaScript<\/li>\n<li>app\/assets\/js\/main.js\/ \u00e9 onde configuraremos os atributos principais do RequireJS<\/li>\n<li>app\/assets\/js\/libs\/ \u00e9 a pasta de bibliotecas de terceiros.<\/li>\n<\/ul>\n<p>Se voc\u00ea levantou essa estrutura, ent\u00e3o m\u00e3os ao code!<\/p>\n<p>No index.html, dentro do elemento <em>&lt;head&gt;&lt;\/head&gt;<\/em> , vamos invocar o <em>app\/assets\/js\/libs\/require.js<\/em> e o seu configurador, <em>app\/assets\/js\/main.js\/:<\/em><\/p>\n<table style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 14px; vertical-align: baseline !important; border-collapse: collapse !important; width: auto !important; text-align: left; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; line-height: 15.3999996185303px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-weight: normal; font-style: normal; min-height: inherit !important; color: #333333; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: none !important;\">\n<tbody style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tr style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<td class=\"number\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 3em !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #afafaf !important; background: none !important;\"><code style=\"margin: 0px !important; padding: 0px 0.3em 0px 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: right !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 2.7em !important; font-weight: normal !important; min-height: inherit !important; display: block !important; background: none !important;\">1<\/code><\/td>\n<td class=\"content\" style=\"margin: 0px !important; padding: 0px 0px 0px 0.5em !important; border-width: 0px 0px 0px 3px !important; border-left-style: solid !important; border-left-color: #6ce26c !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #000000 !important; white-space: pre !important; background: none !important;\"><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">&lt;script data-main=\"assets\/js\/main\"<br \/>\nsrc=\"assets\/js\/libs\/require.js\"&gt;&lt;\/script&gt;<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Note que estamos matando dois coelhos numa cajadada s\u00f3 &#8211; quando voc\u00ea solicita pelo require.js, ele busca pelo seu configurador atrav\u00e9s do atributo data-main do mesmo elemento invocador (&lt;script&gt;&lt;\/script&gt;). O caminho de diret\u00f3rio \u00e9 o mesmo que o utilizado em src, mas voc\u00ea pode omitir a extens\u00e3o .js porque o RequireJS traduz isso para voc\u00ea.<\/p>\n<p>Agora, no main.js, teremos o seguinte script:<\/p>\n<div class=\"line alt1\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 14px; vertical-align: baseline !important; text-align: left; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 15.3999996185303px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-weight: normal; font-style: normal; min-height: inherit !important; color: #333333; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: none #ffffff !important;\">\n<table style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; border-collapse: collapse !important; width: auto !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tbody style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tr style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<td class=\"number\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 3em !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #afafaf !important; background: none !important;\"><code style=\"margin: 0px !important; padding: 0px 0.3em 0px 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: right !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 2.7em !important; font-weight: normal !important; min-height: inherit !important; display: block !important; background: none !important;\">1<\/code><\/td>\n<td class=\"content\" style=\"margin: 0px !important; padding: 0px 0px 0px 0.5em !important; border-width: 0px 0px 0px 3px !important; border-left-style: solid !important; border-left-color: #6ce26c !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #000000 !important; white-space: pre !important; background: none !important;\"><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">require.config({\u00a0 <\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"line alt2\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 14px; vertical-align: baseline !important; text-align: left; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 15.3999996185303px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-weight: normal; font-style: normal; min-height: inherit !important; color: #333333; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: none #f8f8f8 !important;\">\n<table style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; border-collapse: collapse !important; width: auto !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tbody style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tr style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<td class=\"number\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 3em !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #afafaf !important; background: none !important;\"><code style=\"margin: 0px !important; padding: 0px 0.3em 0px 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: right !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 2.7em !important; font-weight: normal !important; min-height: inherit !important; display: block !important; background: none !important;\">2<\/code><\/td>\n<td class=\"content\" style=\"margin: 0px !important; padding: 0px 0px 0px 0.5em !important; border-width: 0px 0px 0px 3px !important; border-left-style: solid !important; border-left-color: #6ce26c !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #000000 !important; white-space: pre !important; background: none !important;\"><code class=\"spaces\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; background: none !important;\">\u00a0\u00a0<\/code><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">name: <\/code><code class=\"string\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: blue !important; background: none !important;\">'app'<\/code><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">,<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"line alt1\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 14px; vertical-align: baseline !important; text-align: left; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 15.3999996185303px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-weight: normal; font-style: normal; min-height: inherit !important; color: #333333; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: none #ffffff !important;\">\n<table style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; border-collapse: collapse !important; width: auto !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tbody style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tr style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<td class=\"number\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 3em !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #afafaf !important; background: none !important;\"><code style=\"margin: 0px !important; padding: 0px 0.3em 0px 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: right !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 2.7em !important; font-weight: normal !important; min-height: inherit !important; display: block !important; background: none !important;\">3<\/code><\/td>\n<td class=\"content\" style=\"margin: 0px !important; padding: 0px 0px 0px 0.5em !important; border-width: 0px 0px 0px 3px !important; border-left-style: solid !important; border-left-color: #6ce26c !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #000000 !important; white-space: pre !important; background: none !important;\"><code class=\"spaces\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; background: none !important;\">\u00a0\u00a0<\/code><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">baseUrl: <\/code><code class=\"string\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: blue !important; background: none !important;\">'assets\/js'<\/code><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">,<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"line alt2\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 14px; vertical-align: baseline !important; text-align: left; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 15.3999996185303px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-weight: normal; font-style: normal; min-height: inherit !important; color: #333333; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: none #f8f8f8 !important;\">\n<table style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; border-collapse: collapse !important; width: auto !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tbody style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tr style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<td class=\"number\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 3em !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #afafaf !important; background: none !important;\"><code style=\"margin: 0px !important; padding: 0px 0.3em 0px 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: right !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 2.7em !important; font-weight: normal !important; min-height: inherit !important; display: block !important; background: none !important;\">4<\/code><\/td>\n<td class=\"content\" style=\"margin: 0px !important; padding: 0px 0px 0px 0.5em !important; border-width: 0px 0px 0px 3px !important; border-left-style: solid !important; border-left-color: #6ce26c !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #000000 !important; white-space: pre !important; background: none !important;\"><code class=\"spaces\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; background: none !important;\">\u00a0\u00a0<\/code><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">paths: {<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"line alt1\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 14px; vertical-align: baseline !important; text-align: left; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 15.3999996185303px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-weight: normal; font-style: normal; min-height: inherit !important; color: #333333; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: none #ffffff !important;\">\n<table style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; border-collapse: collapse !important; width: auto !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tbody style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tr style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<td class=\"number\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 3em !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #afafaf !important; background: none !important;\"><code style=\"margin: 0px !important; padding: 0px 0.3em 0px 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: right !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 2.7em !important; font-weight: normal !important; min-height: inherit !important; display: block !important; background: none !important;\">5<\/code><\/td>\n<td class=\"content\" style=\"margin: 0px !important; padding: 0px 0px 0px 0.5em !important; border-width: 0px 0px 0px 3px !important; border-left-style: solid !important; border-left-color: #6ce26c !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #000000 !important; white-space: pre !important; background: none !important;\"><code class=\"spaces\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; background: none !important;\">\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"string\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: blue !important; background: none !important;\">'jquery'<\/code><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">: <\/code><code class=\"string\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: blue !important; background: none !important;\">'libs\/jquery-2.1.1.min'<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"line alt2\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 14px; vertical-align: baseline !important; text-align: left; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 15.3999996185303px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-weight: normal; font-style: normal; min-height: inherit !important; color: #333333; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: none #f8f8f8 !important;\">\n<table style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; border-collapse: collapse !important; width: auto !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tbody style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tr style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<td class=\"number\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 3em !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #afafaf !important; background: none !important;\"><code style=\"margin: 0px !important; padding: 0px 0.3em 0px 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: right !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 2.7em !important; font-weight: normal !important; min-height: inherit !important; display: block !important; background: none !important;\">6<\/code><\/td>\n<td class=\"content\" style=\"margin: 0px !important; padding: 0px 0px 0px 0.5em !important; border-width: 0px 0px 0px 3px !important; border-left-style: solid !important; border-left-color: #6ce26c !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #000000 !important; white-space: pre !important; background: none !important;\"><code class=\"spaces\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; background: none !important;\">\u00a0\u00a0<\/code><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">}<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"line alt1\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 14px; vertical-align: baseline !important; text-align: left; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 15.3999996185303px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-weight: normal; font-style: normal; min-height: inherit !important; color: #333333; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: none #ffffff !important;\">\n<table style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; border-collapse: collapse !important; width: auto !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tbody style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tr style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<td class=\"number\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 3em !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #afafaf !important; background: none !important;\"><code style=\"margin: 0px !important; padding: 0px 0.3em 0px 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: right !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 2.7em !important; font-weight: normal !important; min-height: inherit !important; display: block !important; background: none !important;\">7<\/code><\/td>\n<td class=\"content\" style=\"margin: 0px !important; padding: 0px 0px 0px 0.5em !important; border-width: 0px 0px 0px 3px !important; border-left-style: solid !important; border-left-color: #6ce26c !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #000000 !important; white-space: pre !important; background: none !important;\"><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">});<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"line alt2\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 14px; vertical-align: baseline !important; text-align: left; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 15.3999996185303px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-weight: normal; font-style: normal; min-height: inherit !important; color: #333333; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: none #f8f8f8 !important;\">\n<table style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; border-collapse: collapse !important; width: auto !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tbody style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tr style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<td class=\"number\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 3em !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #afafaf !important; background: none !important;\"><code style=\"margin: 0px !important; padding: 0px 0.3em 0px 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: right !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 2.7em !important; font-weight: normal !important; min-height: inherit !important; display: block !important; background: none !important;\">8<\/code><\/td>\n<td class=\"content\" style=\"margin: 0px !important; padding: 0px 0px 0px 0.5em !important; border-width: 0px 0px 0px 3px !important; border-left-style: solid !important; border-left-color: #6ce26c !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #000000 !important; white-space: pre !important; background: none !important;\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"line alt1\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 14px; vertical-align: baseline !important; text-align: left; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 15.3999996185303px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-weight: normal; font-style: normal; min-height: inherit !important; color: #333333; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: none #ffffff !important;\">\n<table style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; border-collapse: collapse !important; width: auto !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tbody style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tr style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<td class=\"number\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 3em !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #afafaf !important; background: none !important;\"><code style=\"margin: 0px !important; padding: 0px 0.3em 0px 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: right !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 2.7em !important; font-weight: normal !important; min-height: inherit !important; display: block !important; background: none !important;\">9<\/code><\/td>\n<td class=\"content\" style=\"margin: 0px !important; padding: 0px 0px 0px 0.5em !important; border-width: 0px 0px 0px 3px !important; border-left-style: solid !important; border-left-color: #6ce26c !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #000000 !important; white-space: pre !important; background: none !important;\"><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">require([<\/code><code class=\"string\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: blue !important; background: none !important;\">'jquery'<\/code><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">], <\/code><code class=\"keyword\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: bold !important; min-height: inherit !important; color: #006699 !important; background: none !important;\">function<\/code> <code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">($) {\u00a0 <\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"line alt2\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 14px; vertical-align: baseline !important; text-align: left; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 15.3999996185303px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-weight: normal; font-style: normal; min-height: inherit !important; color: #333333; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: none #f8f8f8 !important;\">\n<table style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; border-collapse: collapse !important; width: auto !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tbody style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tr style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<td class=\"number\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 3em !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #afafaf !important; background: none !important;\"><code style=\"margin: 0px !important; padding: 0px 0.3em 0px 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: right !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 2.7em !important; font-weight: normal !important; min-height: inherit !important; display: block !important; background: none !important;\">10<\/code><\/td>\n<td class=\"content\" style=\"margin: 0px !important; padding: 0px 0px 0px 0.5em !important; border-width: 0px 0px 0px 3px !important; border-left-style: solid !important; border-left-color: #6ce26c !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #000000 !important; white-space: pre !important; background: none !important;\"><code class=\"spaces\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; background: none !important;\">\u00a0\u00a0<\/code><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">$(<\/code><code class=\"string\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: blue !important; background: none !important;\">'body'<\/code><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">).append(<\/code><code class=\"string\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: blue !important; background: none !important;\">'hello'<\/code><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">);<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"line alt1\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 14px; vertical-align: baseline !important; text-align: left; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 15.3999996185303px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-weight: normal; font-style: normal; min-height: inherit !important; color: #333333; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: none #ffffff !important;\">\n<table style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; border-collapse: collapse !important; width: auto !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tbody style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tr style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<td class=\"number\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 3em !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #afafaf !important; background: none !important;\"><code style=\"margin: 0px !important; padding: 0px 0.3em 0px 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: right !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 2.7em !important; font-weight: normal !important; min-height: inherit !important; display: block !important; background: none !important;\">11<\/code><\/td>\n<td class=\"content\" style=\"margin: 0px !important; padding: 0px 0px 0px 0.5em !important; border-width: 0px 0px 0px 3px !important; border-left-style: solid !important; border-left-color: #6ce26c !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #000000 !important; white-space: pre !important; background: none !important;\"><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">});<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>O require.config \u00e9 o objeto em escopo global que o RequireJS manipula e essas s\u00e3o as suas propriedades:<\/p>\n<ul>\n<li>name: o nome da sua aplica\u00e7\u00e3o;<\/li>\n<li>baseUrl: a pasta ra\u00edz dos seus scripts JavaScript \u2013 note que eles ser\u00e3o sempre relativos;<\/li>\n<li>paths: o seu \u201cdicion\u00e1rio\u201d de importa\u00e7\u00e3o de bibliotecas;<\/li>\n<li>\u2018jquery\u2019: o nome da biblioteca a ser importada<\/li>\n<li>\u2018libs\/jquery-2.1.1.min\u2019: o arquivo referente \u00e0 biblioteca &#8211; note que, como j\u00e1 falado, o caminho \u00e9 relativo ao baseUrl, ou seja, libs est\u00e1 dentro de assets\/js, o que significa que voc\u00ea pode omitir o caminho j\u00e1 outrora proposto.<\/li>\n<\/ul>\n<p>Depois da primeira camada de c\u00f3digo, temos este fragmento:<\/p>\n<div class=\"line alt1\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 14px; vertical-align: baseline !important; text-align: left; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 15.3999996185303px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-weight: normal; font-style: normal; min-height: inherit !important; color: #333333; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: none #ffffff !important;\">\n<table style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; border-collapse: collapse !important; width: auto !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tbody style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tr style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<td class=\"number\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 3em !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #afafaf !important; background: none !important;\"><code style=\"margin: 0px !important; padding: 0px 0.3em 0px 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: right !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 2.7em !important; font-weight: normal !important; min-height: inherit !important; display: block !important; background: none !important;\">1<\/code><\/td>\n<td class=\"content\" style=\"margin: 0px !important; padding: 0px 0px 0px 0.5em !important; border-width: 0px 0px 0px 3px !important; border-left-style: solid !important; border-left-color: #6ce26c !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #000000 !important; white-space: pre !important; background: none !important;\"><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">require([<\/code><code class=\"string\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: blue !important; background: none !important;\">'jquery'<\/code><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">], <\/code><code class=\"keyword\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: bold !important; min-height: inherit !important; color: #006699 !important; background: none !important;\">function<\/code> <code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">($) {<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"line alt2\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 14px; vertical-align: baseline !important; text-align: left; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 15.3999996185303px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-weight: normal; font-style: normal; min-height: inherit !important; color: #333333; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: none #f8f8f8 !important;\">\n<table style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; border-collapse: collapse !important; width: auto !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tbody style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tr style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<td class=\"number\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 3em !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #afafaf !important; background: none !important;\"><code style=\"margin: 0px !important; padding: 0px 0.3em 0px 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: right !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 2.7em !important; font-weight: normal !important; min-height: inherit !important; display: block !important; background: none !important;\">2<\/code><\/td>\n<td class=\"content\" style=\"margin: 0px !important; padding: 0px 0px 0px 0.5em !important; border-width: 0px 0px 0px 3px !important; border-left-style: solid !important; border-left-color: #6ce26c !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #000000 !important; white-space: pre !important; background: none !important;\"><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">$(<\/code><code class=\"string\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: blue !important; background: none !important;\">'body'<\/code><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">).append(<\/code><code class=\"string\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: blue !important; background: none !important;\">'hello'<\/code><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">);<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"line alt1\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 14px; vertical-align: baseline !important; text-align: left; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 15.3999996185303px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-weight: normal; font-style: normal; min-height: inherit !important; color: #333333; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: none #ffffff !important;\">\n<table style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; border-collapse: collapse !important; width: auto !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tbody style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<tr style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; background: none !important;\">\n<td class=\"number\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 3em !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #afafaf !important; background: none !important;\"><code style=\"margin: 0px !important; padding: 0px 0.3em 0px 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: right !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: 2.7em !important; font-weight: normal !important; min-height: inherit !important; display: block !important; background: none !important;\">3<\/code><\/td>\n<td class=\"content\" style=\"margin: 0px !important; padding: 0px 0px 0px 0.5em !important; border-width: 0px 0px 0px 3px !important; border-left-style: solid !important; border-left-color: #6ce26c !important; outline: 0px !important; font-size: 1em !important; vertical-align: top !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; min-height: inherit !important; color: #000000 !important; white-space: pre !important; background: none !important;\"><code class=\"plain\" style=\"margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal !important; line-height: 1.1em !important; white-space: pre-wrap !important; text-align: left !important; float: none !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; font-weight: normal !important; min-height: inherit !important; color: #000000 !important; background: none !important;\">});<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Que significa que voc\u00ea est\u00e1 requerendo a biblioteca jquery (mesmo nome proposto em paths no main.js) e est\u00e1 assinando ela ao caractere \u201c$\u201d. Ent\u00e3o, sempre que voc\u00ea for utilizar um recurso dela, ou seja, do jQuery, resta voc\u00ea chamar pelo cifr\u00e3o e voi l\u00e0! Voc\u00ea conseguir\u00e1 executar os seus c\u00f3digos jQuery normalmente.<\/p>\n<p>Basicamente, voc\u00ea conseguiu levantar uma aplica\u00e7\u00e3o com um mecanismo b\u00e1sico de depend\u00eancias. O RequireJS vai muito al\u00e9m do que abordei aqui, me vamos abordar mais assuntos dentro disso futuramente.<\/p>\n<p>&#8212;&#8211;<\/p>\n<p>Artigo de Guilherme Oderdenge, publicado originalmente no<a href=\"http:\/\/imasters.com.br\/front-end\/javascript\/gerenciando-dependencias-com-requirejs\/\" target=\"_blank\" rel=\"noopener noreferrer\"> iMasters<\/a>.\t\t\t\t<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\t\t\t\tRequireJS \u00e9 uma tecnologia desenvolvida de JavaScript para JavaScript cujo prop\u00f3sito \u00e9 ser a solu\u00e7\u00e3o das depend\u00eancias da sua aplica\u00e7\u00e3o ou site. Mas afinal, por que controlar depend\u00eancias?\t\t\t\t<\/p>\n","protected":false},"author":1,"featured_media":2823,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[76,99,133,158],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Gerenciando depend\u00eancias com RequireJS - Blog DialHost<\/title>\n<meta name=\"description\" content=\"RequireJS \u00e9 uma tecnologia desenvolvida de JavaScript para JavaScript cujo prop\u00f3sito \u00e9 ser a solu\u00e7\u00e3o das depend\u00eancias da sua aplica\u00e7\u00e3o ou site.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.dialhost.com.br\/blog\/gerenciando-dependencias-com-requirejs\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gerenciando depend\u00eancias com RequireJS - Blog DialHost\" \/>\n<meta property=\"og:description\" content=\"RequireJS \u00e9 uma tecnologia desenvolvida de JavaScript para JavaScript cujo prop\u00f3sito \u00e9 ser a solu\u00e7\u00e3o das depend\u00eancias da sua aplica\u00e7\u00e3o ou site.\" \/>\n<meta property=\"og:url\" content=\"\/blog\/gerenciando-dependencias-com-requirejs\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog DialHost\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/DialHost\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/DialHost\" \/>\n<meta property=\"article:published_time\" content=\"2014-10-06T13:19:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dialhost.com.br\/blog\/wp-content\/uploads\/2019\/04\/og-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dialhost\" \/>\n<meta name=\"twitter:site\" content=\"@dialhost\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#organization\",\"name\":\"DialHost Internet\",\"url\":\"https:\/\/www.dialhost.com.br\/blog\/\",\"sameAs\":[\"http:\/\/www.facebook.com\/DialHost\",\"https:\/\/www.instagram.com\/dialhost_oficial\/\",\"https:\/\/www.linkedin.com\/company\/dialhost-internet\",\"https:\/\/www.youtube.com\/channel\/UCAiqiX8IiqTSfA8wQhpzgXQ\",\"https:\/\/twitter.com\/dialhost\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#logo\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/www.dialhost.com.br\/blog\/wp-content\/uploads\/2019\/03\/marca-dialhost.png\",\"width\":81,\"height\":81,\"caption\":\"DialHost Internet\"},\"image\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#website\",\"url\":\"https:\/\/www.dialhost.com.br\/blog\/\",\"name\":\"Blog DialHost\",\"description\":\"Os melhores conte\\u00fados sobre Desenvolvimento Web, Marketing e Neg\\u00f3cios\",\"publisher\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.dialhost.com.br\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/gerenciando-dependencias-com-requirejs\/#primaryimage\",\"inLanguage\":\"pt-BR\",\"url\":\"\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/gerenciando-dependencias-com-requirejs\/#webpage\",\"url\":\"https:\/\/www.dialhost.com.br\/blog\/gerenciando-dependencias-com-requirejs\/\",\"name\":\"Gerenciando depend\\u00eancias com RequireJS - Blog DialHost\",\"isPartOf\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/gerenciando-dependencias-com-requirejs\/#primaryimage\"},\"datePublished\":\"2014-10-06T13:19:16+00:00\",\"dateModified\":\"2014-10-06T13:19:16+00:00\",\"description\":\"RequireJS \\u00e9 uma tecnologia desenvolvida de JavaScript para JavaScript cujo prop\\u00f3sito \\u00e9 ser a solu\\u00e7\\u00e3o das depend\\u00eancias da sua aplica\\u00e7\\u00e3o ou site.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/gerenciando-dependencias-com-requirejs\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.dialhost.com.br\/blog\/gerenciando-dependencias-com-requirejs\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/gerenciando-dependencias-com-requirejs\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"\/blog\/\",\"url\":\"\/blog\/\",\"name\":\"In\\u00edcio\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"\/blog\/gerenciando-dependencias-com-requirejs\/\",\"url\":\"\/blog\/gerenciando-dependencias-com-requirejs\/\",\"name\":\"Gerenciando depend\\u00eancias com RequireJS\"}}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/gerenciando-dependencias-com-requirejs\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/gerenciando-dependencias-com-requirejs\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#\/schema\/person\/a0b10cbe35449dea173a06d4664f9fcc\"},\"headline\":\"Gerenciando depend\\u00eancias com RequireJS\",\"datePublished\":\"2014-10-06T13:19:16+00:00\",\"dateModified\":\"2014-10-06T13:19:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/gerenciando-dependencias-com-requirejs\/#webpage\"},\"publisher\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/gerenciando-dependencias-com-requirejs\/#primaryimage\"},\"keywords\":\"desenvolvimento,feed de parceiros,javascript,noticias\",\"articleSection\":\"Dicas e Not\\u00edcias\",\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#\/schema\/person\/a0b10cbe35449dea173a06d4664f9fcc\",\"name\":\"DialHost Internet\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#personlogo\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/05feec2f99aef1c42b09aeaa637ee66f?s=96&r=g\",\"caption\":\"DialHost Internet\"},\"description\":\"H\\u00e1 mais de 18 anos proporcionando um servi\\u00e7o de hospedagem de sites voltado 100% na Experi\\u00eancia e Sucesso do Cliente, prezando a qualidade, transpar\\u00eancia e seguran\\u00e7a.\",\"sameAs\":[\"https:\/\/www.facebook.com\/DialHost\",\"https:\/\/www.instagram.com\/dialhost_oficial\/\",\"https:\/\/www.linkedin.com\/company\/dialhost-internet\",\"https:\/\/twitter.com\/dialhost\",\"https:\/\/www.youtube.com\/channel\/UCAiqiX8IiqTSfA8wQhpzgXQ\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/posts\/2856"}],"collection":[{"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/comments?post=2856"}],"version-history":[{"count":0,"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/posts\/2856\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/media\/2823"}],"wp:attachment":[{"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/media?parent=2856"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/categories?post=2856"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/tags?post=2856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}