From 0a604bdb90e9dff9399bae0fb4941fe46cc7e9f9 Mon Sep 17 00:00:00 2001 From: Kenneth R. Culp Date: Tue, 26 Apr 2011 09:54:08 -0700 Subject: Tutorial files for your perusal. --- docs/tutorial.ngdoc | 87 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 87 insertions(+) create mode 100755 docs/tutorial.ngdoc (limited to 'docs/tutorial.ngdoc') diff --git a/docs/tutorial.ngdoc b/docs/tutorial.ngdoc new file mode 100755 index 00000000..41b53ccf --- /dev/null +++ b/docs/tutorial.ngdoc @@ -0,0 +1,87 @@ +@workInProgress +@ngdoc overview +@name Tutorial +@description + + + + + + + + + +
Previous{@link http://angular.github.com/angular-phonecat/step-0/app Example}{@link tutorial Tutorial Home}Code Diff{@link tutorial.step_1 Next}
+ +Welcome to the angular tutorial! Before you begin, you can check out the finished app here: +{@link http://angular.github.com/angular-phonecat/step-11/app/ The Completed Tutorial App}. Also, +if you missed the {@link tutorial_intro Intro to Tutorial} doc, it provides some background info, +and describes different options you have in working through the tutorial. + +We'll begin the tutorial by creating a basic page, and then we'll add functionality to our app on +each subsequent step. + +# Step 0 +The following sample code is our starting point. It is a static HTML page that displays next to +nothing, but it has everything we need to proceed. You can think of this bit of code as our +prototype template, consisting of basic HTML tags and some key angular {@link angular.directive +directives}. + +__`app/index.html`:__ +
+
+
+
+  
+  my angular app
+  
+
+
+
+  Nothing here yet!
+
+  
+
+
+
+ +## Discussion: + +Although our app doesn't appear to do anything dynamic, note the following: + +* __... `xmlns:ng="http://angularjs.org"` ...__ This `xmlns` declaration for the `ng` namespace +must be specified if you use XHTML, or if you are targeting IE older than 9 (regardless of whether +you are using XHTML or HTML). + +* __` + + This will bootstrap angular from the angular server instead of from a local file. + +* To try this code out in your browser, you need to navigate to the step-0 page (you are currently +on Step 0 of the tutorial). If your http server is running, navigate to `app/index.html`. +Remember, this is a relative URL (see the Relative URL section in {@link tutorial_intro Intro to +Tutorial}). The browser will display the same thing as you would see if you go to +http://angular.github.com/angular-phonecat/step-0/app (accessible from Example at the bottom of +the page). + +Now we can move on and add some content to our developing web app. + + + + + + + + + +
Previous{@link http://angular.github.com/angular-phonecat/step-0/app Example}{@link tutorial Tutorial Home}Code Diff{@link tutorial.step_1 Next}
-- cgit v1.2.3