Skip to content

Commit e3ff85c

Browse files
author
Benj Tupas
committed
For Devcon Code Camp.
1 parent 4bd5c79 commit e3ff85c

File tree

12,358 files changed

+1491583
-9140
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

12,358 files changed

+1491583
-9140
lines changed

‎demos/controllers/topic.js

-18
This file was deleted.

‎demos/images/bootstrap (2).png

-39.1 KB
Binary file not shown.

‎demos/images/bootstrap (3).png

-39.1 KB
Binary file not shown.

‎demos/images/facebook-sdk (2).png

-51.6 KB
Binary file not shown.

‎demos/images/google-maps (2).png

-257 KB
Binary file not shown.

‎demos/images/google-maps (3).png

-257 KB
Binary file not shown.

‎demos/images/html5 (2).png

-28.7 KB
Binary file not shown.

‎demos/images/javascript (2).png

-23.7 KB
Binary file not shown.

‎demos/images/javascript (3).png

-23.7 KB
Binary file not shown.

‎demos/images/jquery (2).png

-57.6 KB
Binary file not shown.

‎demos/images/jquery (3).png

-57.6 KB
Binary file not shown.

‎demos/images/php (2).png

-47.8 KB
Binary file not shown.

‎demos/images/php (3).png

-47.8 KB
Binary file not shown.

‎images/enhances.png

14.8 KB

‎images/grow.jpg

267 KB

‎images/modular.jpg

29.6 KB

‎images/mvc.jpg

38 KB

‎images/spa.jpg

20.2 KB

‎index.html

+154-6
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,7 @@
2929

3030
<div class="reveal">
3131
<div class="slides">
32+
3233
<section>
3334
<img src="images/angularjs.jpg"/>
3435

@@ -45,10 +46,14 @@ <h4> - Benj Tupas - </h4>
4546
</section>
4647

4748
<section>
49+
<h2> What to Expect </h2>
50+
51+
<hr/>
52+
4853
<iframe
49-
width="1000px"
50-
height="1000px"
51-
src="sample/"></iframe>
54+
width="1200px"
55+
height="700px"
56+
src="sample/5. Views and Routes"></iframe>
5257
</section>
5358

5459
<section>
@@ -69,21 +74,164 @@ <h2> Why AngularJS? </h2>
6974
</section>
7075

7176
<section>
72-
<h2> Enhances web client </h2>
77+
<h2> Enhances web apps </h2>
78+
79+
<hr/>
80+
81+
<img src="images/enhances.png"/>
82+
83+
<p>
84+
<small>
85+
<a href="http://www.amtevolve.com/">
86+
http://www.amtevolve.com/
87+
</a>
88+
</small>
89+
</p>
90+
</section>
91+
92+
<section>
93+
<h2> Model-View-Controller (MVC) </h2>
94+
95+
<hr/>
96+
97+
<img src="images/mvc.jpg"/>
7398
</section>
7499

75100
<section>
76101
<h2> Single page application </h2>
102+
103+
<hr/>
104+
105+
<img src="images/spa.jpg"/>
77106
</section>
78107

79108
<section>
80-
<h2> Model-View-Controller (MVC) </h2>
109+
<h2> Modular </h2>
110+
111+
<hr/>
112+
113+
<img src="images/modular.jpg"/>
81114
</section>
82115

