title: uncaught Reference error YUI is not defined console error
body: <p>I am using alloyui for fronted , when i trying to use this getting issue.uncaught Reference error  YUI is not defined  console error. below is code 
  any help. i just updatet this code please look the bellow code .</p>
  
  <pre><code>   &lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset="UTF-8" /&gt;
          &lt;title&gt;{% block title %}Welcome!{% endblock %}&lt;/title&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
          {% block stylesheets %}
              &lt;link href="http://cdn.alloyui.com/3.0.1/aui-css/css/bootstrap.min.css" rel="stylesheet"&gt;
              &lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"&gt;
              &lt;link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"&gt;
          {% endblock %}
          &lt;link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" /&gt;
          &lt;script&gt;
              YUI().use(
                      'node',
                      'transition',
                      function (Y) {
                          Y.one('.navbar-brand').on(
                                  'click', function() {
                                      this.transition(
                                              {
                                                  width: '500px'
                                              }
                                      );
                                  }
                          );
                      }
              );
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          {% block body %}
          &lt;div class="container-fluid"&gt;
              &lt;nav class="navbar navbar-default"&gt;
                  &lt;div class="navbar-header"&gt;
                      &lt;a class="navbar-brand" href="{{  path('dashboard.index') }}"&gt;NewsDriver&lt;/a&gt;
                  &lt;/div&gt;
                  &lt;ul class="nav navbar-nav"&gt;
                      &lt;li class="active"&gt;&lt;a href="{{  path('dashboard.index') }}"&gt;Dashboard&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;ul class="nav navbar-nav navbar-right"&gt;
                      {% if is_granted('IS_AUTHENTICATED_FULLY') %}
                          &lt;li&gt;&lt;a href="#"&gt;{{ app.user.getName() }}&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="/logout"&gt;&lt;span class="glyphicon glyphicon-log-out"&gt;&lt;/span&gt; Logout&lt;/a&gt;&lt;/li&gt;
                      {% else %}
                          &lt;li&gt;&lt;a href="/login"&gt;&lt;span class="glyphicon glyphicon-log-in"&gt;&lt;/span&gt; Login&lt;/a&gt;&lt;/li&gt;
                      {% endif %}
                  &lt;/ul&gt;
              &lt;/nav&gt;
              {% for flashType, flashMessages in app.session.flashbag.all() %}
                  {% for flashMessage in flashMessages %}
                      &lt;div class="alert alert-{{ flashType }}"&gt;
                          &lt;button type="button" class="close" data-dismiss="alert"&gt;&amp;times;&lt;/button&gt;
                          {{ flashMessage }}
                      &lt;/div&gt;
                  {% endfor %}
              {% endfor %}
              {%  block content %}{%  endblock %}
          &lt;/div&gt;
          {% endblock %}
          {% block javascripts %}
              &lt;script src="http://cdn.alloyui.com/3.0.1/aui/aui-min.js"&gt;&lt;/script&gt;
              &lt;script src="https://code.jquery.com/jquery-1.12.4.js"&gt;&lt;/script&gt;
              &lt;script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"&gt;&lt;/script&gt;
          {% endblock %}
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>