forked from jptacek/AngularPeriodic
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
83 lines (67 loc) · 4.5 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<title>Jptacek.com - Angular Demos</title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/site.css"/>
<link rel="stylesheet" href="bower_components/fontawesome/css/font-awesome.min.css"/>
</head>
<body>
<div class="container">
<h1>Angular Periodic</h1>
<p>This site has demo applications and source for blog posts at <a href="http://www.jptacek.com">Jptacek.com</a> on
the AngularJS framework</p>
<h3>Demo 1 - Introducing AngularJS</h3>
Blog Post - <a href="http://www.jptacek.com/2013/10/angularjs-introduction/">AngularJS - Introduction</a><br/>
<a href="Demo01-Intro/HelloWorld.html">Hello World</a> Introducing AngularJS Binding<br/>
<a href="Demo01-Intro/tempConversion.html">Temperature Conversions</a> Convert Fahrenheit to Celsius and Kelvin<br/>
<a href="Demo01-Intro/sphereCalculation.html">Sphere Calculation</a> Sphere calculations - Surface area and Volume<br/>
<h3>Demo 2 - AngularJS Controllers</h3>
Blog Post - <a href="http://www.jptacek.com/2013/10/introducing-angularjs-controllers/">Introducing AngularJS
Controllers</a><br/>
<a href="Demo02-Controllers/controller1.html">Controller</a> Introducing AngularJS Controllers<br/>
<h3>Demo 3 - NG-REPEAT</h3>
Blog Post - <a href="http://www.jptacek.com/2013/10/angularjs-introducing-ng-repeat/">AngularJS - Introducing
ng-repeat</a><br/>
<a href="Demo03-NGRepeat/elements1.html">Elements1</a> Looking at ng-repeat<br/>
<h3>Demo 4 - More with NG-REPEAT</h3>
Blog Post - <a href="http://www.jptacek.com/2014/01/angularjs-further-with-ng-repeat/">AngularJS - Introducing
ng-repeat</a><br/>
<a href="Demo04-MoreWithNGRepeat/element2.html">Elements2</a> Looking at ng-repeat with filters and order<br/>
<h3>Demo 5 - AngularJS image binding featuring Lou Reed</h3>
Blog Post - <a href="http://www.jptacek.com/2014/01/angularjs-lou-reed/">AngularJS - Image binding with Lou Reed</a><br/>
<a href="Demo05-ImageBindingWithLouReed/lou.html"> Lou Reed</a> A segue in which we look at binding images<br/>
<h3>Demo 6 - AngularJS templates</h3>
Blog Post - <a href="http://www.jptacek.com/2014/02/angularJS-templates/">AngularJS - Introducing Templates</a><br/>
<a href="Demo06-Template/template1.html"> Introducing Templates</a> Where we look at templates in AngularJS<br/>
<h3>Demo 7 - AngularJS routing</h3>
Blog Post - <a href="http://www.jptacek.com/2014/02/angularJS-IntroToRouting/">AngularJS - Introducing
Routes</a><br/>
<a href="Demo07-Routing/route.html"> Introducing Templates</a> Where we look at routes in AngularJS<br/>
<h3>Demo 8 - AngularJS routing</h3>
Blog Post - <a href="http://www.jptacek.com//2014/05/angularJS-Intro-To-Services/">AngularJS - Introduction to Services</a><br/>
<a href="Demo08-Services/index.html"> Introduction to Services</a> Where we look at services in AngularJS<br/>
<h3>Demo 9 - AngularJS directives</h3>
Blog Post - <a href="http://www.jptacek.com/2014/06/angularJS-intro-to-directives/">AngularJS - Introduction to Directives</a><br/>
<a href="Demo09-Directives/index.html"> Introduction to Directives</a> Where we look at directives in AngularJS<br/>
<h3>Demo 10 - AngularJS directives</h3>
Blog Post - <a href="http://www.jptacek.com/2014/12/angularJS-further-with-directives/">AngularJS - Further Directives</a><br/>
<a href="Demo10-MoreWithDirectives/index.html"> More with Directives</a> Where we take a deeper dive into directives for AngularJS<br/>
<h3>Demo 11 - AngularJS Best Practices</h3>
Blog Post - <a href="http://jptacek.com/2015/02/angularJS-Best-Practices/">AngularJS - Best Practices</a><br/>
<a href="Demo11-BestPractices/index.html"> Best Practices</a> Where we take a look at Angular Best Practices,
featuring some code tips from John Papa.<br/>
<h3>Demo 12 - AngularJS Best Practices</h3>
Blog Post - <a href="http://jptacek.com/2015/03/angularJS-CSS-Animation/">AngularJS - CSS Animations</a><br/>
<a href="Demo12-Animation/index.html"> CSS Animations with NG Animate</a> Where we take a look at ngAnimate and
creating CSS animations<br/>
<br/>
</div>
<footer class="footer">
<div class="container">
<p>Code supporting blog posts by John Ptacek</p>
<i class="fa fa-book"></i><a href="http://www.jptacek.com"> Jptacek.com</a> <i class="fa fa-twitter"></i><a href="http://www.twitter.com/jptacek"> Twitter</a>
</div>
</footer>
</body>
</html>