83116
<section>
84-
<h2> Moduler </h2>
117+
<h2> Growth </h2>
118+
119+
<hr/>
120+
121+
<img src="images/grow.jpg"/>
85122
</section>
86123
</section>
124+
125+
<section>
126+
<h2> Demo </h2>
127+
</section>
128+
129+
<section>
130+
<h2> What is needed? </h2>
131+
132+
<hr/>
133+
134+
<ol>
135+
<li> AngularJS </li>
136+
<ul>
137+
<li> https://angularjs.org/ </li>
138+
<li> 1.3x (stable) </li>
139+
<li> Zip </li>
140+
</ul>
141+
142+
<br/>
143+
144+
<li> Local web server (Xampp, Wamp, Mamp) </li>
145+
<ul>
146+
<li>For HTTP Requests only</li>
147+
</ul>
148+
149+
<br/>
150+
151+
<li> Bootstrap and Jquery (optional) </li>
152+
<ul>
153+
<li> http://getbootstrap.com/getting-started/#download </li>
154+
<li> https://jquery.com/download/ </li>
155+
</ul>
156+
</ol>
157+
</section>
158+
159+
<section>
160+
<h2> Initial Setup </h2>
161+
162+
<hr/>
163+
164+
<ol>
165+
<li> Create a project folder. </li>
166+
<li> Create a "libs" folder inside. </li>
167+
<ul>
168+
<li> Paste "angular-1.3.15" folder. </li>
169+
<li> Paste "bootstrap-3.3.4" folder. </li>
170+
<li> Paste jquery-1.11.2.min.js </li>
171+
</ul>
172+
<li> Create index.html </li>
173+
<ul>
174+
<li> http://getbootstrap.com/getting-started/#template </li>
175+
<li> Copy-paste </li>
176+
<li> Edit the folder and file names </li>
177+
</ul>
178+
</ol>
179+
</section>
180+
181+
<section>
182+
<h2> 1. Initial Setup </h2>
183+
184+
<hr/>
185+
186+
<iframe
187+
width="1200px"
188+
height="700px"
189+
src="sample/1. Initial Setup"></iframe>
190+
</section>
191+
192+
<section>
193+
<h2> 2. Data Binding </h2>
194+
195+
<hr/>
196+
197+
<iframe
198+
width="1200px"
199+
height="700px"
200+
src="sample/2. Data Binding"></iframe>
201+
</section>
202+
203+
<section>
204+
<h2> 3. Modules and Controller </h2>
205+
206+
<hr/>
207+
208+
<iframe
209+
width="1200px"
210+
height="700px"
211+
src="sample/3. Controller"></iframe>
212+
</section>
213+
214+
<section>
215+
<h2> 4. Directives</h2>
216+
217+
<hr/>
218+
219+
<iframe
220+
width="1200px"
221+
height="700px"
222+
src="sample/4. Directives"></iframe>
223+
</section>
224+
225+
<section>
226+
<h2> 5. Views and Routes </h2>
227+
228+
<hr/>
229+
230+
<iframe
231+
width="1200px"
232+
height="700px"
233+
src="sample/5. Views and Routes"></iframe>
234+
</section>
87235
</div>
88236
</div>
89237

‎demos/configs/app.js renamed to ‎sample-copy/configs/app.js

File renamed without changes.

‎sample/controllers/topic.js renamed to ‎sample-copy/controllers/topic.js

File renamed without changes.

‎demos/css/main.css renamed to ‎sample-copy/css/main.css

File renamed without changes.

‎demos/directives/topic-thumbnails.js renamed to ‎sample-copy/directives/topic-thumbnails.js

File renamed without changes.

‎demos/images/android.png renamed to ‎sample-copy/images/android.png

File renamed without changes.

‎demos/images/angularjs.png renamed to ‎sample-copy/images/angularjs.png

File renamed without changes.

‎demos/images/appengine.png renamed to ‎sample-copy/images/appengine.png

File renamed without changes.

‎demos/images/bootstrap.png renamed to ‎sample-copy/images/bootstrap.png

File renamed without changes.

‎demos/images/facebook-sdk.png renamed to ‎sample-copy/images/facebook-sdk.png

File renamed without changes.

‎demos/images/git.png renamed to ‎sample-copy/images/git.png

File renamed without changes.

‎demos/images/google-maps.png renamed to ‎sample-copy/images/google-maps.png

File renamed without changes.

‎demos/images/html5.png renamed to ‎sample-copy/images/html5.png

File renamed without changes.

‎demos/images/impact-js.png renamed to ‎sample-copy/images/impact-js.png

File renamed without changes.

‎demos/images/java.png renamed to ‎sample-copy/images/java.png

File renamed without changes.

‎demos/images/javascript.png renamed to ‎sample-copy/images/javascript.png

File renamed without changes.

‎demos/images/jquery.png renamed to ‎sample-copy/images/jquery.png

File renamed without changes.

‎demos/images/php.png renamed to ‎sample-copy/images/php.png

File renamed without changes.

‎demos/images/python.png renamed to ‎sample-copy/images/python.png

File renamed without changes.

‎demos/index.html renamed to ‎sample-copy/index.html

File renamed without changes.

‎demos/json/topics.json renamed to ‎sample-copy/json/topics.json

File renamed without changes.

‎demos/libs/angularjs/angular-resource.min.js renamed to ‎sample-copy/libs/angularjs/angular-resource.min.js

File renamed without changes.

