title: Angularjs Tutorial Step-0 bindings are not working?
body: <p>I just started looking at Angularjs today and I decided to try and learn it. I decided to start with the tutorial here: <a href="https://docs.angularjs.org/tutorial/step_00" rel="nofollow">https://docs.angularjs.org/tutorial/step_00</a> and right away I'm experiencing an trouble. Right after the step of starting the server and going to localhost:8000/app the page that loaded looked like this "Nothing here {{'yet' + '!'}}". From my understanding it suppose to give me "Nothing here yet!" instead. I went further down the tutorial I and added <code>&lt;p&gt; 1 + 2 = {{ 1 + 2 }} &lt;/p&gt;</code> and again the output was 1 + 2 = {{ 1 + 2 }} when it's suppose to be 1 + 2 = 3. I had not done anything to the sample workspace the tutorial provided it wasn't working from the start. Can somebody kindly shed some light on this problem?</p>
  
  <p>Update: The code that I have is what is given to me from the tutorial and can be found here <a href="https://github.com/angular/angular-phonecat" rel="nofollow">https://github.com/angular/angular-phonecat</a> but to show you some of the code</p>
  
  <p><strong>index.html</strong></p>
  
  <pre><code> &lt;!doctype html&gt;
   &lt;html lang="en" ng-app&gt;
   &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;My HTML File&lt;/title&gt;
      &lt;link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css"&gt;
      &lt;link rel="stylesheet" href="css/app.css"&gt;
      &lt;script src="bower_components/angular/angular.js"&gt;&lt;/script&gt;
   &lt;/head&gt;
   &lt;body&gt;
  
   &lt;p&gt;Nothing here {{'yet' + '!'}}&lt;/p&gt;
  
   &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>
  
  <p><strong>app.js</strong></p>
  
  <pre><code>'use strict';
  
  /* App Module */
  </code></pre>
  
  <p><strong>bower.json</strong></p>
  
  <pre><code> {
    "name": "angular-phonecat",
    "description": "A starter project for AngularJS",
    "version": "0.0.0",
    "homepage": "https://github.com/angular/angular-phonecat",
    "license": "MIT",
    "private": true,
    "dependencies": {
        "angular": "1.2.x",
        "angular-mocks": "~1.2.x",
        "jquery": "1.10.2",
        "bootstrap": "~3.1.1"
    }
   }
  </code></pre>
  
  <p>Also when I look at the developer tools I see this:</p>
  
  <pre><code>"NetworkError: 404 Not Found - http://localhost:8000/app/bower_components/bootstrap/dist/css/bootstrap.css"
  bootstrap.css
  "NetworkError: 404 Not Found - http://localhost:8000/app/bower_components/angular/angular.js"
  angular.js
  </code></pre>
  
  <p>I know the error is that I can't find those files. Where do I get them? Do I have to download them separately?</p>
  
  <p>Solved! Solution:</p>
  
  <p>installed bower using <code>npm install -g bower</code> and then <code>bower install</code></p>