@ngdoc tutorial @name 0 - Bootstrapping @step 0 @description You are now ready to build the AngularJS phonecat app. In this step, you will become familiar with the most important source code files, learn how to start the development servers bundled with angular-seed, and run the application in the browser.
  1. In angular-phonecat directory, run this command:

    git checkout -f step-0

    This resets your workspace to step 0 of the tutorial app.

    You must repeat this for every future step in the tutorial and change the number to the number of the step you are on. This will cause any changes you made within your working directory to be lost.

  2. To see the app running in a browser, do one of the following:
    • For node.js users:
      1. In a separate terminal tab or window, run node ./scripts/web-server.js to start the web server.
      2. Open a browser window for the app and navigate to `http://localhost:8000/app/index.html`
    • For other http servers:
      1. Configure the server to serve the files in the angular-phonecat directory.
      2. Navigate in your browser to http://localhost:[port-number]/[context-path]/app/index.html.
  1. Open Git bash and run this command (in angular-phonecat directory):

    git checkout -f step-0

    This resets your workspace to step 0 of the tutorial app.

    You must repeat this for every future step in the tutorial and change the number to the number of the step you are on. This will cause any changes you made within your working directory to be lost.

  2. To see the app running in a browser, do one of the following:
    • For node.js users:
      1. In a separate terminal tab or window, run node scripts\web-server.js to start the web server.
      2. Open a browser window for the app and navigate to `http://localhost:8000/app/index.html`
    • For other http servers:
      1. Configure the server to serve the files in the angular-phonecat directory.
      2. Navigate in your browser to http://localhost:[port-number]/[context-path]/app/index.html.
You can now see the page in your browser. It's not very exciting, but that's OK. The HTML page that displays "Nothing here yet!" was constructed with the HTML code shown below. The code contains some key Angular elements that we will need as we progress. __`app/index.html`:__ ```html My HTML File

Nothing here {{'yet' + '!'}}

``` ## What is the code doing? * `ng-app` directive: The `ng-app` attribute represents an Angular directive named `ngApp` (Angular uses `name-with-dashes` for its custom attributes and `camelCase` for the corresponding directives which implement them). This directive is used to flag the html element that Angular should consider to be the root element of our application. This gives application developers the freedom to tell Angular if the entire html page or only a portion of it should be treated as the Angular application. * AngularJS script tag: