Permalink
Browse files

add walkthrough request slide outline

  • Loading branch information...
jasonm committed Sep 12, 2011
1 parent a8c9af3 commit 4a6878f6054874e5b9a327af451f1987cd711f8f
Showing with 148 additions and 25 deletions.
  1. +119 −24 index.html
  2. +29 −1 slides/index.md
View
@@ -1276,7 +1276,40 @@
</aside>
<aside class="page_number">
- 1/12
+ 1/14
+ </aside>
+ </footer>
+ </div>
+ </div>
+
+ <!-- slide source: slides/index.md -->
+ <div class="slide-wrapper">
+ <div class="slide">
+ <div class="inner">
+
+ <header><h1>Tell them what youre going to tell tem</h1></header>
+
+
+ <section><ul>
+<li>and reiterate a few times, probably.</li>
+<li>especially before "moving parts" and "walk through a request"</li>
+</ul></section>
+
+ </div>
+ <div class="presenter_notes">
+ <header><h1>Presenter Notes</h1></header>
+ <section>
+
+ </section>
+ </div>
+ <footer>
+
+ <aside class="source">
+ Source: <a href="slides/index.md">slides/index.md</a>
+ </aside>
+
+ <aside class="page_number">
+ 2/14
</aside>
</footer>
</div>
@@ -1311,7 +1344,7 @@
</aside>
<aside class="page_number">
- 2/12
+ 3/14
</aside>
</footer>
</div>
@@ -1344,7 +1377,7 @@
</aside>
<aside class="page_number">
- 3/12
+ 4/14
</aside>
</footer>
</div>
@@ -1376,7 +1409,7 @@
</aside>
<aside class="page_number">
- 4/12
+ 5/14
</aside>
</footer>
</div>
@@ -1410,7 +1443,7 @@
</aside>
<aside class="page_number">
- 5/12
+ 6/14
</aside>
</footer>
</div>
@@ -1442,7 +1475,7 @@
</aside>
<aside class="page_number">
- 6/12
+ 7/14
</aside>
</footer>
</div>
@@ -1457,7 +1490,7 @@
<section><ul>
-<li>...</li>
+<li>book store, amazon like?</li>
</ul></section>
</div>
@@ -1474,7 +1507,57 @@
</aside>
<aside class="page_number">
- 7/12
+ 8/14
+ </aside>
+ </footer>
+ </div>
+ </div>
+
+ <!-- slide source: slides/index.md -->
+ <div class="slide-wrapper">
+ <div class="slide">
+ <div class="inner">
+
+ <header><h1>walk through a request</h1></header>
+
+
+ <section><ul>
+<li>GET /#books/5</li>
+<li>browser http request to rails</li>
+<li>rails router, controller, model, view</li>
+<li>response
+<strong> htmls
+</strong> javascripts tags
+** json to be bootstrappin the datas</li>
+<li>browser fetches the javascripts</li>
+<li>initialize backbone
+<strong> bootstrap collections
+</strong> instantiate router
+** .start()</li>
+<li>send hash '#books/5' to backbone router</li>
+<li>router routes, dispatches to action</li>
+<li>action</li>
+<li>view(modelOrCollection)</li>
+<li>view calls template, returns htmls</li>
+<li>view calls the jquery</li>
+<li>dom is updated</li>
+</ul></section>
+
+ </div>
+ <div class="presenter_notes">
+ <header><h1>Presenter Notes</h1></header>
+ <section>
+
+ </section>
+ </div>
+ <footer>
+
+ <aside class="source">
+ Source: <a href="slides/index.md">slides/index.md</a>
+ </aside>
+
+ <aside class="page_number">
+ 9/14
</aside>
</footer>
</div>
@@ -1513,7 +1596,7 @@
</aside>
<aside class="page_number">
- 8/12
+ 10/14
</aside>
</footer>
</div>
@@ -1555,7 +1638,7 @@
</aside>
<aside class="page_number">
- 9/12
+ 11/14
</aside>
</footer>
</div>
@@ -1595,7 +1678,7 @@
</aside>
<aside class="page_number">
- 10/12
+ 12/14
</aside>
</footer>
</div>
@@ -1631,7 +1714,7 @@
</aside>
<aside class="page_number">
- 11/12
+ 13/14
</aside>
</footer>
</div>
@@ -1668,7 +1751,7 @@
</aside>
<aside class="page_number">
- 12/12
+ 14/14
</aside>
</footer>
</div>
@@ -1689,71 +1772,83 @@ <h2>Table of Contents</h2>
<tr id="toc-row-2">
- <th><a href="#slide2">My Goal</a></th>
+ <th><a href="#slide2">Tell them what youre going to tell tem</a></th>
<td><a href="#slide2">2</a></td>
</tr>
<tr id="toc-row-3">
- <th><a href="#slide3">what is backbone</a></th>
+ <th><a href="#slide3">My Goal</a></th>
<td><a href="#slide3">3</a></td>
</tr>
<tr id="toc-row-4">
- <th><a href="#slide4">moving parts</a></th>
+ <th><a href="#slide4">what is backbone</a></th>
<td><a href="#slide4">4</a></td>
</tr>
<tr id="toc-row-5">
- <th><a href="#slide5">other frameworks, compare/contrast</a></th>
+ <th><a href="#slide5">moving parts</a></th>
<td><a href="#slide5">5</a></td>
</tr>
<tr id="toc-row-6">
- <th><a href="#slide6">describe each component</a></th>
+ <th><a href="#slide6">other frameworks, compare/contrast</a></th>
<td><a href="#slide6">6</a></td>
</tr>
<tr id="toc-row-7">
- <th><a href="#slide7">show an example</a></th>
+ <th><a href="#slide7">describe each component</a></th>
<td><a href="#slide7">7</a></td>
</tr>
<tr id="toc-row-8">
- <th><a href="#slide8">Code tour: client side</a></th>
+ <th><a href="#slide8">show an example</a></th>
<td><a href="#slide8">8</a></td>
</tr>
<tr id="toc-row-9">
- <th><a href="#slide9">Code tour: server side</a></th>
+ <th><a href="#slide9">walk through a request</a></th>
<td><a href="#slide9">9</a></td>
</tr>
<tr id="toc-row-10">
- <th><a href="#slide10">More advanced topics</a></th>
+ <th><a href="#slide10">Code tour: client side</a></th>
<td><a href="#slide10">10</a></td>
</tr>
<tr id="toc-row-11">
- <th><a href="#slide11">Further reading</a></th>
+ <th><a href="#slide11">Code tour: server side</a></th>
<td><a href="#slide11">11</a></td>
</tr>
<tr id="toc-row-12">
- <th><a href="#slide12">Links</a></th>
+ <th><a href="#slide12">More advanced topics</a></th>
<td><a href="#slide12">12</a></td>
</tr>
+ <tr id="toc-row-13">
+ <th><a href="#slide13">Further reading</a></th>
+ <td><a href="#slide13">13</a></td>
+ </tr>
+
+
+ <tr id="toc-row-14">
+ <th><a href="#slide14">Links</a></th>
+ <td><a href="#slide14">14</a></td>
+ </tr>
+
+
</table>
</div>
View
@@ -11,6 +11,11 @@
* To highlight blocks of code, put !{lang} where {lang} is the pygment supported language identifier as the first indented lin
* https://github.com/adamzap/landslide
+---
+# Tell them what youre going to tell tem
+* and reiterate a few times, probably.
+* especially before "moving parts" and "walk through a request"
+
---
# My Goal
@@ -49,7 +54,30 @@ notes: Motivate and discuss client-side MVC. Introduce Backbone.js Discuss Ra
---
# show an example
-* ...
+* book store, amazon like?
+
+---
+
+# walk through a request
+* GET /#books/5
+* browser http request to rails
+* rails router, controller, model, view
+* response
+** htmls
+** javascripts tags
+** json to be bootstrappin the datas
+* browser fetches the javascripts
+* initialize backbone
+** bootstrap collections
+** instantiate router
+** .start()
+* send hash '#books/5' to backbone router
+* router routes, dispatches to action
+* action
+* view(modelOrCollection)
+* view calls template, returns htmls
+* view calls the jquery
+* dom is updated
---
# Code tour: client side

0 comments on commit 4a6878f

Please sign in to comment.