‎demos/libs/angularjs/angular-route.min.js renamed to ‎sample-copy/libs/angularjs/angular-route.min.js

File renamed without changes.

‎demos/libs/angularjs/angular.min.js renamed to ‎sample-copy/libs/angularjs/angular.min.js

File renamed without changes.

‎demos/libs/bootstrap-3.2.0/css/bootstrap-theme.css renamed to ‎sample-copy/libs/bootstrap-3.2.0/css/bootstrap-theme.css

File renamed without changes.

‎demos/libs/bootstrap-3.2.0/css/bootstrap-theme.css.map renamed to ‎sample-copy/libs/bootstrap-3.2.0/css/bootstrap-theme.css.map

File renamed without changes.

‎demos/libs/bootstrap-3.2.0/css/bootstrap-theme.min.css renamed to ‎sample-copy/libs/bootstrap-3.2.0/css/bootstrap-theme.min.css

File renamed without changes.

‎demos/libs/bootstrap-3.2.0/css/bootstrap.css renamed to ‎sample-copy/libs/bootstrap-3.2.0/css/bootstrap.css

File renamed without changes.

‎demos/libs/bootstrap-3.2.0/css/bootstrap.css.map renamed to ‎sample-copy/libs/bootstrap-3.2.0/css/bootstrap.css.map

File renamed without changes.

‎demos/libs/bootstrap-3.2.0/css/bootstrap.min.css renamed to ‎sample-copy/libs/bootstrap-3.2.0/css/bootstrap.min.css

File renamed without changes.

‎demos/libs/bootstrap-3.2.0/fonts/glyphicons-halflings-regular.eot renamed to ‎sample-copy/libs/bootstrap-3.2.0/fonts/glyphicons-halflings-regular.eot

File renamed without changes.

‎demos/libs/bootstrap-3.2.0/fonts/glyphicons-halflings-regular.svg renamed to ‎sample-copy/libs/bootstrap-3.2.0/fonts/glyphicons-halflings-regular.svg

File renamed without changes.

‎demos/libs/bootstrap-3.2.0/fonts/glyphicons-halflings-regular.ttf renamed to ‎sample-copy/libs/bootstrap-3.2.0/fonts/glyphicons-halflings-regular.ttf

File renamed without changes.

‎demos/libs/bootstrap-3.2.0/fonts/glyphicons-halflings-regular.woff renamed to ‎sample-copy/libs/bootstrap-3.2.0/fonts/glyphicons-halflings-regular.woff

File renamed without changes.

‎demos/libs/bootstrap-3.2.0/js/bootstrap.js renamed to ‎sample-copy/libs/bootstrap-3.2.0/js/bootstrap.js

File renamed without changes.

‎demos/libs/bootstrap-3.2.0/js/bootstrap.min.js renamed to ‎sample-copy/libs/bootstrap-3.2.0/js/bootstrap.min.js

File renamed without changes.

‎demos/libs/jquery-1.11.1.min (1).js renamed to ‎sample-copy/libs/jquery-1.11.1.min (1).js

File renamed without changes.

‎demos/libs/jquery-1.11.1.min.js renamed to ‎sample-copy/libs/jquery-1.11.1.min.js

File renamed without changes.

‎demos/views/home.html renamed to ‎sample-copy/views/home.html

File renamed without changes.

‎demos/views/topic.html renamed to ‎sample-copy/views/topic (1).html

File renamed without changes.

‎demos/views/topic-thumbnail.html renamed to ‎sample-copy/views/topic-thumbnail (1).html

File renamed without changes.

‎sample/views/topic-thumbnail.html renamed to ‎sample-copy/views/topic-thumbnail.html

File renamed without changes.

‎sample/views/topic.html renamed to ‎sample-copy/views/topic.html

File renamed without changes.

‎sample/1. Initial Setup/index.html

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
8+
<title> AngularJS Demo </title>
9+
10+
<link href="libs/bootstrap-3.3.4/css/bootstrap.min.css" rel="stylesheet">
11+
12+
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
13+
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
14+
<!--[if lt IE 9]>
15+
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
16+
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
17+
<![endif]-->
18+
</head>
19+
<body>
20+
<h1> HELLO WORLD! </h1>
21+
22+
<script src="libs/jquery-1.11.2.min.js"></script>
23+
<script src="libs/bootstrap-3.3.4/js/bootstrap.min.js"></script>
24+
</body>
25+
</html>

0 commit comments

Comments
 (0)