From 7f1e2e48467f80cc083d24b44f088620e4e7bcb6 Mon Sep 17 00:00:00 2001 From: Igor Minar Date: Mon, 6 Jun 2011 08:50:35 -0700 Subject: new batch of docs --- docs/content/tutorial/step_00.ngdoc | 200 ++++++++++++++++++++++++++---------- 1 file changed, 147 insertions(+), 53 deletions(-) (limited to 'docs/content/tutorial/step_00.ngdoc') diff --git a/docs/content/tutorial/step_00.ngdoc b/docs/content/tutorial/step_00.ngdoc index 36b35004..e97f4038 100755 --- a/docs/content/tutorial/step_00.ngdoc +++ b/docs/content/tutorial/step_00.ngdoc @@ -1,17 +1,11 @@ @ngdoc overview -@name Tutorial: Step 0 +@name Tutorial: 0 - angular-seed @description - - - - - - - - -
{@link tutorial Previous}{@link http://angular.github.com/angular-phonecat/step-0/app Live Demo}{@link tutorial Tutorial Home}Code Diff{@link tutorial.step_01 Next}
+ + + You are now ready to build the phone cat application. In this step, you will become familiar with @@ -19,40 +13,146 @@ the most important source code files, learn how to start the development servers angular-seed, and run the application in the browser. -1. Do one of the following: - - - * Git users: In the `angular-phonecat` directory, run this command: - - - git checkout -f step-0 - - - * Snapshot users: In the `[tutorial-dir]/sandbox` directory, run this command: - ./goto_step.sh 0 + + +
    +

  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. + + +
  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 +./scripts/web-server.js to start the web server.
        2. +
      2. Open a browser window for the app and navigate to http://localhost:8000/app/index.html
        3. +
      +
      • +
    • For other http servers: +
        +
      1. Configure the server to serve the files in the angular-phonecat +directory.
        2. +
      2. Navigate in your browser to +http://localhost:[port-number]/[context-path]/app/index.html.
        3. +
      +
      • +
    +
    3. +
+ + + + + + +
    +

  1. Open msysGit 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. +
  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. +
      2. Open a browser window for the app and navigate to http://localhost:8000/app/index.html
        3. +
      +
      • +
    • For other http servers: +
        +
      1. Configure the server to serve the files in the angular-phonecat +directory.
        2. +
      2. Navigate in your browser to +http://localhost:[port-number]/[context-path]/app/index.html.
        3. +
      +
      • +
    +
    3. +
+ + + + + + +
    +

  1. In angular-phonecat directory, run this command:

    + 
    ./goto_step.sh 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. +
  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 +./scripts/web-server.js to start the web server.
        2. +
      2. Open a browser window for the app and navigate to http://localhost:8000/app/index.html
        3. +
      +
      • +
    • For other http servers: +
        +
      1. Configure the server to serve the files in the angular-phonecat +sandbox directory.
        2. +
      2. Navigate in your browser to +http://localhost:[port-number]/[context-path]/app/index.html.
        3. +
      +
      • +
    +
    3. +
+ + + + + + +
    +

  1. Open windows command line and run this command (in angular-phonecat directory):

    + 
    goto_step.bat 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. +
  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. +
      2. Open a browser window for the app and navigate to http://localhost:8000/app/index.html
        3. +
      +
      • +
    • For other http servers: +
        +
      1. Configure the server to serve the files in the angular-phonecat +sandbox directory.
        2. +
      2. Navigate in your browser to +http://localhost:[port-number]/[context-path]/app/index.html.
        3. +
      +
      • +
    +
    3. +
+ + - 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. Either command 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 `./scripts/web-server.js` to start the app -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. @@ -93,7 +193,7 @@ __`app/index.html`:__ * xmlns declaration - + This `xmlns` declaration for the `ng` namespace must be specified in all angular applications in @@ -104,7 +204,7 @@ using XHTML or HTML). * angular script tag -