forked from asterism-zz/tcd_training
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
155 lines (129 loc) · 5.92 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
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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title class="l_coursename">Titanium Certified Developer (TCD) Training</title>
<meta name="description" content="Titanium Certified Developer (TCD) Training">
<meta name="author" content="Appcelerator, Inc." />
<link rel="stylesheet" href="presentation-engine/reveal.js/css/reset.css">
<link rel="stylesheet" href="presentation-engine/reveal.js/css/main.css">
<link rel="stylesheet" href="css/magula.css">
<link rel="stylesheet" href="css/presentation.css">
<script type="text/javascript" src="presentation-engine/js/l10n.js"></script>
<script type="text/javascript" src="i18n/localizations.js"></script>
<script>
function loadStyleSheet(url){
if(document.createStyleSheet) {
try {document.createStyleSheet(url);} catch (e) { }
}
else{
var css;
css = document.createElement('link');
css.rel = 'stylesheet';
css.type = 'text/css';
css.media = "all";
css.href = url;
document.getElementsByTagName("head")[0].appendChild(css);
}
}
var browserlang = document.documentElement.lang || String.locale || 'en-US';
loadStyleSheet('css/'+browserlang+'.css');
</script>
<link rel="stylesheet" href="presentation-engine/reveal.js/css/print.css" media="print">
</head>
<body>
<div id="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<!--
SLIDE INSTRUCTIONS:
- Set the <title> tag to this course's US English title
- Set the <meta description tag to the US English course title
- Update the pre-defined slides to include the name, and links to each lesson's
corresponding file
- Each text tag (<p> or <li> or <h1> etc.) must have a class name that begins with
"l_" and is unique. Each of those class names must be added to the i18n/localizations.js
file and their values must be set equal to the US English version of the strings. That
file is used for translation and its contents OVERRIDES the text in this file.
-->
<div class="slides">
<section>
<h1 style="margin-top:100px;" class="l_welcome">Welcome To</h1>
<h5 class="l_coursename">Titanium Certified Developer (TCD) Training</h5>
<script>
// DO NOT REMOVE THIS, MUST BE INCLUDED WITH THE FIRST SLIDE
if( navigator.userAgent.match( /(iPhone|iPad|iPod|Android)/i ) )
document.write( '<p style="color: rgba(0,0,0,0.3); text-shadow: none;">('+'Tap to navigate'+')</p>' );
</script>
</section>
<section id="agenda1">
<h1 style="margin-top:50px;" class="l_agenda1_title">AGENDA - Day 1</h1>
<ul>
<li><a href="00courseintro/index.html" class="l_courseintro">Course Overview</a></li>
<li><a href="01gettingstarted/index.html" class="l_lesson1">Getting Started</a></li>
<li><a href="02titaniumbasics/index.html" class="l_lesson2">Titanium Basics</a></li>
<li><a href="03javascript/index.html" class="l_lesson3">JavaScript</a></li>
<li><a href="04ui/index.html" class="l_lesson4">User Interface</a></li>
<li><a href="05alloy/index.html" class="l_lesson5">Alloy Overview</a></li>
</ul>
</section>
<section id="agenda2">
<h1 style="margin-top:50px;" class="l_agenda2_title">AGENDA - Day 2</h1>
<ul>
<li><a href="06models/index.html" class="l_lesson6">Models & Collections</a></li>
<li><a href="07networking/index.html" class="l_lesson7">Networking</a></li>
<li><a href="08multimedia/index.html" class="l_lesson8">Multimedia</a></li>
<li><a href="09filesystem/index.html" class="l_lesson9">Filesystem</a></li>
<li><a href="10geolocation/index.html" class="l_lesson10">Geolocation & Mapping</a></li>
</ul>
</section>
<section id="agenda3">
<h1 style="margin-top:50px;" class="l_agenda3_title">AGENDA - Day 3</h1>
<ul>
<li><a href="11acs/index.html" class="l_lesson11">Appcelerator Cloud Services</a></li>
<li><a href="12webcontent/index.html" class="l_lesson12">Web Content</a></li>
<li><a href="13debugging/index.html" class="l_lesson13">Debugging & Tools</a></li>
<li><a href="14devdeploy/index.html" class="l_lesson14">Deploying for Testing</a></li>
<li><a href="15publishing/index.html" class="l_lesson15">Publishing</a></li>
</ul>
</section>
<!-- DUPLICATE AGENDA SLIDE OR DELETE EXTRAS AS NECESSARY -->
</div>
<!-- The navigational controls UI -->
<aside class="controls">
<a class="left" href="#">◄</a>
<a class="right" href="#">►</a>
<a class="up" href="#">▲</a>
<a class="down" href="#">▼</a>
</aside>
<!-- Displays presentation progress, max value changes via JS to reflect # of slides -->
<div class="progress"><span></span></div>
</div>
<script src="presentation-engine/reveal.js/js/reveal.js"></script>
<script src="presentation-engine/reveal.js/lib/highlight.js"></script>
<script>
// Parse the query string into a key/value object
var query = {};
location.search.replace( /[A-Z0-9]+?=(\w*)/gi, function(a) {
query[ a.split( '=' ).shift() ] = a.split( '=' ).pop();
} );
Reveal.initialize({
// Display controls in the bottom right corner
controls: true,
// Display a presentation progress bar
progress: true,
// If true; each slide will be pushed to the browser history
history: true,
// Flags if mouse wheel navigation should be enabled
mouseWheel: true,
// Apply a 3D roll to links on hover
rollingLinks: true,
// UI style
theme: query.theme || 'default', // default/neon
// Transition style
transition: query.transition || 'default' // default/cube/page/concave/linear(2d)
});
hljs.initHighlightingOnLoad();
</script>
<script src="presentation-engine/js/localize.js"></script>
</body>
</html>