This repository has been archived by the owner on Oct 9, 2023. It is now read-only.
forked from hakimel/reveal.js
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
249 lines (216 loc) · 7.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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>PhoneGap Build</title>
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/night.css">
<!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
</head>
<body>
<div class="reveal">
<div class="slides">
<section>
<img src="img/pgb_logo.png" height=400px />
<h2>Adobe PhoneGap Build</h2>
<h4>what have you done for me lately?</h4>
<p>
<small>brett rudd ● @brettrudd ● github.com/goya</small>
</p>
</section>
<section>
<img src="img/short.gif" style="margin:0;border:0;box-shadow:none" height=300px />
<h2>short but sweet</h2><span class=fragment>
<p class="fragmfent">what is phonegap build</p>
<p class="fragmefnt">potentially embarrassing clumsy demo</p>
<p class="fragmefnt">new features</p>
<p class="fragmefnt">what's next</p></span>
</section>
<section>
<h2>What is PhoneGap Build?</h2>
<p>PhoneGap Build is an online service that enables you to easily compile PhoneGap applications for iOS, Android and Windows platforms</p>
<p class=fragment>No need to install SDKs</p>
<p class=fragment>Produces app-store ready packages</p>
<p class=fragment>Includes debugging and device testing tools</p>
<p class=fragment>Seamlessly* upgrade to the latest PhoneGap versions</p>
<p class=fragment>Share and collaborate with testers and other developers.</p>
</section>
<section>
<h2>Main Features</h2>
<p class=fragment>Your source (HTML, CSS, JS etc.) can be uploaded as a zip or can be cloned from a public or private git repo</p>
<p class=fragment>Full support for any PhoneGap / Cordova plugin</p>
<p class=fragment>Upload private plugins</p>
<p class=fragment>A full RESTful api to allow integration with a CI workflow</p>
<p class=fragment>Hydration service</p>
<p class=fragment>A dedicated weinre server allowing for remote debugging.</p>
</section>
<section>
<h2>build.phonegap.com/plans</h2>
<img src="img/bored.gif" height=190px />
<table>
<thead>
<tr>
<th></th>
<th>Free</th>
<th>Monthly ($10)</th>
<th>Creative Cloud</th>
</tr>
</thead>
<tbody>
<tr>
<td>Open Source Apps</td>
<td align=center>∞</td>
<td align=center>∞</td>
<td align=center>∞</td>
</tr>
<tr>
<td>Private Apps</td>
<td align=center>1</td>
<td align=center>∞</td>
<td align=center>∞</td>
</tr>
<tr>
<td>App Size</td>
<td align=center>50MB</td>
<td align=center>100MB</td>
<td align=center>1GB</td>
</tr>
<tr>
<td>3rd Party Plugins</td>
<td align=center>YES</td>
<td align=center>YES</td>
<td align=center>YES</td>
</tr>
<tr>
<td>Upload Private Plugins</td>
<td align=center>NO</td>
<td align=center>YES</td>
<td align=center>YES</td>
</tr>
</tbody>
</table>
</section>
<section>
<h2>Clumsy Demo of Hydration</h2>
<p>phonegap/phonegap-app-star-track</p>
</section>
<section>
<h2>New Stuff</h2>
</section>
<section>
<h2>App Repo Support</h2>
<p><img style="background-color:white;padding-left:100px;padding-right:100px" src="img/github.png"/></p>
<span class="fragment">
<p><img style="background-color:white;padding-left:100px;padding-right:100px" src="img/bitbucket.png"/></p>
<p><img style="background-color:white;padding-left:100px;padding-right:100px" src="img/gitlab.png"/></p>
</span>
</section>
<section>
<h2>npm plugins</h2>
<p><a target="_blank" href="https://cordova.apache.org/plugins">cordova.apache.org/plugins</a></p>
<p><a target="_blank" href="https://www.npmjs.com/search?q=ecosystem:cordova">www.npmjs.com/search?q=ecosystem:cordova</a></p>
<pre class="fragment"><code class="html hljs">
<plugin src="cordova-plugin-device" />
<plugin src="cordova-plugin-device" source="npm" />
<plugin src="cordova-plugin-device" source="npm" spec="1.1.2" />
</code></pre>
</section>
<section>
<h2>git-based plugins</h2>
<span class=fragment>
<p>Include any git-based cordova plugin from any public git repository</p>
<pre><code class="html hljs">
<plugin spec="https://github.com/apache/cordova-plugin-device.git" />
<plugin spec="https://github.com/apache/cordova-plugin-device.git#tag" />
<plugin spec="https://bitbucket.com/apache/cordova-plugin-device.git#branch" />
<plugin spec="https://my-git-server.com/apache/cordova-plugin-device.git#commit" />
</code></pre></span>
</section>
<section>
<h2>Windows Phone 8.1 and Windows 10 Support</h2>
<span class=fragment>
<pre><code class="html hljs">
<!-- Windows 10 (default): -->
<preference name="windows-appx-target" value="uap" />
<!-- Windows 8.1: -->
<preference name="windows-appx-target" value="8.1-win" />
<!-- Windows Phone 8.1: -->
<preference name="windows-appx-target" value="8.1-phone" />
</code></pre>
<pre><code class="html hljs">
<!-- anycpu, arm, x86, and x64 -->
<preference name="windows-arch" value="anycpu" />
</code></pre></span>
</section>
<section>
<h2>New Support Forums</h2>
<p>Support is now available on the official Adobe forums</p>
<img src="img/fetch.gif" />
<p>forums.adobe.com/community/phonegap/build</p>
</section>
<section>
<h2>Other New Stuff</h2>
<p class=fragment>Full compile logs</p>
<span class=fragment><p>Gradle support for android builds</p>
<pre><code class="html hljs">
<preference name="android-build-tool" value="gradle" />
</code></pre>
</span>
<span class=fragment><p>Platform specific plugins and preferences</p>
<pre><code class="html hljs">
<platform name="android">
<preference name="phonegap-version" value="4.0.2" />
<plugin src="cordova-plugin-device" />
<preference name="orientation" value="landscape" />
</platform>
</code></pre>
.
</span>
</section>
<section>
<h2>Future</h2>
<p class=fragment>Site redesign</p>
<p class=fragment>Private plugin support (git and npm)</p>
<p class=fragment>Web hooks</p>
<p class=fragment>Continue on the path to full PhoneGap / Cordova CLI compatibility.</p>
</section>
<section>
<h2>More Info</h2>
<p>website -- build.phonegap.com</p>
<p>docs -- docs.build.phonegap.com</p>
<p>blog -- phonegap.com/blog/phonegap-build</p>
<p>issues -- github.com/phonegap/build</p>
<p>forums -- forums.adobe.com/community/phonegap/build</p>
<p>twitter -- @phonegapbuild
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<script>
// More info https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
history: true,
controls: false,
progress: false,
// More info https://github.com/hakimel/reveal.js#dependencies
dependencies: [
{ src: 'plugin/markdown/marked.js' },
{ src: 'plugin/markdown/markdown.js' },
{ src: 'plugin/notes/notes.js', async: true },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }
]
});
</script>
</body>
</html>