-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
158 lines (131 loc) · 6.71 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
156
157
158
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title class="l_coursename">Titanium Certified Expert (TCE) Training</title>
<meta name="description" content="Titanium Certified Expert (TCE) Training">
<meta name="author" content="Appcelerator, Inc." />
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<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 Expert (TCE) 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>
<h1 style="" class="l_coursefiles">Course Files</h1>
<h5 style="margin-bottom:50px;">github.com/appcelerator-training</h5>
<ul style="width:80%;">
<li class="l_coursefiles1" style="margin-bottom:20px;">Download <em>both</em> the<br/><br/> <span style="background: #ffc; padding:3px; border: 1px solid #9A0707;">presentation-engine</span> and <span style="background: #ffc; padding:3px; border: 1px solid #9A0707;">tce_training repos</span></li>
<li class="l_coursefiles2">Slides are HTML-based, open with your browser</li>
<li class="l_coursefiles3">Labs & code are included in the repo</li>
</ul>
<img src="images/folderarrangment.png" style="width:500px;" class="noborder"/>
<div class="slidenote"><div class="l_slidenote_coursefiles">Slides and lab code are free to download from GitHub<br/><br/>Make sure directories are named to match their repo names on GitHub. Put presentation-engine and tcd_training into same folder. Lab code, you'll import the starting files into Studio. (Optional step is to copy to workspace directory; leaving in the Downloads directory is not recommended.)</div></div>
</section>
<section id="agenda1">
<h1 style="margin-top:50px;" class="l_agenda1_title">AGENDA - Day 1</h1>
<ul>
<li><a href="__courseintro/index.html" class="l_courseintro">Course Overview</a></li>
<li><a href="01uiux/index.html" class="l_lesson1">UI/UX Design Principles</a></li>
<li><a href="02orientation/index.html" class="l_lesson7">Orientation & Gestures</a></li>
<li><a href="03animation/index.html" class="l_lesson8">Animation</a></li>
<li><a href="04inputnav/index.html" class="l_lesson2">User Input & Navigation</a></li>
<li><a href="05customui/index.html" class="l_lesson5">Custom UI Components</a></li>
<li><a href="06iosdeepdive/index.html" class="l_lesson3">iOS Deep Dive</a></li>
</ul>
</section>
<section id="agenda2">
<h1 style="margin-top:50px;" class="l_agenda2_title">AGENDA - Day 2</h1>
<ul>
<li><a href="07androiddeepdive/index.html" class="l_lesson4">Android Deep Dive</a></li>
<li><a href="08applaunch/index.html" class="l_lesson6">App Interconnections</a></li>
<li><a href="09perfoptim/index.html" class="l_lesson9">Performance Optimization</a></li>
<li><a href="10modules/index.html" class="l_lesson10">Using Modules in your App</a></li>
<li><a href="11extending/index.html" class="l_lesson11">Extending Titanium</a></li>
</ul>
</section>
</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>