AngularJSSamples/index.html at master · danielwanja/AngularJSSamples · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<a href="https://github.com/danielwanja/AngularJSSamples"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /></a>


<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
<div id="readme" class="clearfix announce instapaper_body md">
  <article
  class="markdown-body entry-content" itemprop="mainContentOfPage">
    <h1>
<a name="angularjssamples" class="anchor" href="#angularjssamples"><span class="octicon octicon-link"></span></a>AngularJSSamples</h1>

    <p>This is a collection of code samples I am creating for my "Front End JavaScript
      WITH AngularJS ..." talk at <a href="http://www.meetup.com/DeRailed/events/103389992/">Derailed</a>.</p>

    <p>In this talk we will start with the basics of AngularsJS, look at the databinding
      model directives and using templates. We will quickly build an advanced HTML application
      using controllers and routes. Coming out of this session you will be able to build
      some pretty cool applications using AngularJS with surprinsingly little code.
      You will have an understanding of how AngularJS incorporates the basic principles
      behind the original MVC software design pattern, and you will have seen some more
      advanced capabilities of my now favorite JavaScript framework.</p>

    <p>Here are the examples(click on the link for preview):</p>

    <ul>
      <li>01-ngmodel

        <ul>
          <li><a href="01-ngmodel/example1-binding.html">example1-binding.html</a>
          </li>
          <li><a href="01-ngmodel/example2-multi-view-binding.html">example2-multi-view-binding.html</a>
          </li>
          <li><a href="01-ngmodel/example3-two-way-binding.html">example3-two-way-binding.html</a>
          </li>
        </ul>
      </li>
      <li>02-ngcontroller

        <ul>
          <li><a href="02-ngcontroller/example1-controller.html">example1-controller.html</a>
          </li>
          <li><a href="02-ngcontroller/example2-multiple-controllers.html">example2-multiple-controllers.html</a>
          </li>
          <li><a href="02-ngcontroller/example3-nested-controllers.html">example3-nested-controllers.html</a>
          </li>
        </ul>
      </li>
      <li>03-filter

        <ul>
          <li><a href="03-filter/example1-filter.html">example1-filter.html</a>
          </li>
          <li><a href="03-filter/example2-custom.html">example2-custom.html</a>
          </li>
        </ul>
      </li>
      <li>04-ngrepeat

        <ul>
          <li><a href="04-ngrepeat/example1-repeat.html">example1-repeat.html</a>
          </li>
          <li><a href="04-ngrepeat/example2-repeat.html">example2-repeat.html</a>
          </li>
          <li><a href="04-ngrepeat/example3-filter.html">example3-filter.html</a>
          </li>
          <li><a href="04-ngrepeat/example4-selection.html">example4-selection.html</a>
          </li>
        </ul>
      </li>
      <li>05-routes-and-views

        <ul>
          <li><a href="05-routes-and-views/example1-routes.html">example1-routes.html</a>
          </li>
        </ul>
      </li>
      <li>06-partials

        <ul>
          <li><a href="06-partials/example1-include.html">example1-include.html</a>
          </li>
        </ul>
      </li>
      <li>07-http

        <ul>
          <li><a href="07-http/example1-http.html">example1-http.html</a>
          </li>
        </ul>
      </li>
      <li>08-resource

        <ul>
          <li><a href="08-resource/example1-resource.html">example1-resource.html</a></li>
        </ul>
      </li>
      <li>09-rails-resource

        <ul>
          <li><a href="09-rails-resource/example1-rails-resource.html">example1-rails-resource.html</a></li>
        </ul>
      </li>
      <li>10-directive

        <ul>
          <li><a href="10-directive/example1-ui-bootstrap.html">example1-ui-bootstrap.html</a>
          </li>
          <li><a href="10-directive/example2-chart.html">example2-chart.html</a>
          </li>
        </ul>
      </li>

      <li>11-navigation-demo

        <ul>
          <li><a href="11-finance-demo/index.html">index.html</a>
          </li>
        </ul>
      </li>

    </ul>
    </article>
</div>