Files
archived-presentations/devs19.html
Rasmus Lerdorf 288d9619cb Tweak
2019-05-20 10:42:00 -07:00

648 lines
24 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>25 Years of PHP</title>
<meta name="description" content="25 Years of PHP">
<meta name="author" content="Rasmus Lerdorf">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<link rel="stylesheet" href="/reveal.js/css/reveal.css">
<link rel="stylesheet" href="/reveal.js/css/theme/white.css" id="theme">
<!-- 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>
<!-- For syntax highlighting - note that these are not the generic highlight.js theme files - see https://github.com/nwinkler/reveal-highlight-themes -->
<link rel="stylesheet" href="/styles/xcode.css">
<!-- Override a few styles -->
<style>
/*
Not actually sure why this block isn't being picked up from the syntax highlight css
If you change the syntax highlight theme, copy the first block here
*/
.reveal pre {
width: 100%;
}
.reveal pre code {
display: block;
max-height: 600px;
overflow-x: auto;
padding: 0.5em;
line-height: 125%;
background: #fff;
color: black;
-webkit-text-size-adjust: none;
}
.reveal section img {
box-shadow: none;
border: none;
}
.reveal code.shell {
display: block;
overflow-x: auto;
padding: 0.5em;
background: #000;
color: #ddd;
line-height: 125%;
-webkit-text-size-adjust: none;
}
.reveal code.result {
display: block;
overflow-x: auto;
padding: 0.5em;
background: #ddd;
color: #000;
line-height: 125%;
-webkit-text-size-adjust: none;
}
/* Left-align h3 and h4 if they are p elements */
h3.p {
text-align: left;
}
h4.p {
text-align: left;
}
/* and left-aligned but slightly indented bullet lists */
.reveal ul {
display: block;
margin: 0 0 1em 3em;
}
/* Example titles */
p.example {
text-align: left;
margin: 0 0 -0.5em 1em;
font-weight: bold;
}
/* Example output style */
pre.output {
display: block;
overflow-x: auto;
padding: 0.5em;
background: #ddd;
color: black;
line-height: 200%;
-webkit-text-size-adjust: none;
}
</style>
<!-- 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 ) ? '/reveal.js/css/print/pdf.css' : '/reveal.js/css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
<!-- Needed for charts to work. Fall back to network if no local copy -->
<script type='text/javascript' src='/jquery.min.js'></script>
<script>window.jQuery || document.write('<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">\x3C/script>')</script>
<script src="/highcharts.js"></script>
<script>window.Highcharts || document.write('<script src="http://code.highcharts.com/highcharts.js">\x3C/script>')</script>
<!--[if lt IE 9]>
<script src="/reveal.js/lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<section>
<h1>25 Years of PHP</h1>
<h3>WeAreDevelopers</h3>
<h3>Berlin</h3>
<h3>June 7, 2019</h3>
<a href="http://talks.php.net/devs19">http://talks.php.net/devs19</a><br><br>
<p>Rasmus Lerdorf<br>
<small><a href="http://twitter.com/@rasmus">@rasmus</a></small>
</p>
<aside class="notes">
</aside>
</section>
<section data-background-color="#000000">
<section id="s">
<img src="/presentations/slides/intro/greenland_map.png" align="center" width="" height="">
</section>
<section id="s1">
<img src="/presentations/slides/intro/greenland_edge.jpg" align="center" width="" height="">
</section>
<section id="s2">
<img src="/presentations/slides/intro/greenland_boots.jpg" align="center" width="" height="">
</section>
<section id="s3">
<img src="/presentations/slides/intro/greenland_box.jpg" align="center" width="" height="">
</section>
<section id="s4">
<img src="/presentations/slides/intro/greenland_dogsled.jpg" align="center" width="" height="">
</section>
<section id="s5">
<img src="/presentations/slides/intro/greenland_house.jpg" align="center" width="" height="">
</section>
<section id="s6">
<img src="/presentations/slides/intro/greenland_summer.jpg" align="center" width="" height="">
</section>
<section id="s7">
<img src="/presentations/slides/intro/greenland_tech1.jpg" align="center" width="" height="">
</section>
<section id="s8">
<img src="/presentations/slides/intro/greenland_tech2.jpg" align="center" width="" height="">
</section>
<section id="s9">
<img src="/presentations/slides/intro/greenland_tech3.jpg" align="center" width="" height="">
</section> </section>
<section>
<section id="hist_80s">
<h1 style="text-align:center;text-transform:none">1980s</h1>
<img src="/presentations/slides/intro/timex.jpg" align="center" width="" height="">
</section>
<section id="hist_80s_1">
<img src="/presentations/slides/intro/vic20.jpg" align="center" width="" height="">
</section>
<section id="hist_80s_2">
<img src="/presentations/slides/intro/hayes.jpg" align="center" width="" height="">
</section>
<section id="hist_80s_3">
<img src="/presentations/slides/intro/Zmodem.gif" align="center" width="" height="">
</section> </section>
<section>
<section id="hist_90s">
<h1 style="text-align:center;text-transform:none">1990s</h1>
<img src="/presentations/slides/intro/gopher.gif" align="center" width="" height="">
</section>
<section id="hist_90s_1">
<img src="/presentations/slides/intro/mosaic.jpg" align="center" width="" height="">
</section> </section>
<section>
<section id="hist_1993">
<h3 class="p" style="text-align:center;">1993</h3>
<pre><code class="C" data-trim style="font-size:0.8em;" >#include &lt;stdio.h&gt;
#include &lt;stdlib.h&gt;
#include &lt;ctype.h&gt;
#include &lt;string.h&gt;
#define ishex(x) (((x) &gt;= '0' &amp;&amp; (x) &lt;= '9') || ((x) &gt;= 'a' &amp;&amp; \
(x) &lt;= 'f') || ((x) &gt;= 'A' &amp;&amp; (x) &lt;= 'F'))
int htoi(char *s) {
int value;
char c;
c = s[0];
if(isupper(c)) c = tolower(c);
value=(c &gt;= '0' &amp;&amp; c &lt;= '9' ? c - '0' : c - 'a' + 10) * 16;
c = s[1];
if(isupper(c)) c = tolower(c);
value += c &gt;= '0' &amp;&amp; c &lt;= '9' ? c - '0' : c - 'a' + 10;
return(value);
}
void main(int argc, char *argv[]) {
char *params, *data, *dest, *s, *tmp;
char *name, *age;
puts(&quot;Content-type: text/html\r\n&quot;);
puts(&quot;&lt;HTML&gt;&lt;HEAD&gt;&lt;TITLE&gt;Form Example&lt;/TITLE&gt;&lt;/HEAD&gt;&quot;);
puts(&quot;&lt;BODY&gt;&lt;H1&gt;My Example Form&lt;/H1&gt;&quot;);
puts(&quot;&lt;FORM action=\&quot;form.cgi\&quot; method=\&quot;GET\&quot;&gt;&quot;);
puts(&quot;Name: &lt;INPUT type=\&quot;text\&quot; name=\&quot;name\&quot;&gt;&quot;);
puts(&quot;Age: &lt;INPUT type=\&quot;text\&quot; name=\&quot;age\&quot;&gt;&quot;);
puts(&quot;&lt;BR&gt;&lt;INPUT type=\&quot;submit\&quot;&gt;&quot;);
puts(&quot;&lt;/FORM&gt;&quot;);
data = getenv(&quot;QUERY_STRING&quot;);
if(data &amp;&amp; *data) {
params = data; dest = data;
while(*data) {
if(*data=='+') *dest=' ';
else if(*data == '%' &amp;&amp; ishex(*(data+1))&amp;&amp;ishex(*(data+2))) {
*dest = (char) htoi(data + 1);
data+=2;
} else *dest = *data;
data++;
dest++;
}
*dest = '\0';
s = strtok(params,&quot;&amp;&quot;);
do {
tmp = strchr(s,'=');
if(tmp) {
*tmp = '\0';
if(!strcmp(s,&quot;name&quot;)) name = tmp+1;
else if(!strcmp(s,&quot;age&quot;)) age = tmp+1;
}
} while(s=strtok(NULL,&quot;&amp;&quot;));
printf(&quot;Hi %s, you are %s years old\n&quot;,name,age);
}
puts(&quot;&lt;/BODY&gt;&lt;/HTML&gt;&quot;);
}</code></pre>
</section> </section>
<section>
<section id="hist_1993_2">
<h3 class="p" style="text-align:center;">1993</h3>
<pre><code class="Perl" data-trim >use CGI qw(:standard);
print header;
print start_html('Form Example'),
h1('My Example Form'),
start_form,
&quot;Name: &quot;, textfield('name'),
p,
&quot;Age: &quot;, textfield('age'),
p,
submit,
end_form;
if(param()) {
print &quot;Hi &quot;,em(param('name')),
&quot;You are &quot;,em(param('age')),
&quot; years old&quot;;
}
print end_html;</code></pre>
</section> </section>
<section>
<section id="hist_1994">
<h3 class="p" style="text-align:center;">1994-1995</h3>
<pre><code class="PHP" data-trim >&lt;html&gt;&lt;head&gt;&lt;title&gt;Form Example&lt;/title&gt;&lt;/head&gt;
&lt;body&gt;&lt;h1&gt;My Example Form&lt;/h1&gt;
&lt;form action=&quot;form.phtml&quot; method=&quot;POST&quot;&gt;
Name: &lt;input type=&quot;text&quot; name=&quot;name&quot;&gt;
Age: &lt;input type=&quot;text&quot; name=&quot;age&quot;&gt;
&lt;br&gt;&lt;input type=&quot;submit&quot;&gt;
&lt;/form&gt;
&lt;?if($name):?&gt;
Hi &lt;?echo $name?&gt;, you are &lt;?echo $age?&gt; years old
&lt;?endif?&gt;
&lt;/body&gt;&lt;/html&gt;</code></pre>
</section> </section>
<section>
<h2>C API for the Web</h2>
<pre><code class="C" data-trim >void Cos(void) {
Stack *s;
char temp[64];
s = Pop();
if(!s) {
Error(&quot;Stack error in cos&quot;);
return;
}
sprintf(temp,&quot;%f&quot;,cos(s-&gt;douval));
Push(temp,DNUMBER);
}</code></pre>
<h4 class="p">And you could then use it like this:</h4>
<pre><code class="nohighlight" data-trim >&lt;html&gt;&lt;head&gt;&lt;title&gt;Cos Example&lt;/title&gt;&lt;/head&gt;
&lt;body&gt;&lt;h1&gt;Cos Example&lt;/h1&gt;
&lt;?echo Cos($input)&gt;
&lt;/body&gt;&lt;/html&gt;</code></pre>
<aside class="notes"><br />
Actually the very first markup used html comments<br />
&lt;? ... &gt; came shortly after.<br />
Note the lack of the closing '?'<br />
BUT nobody was interested!<br />
</aside>
</section>
<section>
<h3 class="p">Focus on the Ecosystem</h3>
<ul>
<li style="font-size: 1.1em;margin-left: 2em;list-style-type: none;">LAMP wasn't an accident</li>
<li style="font-size: 1.1em;margin-left: 2em;list-style-type: none;">Robustness, Performance and Security</li>
<li style="font-size: 1.1em;margin-left: 2em;list-style-type: none;"><font color="ff2233"></font> shared hosting ISPs</li>
</ul>
<br/>
<h3 class="p">Scale</h3>
<ul>
<li style="font-size: 1.1em;margin-left: 2em;list-style-type: none;">Scaling up is expected</li>
<li style="font-size: 1.1em;margin-left: 2em;list-style-type: none;">Scaling down is surprisingly hard</li>
<li style="font-size: 1.1em;margin-left: 2em;list-style-type: none;">Doing both is rocket science</li>
</ul>
</section>
<section>
<h3 class="p">Performance</h3>
<ul>
<li style="font-size: 1.1em;margin-left: 1em;list-style-type: bullet;">mod_php</li>
<li style="font-size: 1.1em;margin-left: 1em;list-style-type: bullet;">shared-nothing perfect sandbox model</li>
</ul>
<h3 class="p">Robustness</h3>
<ul>
<li style="font-size: 1.1em;margin-left: 1em;list-style-type: bullet;">SQL LIMIT clause</li>
<li style="font-size: 1.1em;margin-left: 1em;list-style-type: bullet;">Promote Prefork shared-nothing model</li>
</ul>
<h3 class="p">Security</h3>
<ul>
<li style="font-size: 1.1em;margin-left: 1em;list-style-type: bullet;">max_execution_time</li>
<li style="font-size: 1.1em;margin-left: 1em;list-style-type: bullet;">memory_limit</li>
<li style="font-size: 1.1em;margin-left: 1em;list-style-type: bullet;">safe mode</li>
</ul>
</section>
<section>
<section id="omg">
<h3 class="p">What was he thinking?</h3>
<ul>
<li style="font-size: 1.1em;margin-left: 2em;list-style-type: none;">Case insensitive function names?</li>
<li style="font-size: 1.1em;margin-left: 2em;list-style-type: none;">Naming inconsistencies?</li>
<li style="font-size: 1.1em;margin-left: 2em;list-style-type: none;">What's with the $ signs?</li>
<li style="font-size: 1.1em;margin-left: 2em;list-style-type: none;">Globals?</li>
<li style="font-size: 1.1em;margin-left: 2em;list-style-type: none;">register_globals?</li>
<li style="font-size: 1.1em;margin-left: 2em;list-style-type: none;">magic_quotes?</li>
</ul>
</section>
<section id="omg1">
<h3 class="p">OMGWTFBBQ?</h3>
<pre><code data-trim style="font-size:1.6em;" >array_search($needle, $haystack);
strstr($haystack, $needle);
in_array($needle, $haystack);
substr_count($haystack, $needle);
array_key_exists($needle, $haystack);
strchr($haystack, $needle);</code></pre>
</section> </section>
<section>
<section id="wpbench">
<div id="wpbench_container" class="stretch" style="margin: 0 auto"></div>
<script src="presentations/slides/intro/wp2018.js"></script>
</section> </section>
<section>
<section id="smemwp">
<div id="smemwp_container" class="stretch" style="margin: 0 auto"></div>
<script src="presentations/slides/intro/smemwp2018.js"></script>
</section> </section>
<section>
<section id="supported">
<h2 style="text-align:center;">Version Support</h2>
<img src="http://php.net/images/supported-versions.php" align="center" width="" height="">
<font size="6em">
<table align="left" width="60%" border="0" style="margin-left: 1em;"><tr>
<td bgcolor="#90C090"><span style="font-size: 1em;">Active Support</span>
</td> <td ><span style="">Regular releases and security fixes</span>
</td></tr>
<tr>
<td bgcolor="#F09030"><span style="font-size: 1em;">Security Fixes</span>
</td> <td ><span style="">Only security fixes</span>
</td></tr>
<tr>
<td bgcolor="F03030"><span style="font-size: 1em;">End of Life</span>
</td> <td ><span style="">No longer supported</span>
</td></tr>
</table></font><br />
</section> </section>
<section>
<section id="php74">
<h1 style="text-align:center;">PHP 7.4</h1>
</section>
<section id="php74_typedprop">
<p class="p" style="font-size:1.1em;text-align:left;">Typed Properties</p>
<pre><code data-trim style="font-size:1.1em;" >class User {
public int $id;
public string $name;
public function __construct(int $id, string $name) {
$this-&gt;id = $id;
$this-&gt;name = $name;
}
}</code></pre>
</section>
<section id="php74_arrow">
<p class="p" style="font-size:1.1em;text-align:left;">Arrow Functions</p>
<pre><code data-trim style="font-size:1.1em;" >$cb = function ($x) use ($y) {
return $x + $y;
};
$cb = fn($x) =&gt; $x + $y;</code></pre>
</section>
<section id="php74_serialize">
<p class="p" style="font-size:1.1em;text-align:left;">__serialize/__unserialize</p>
<pre><code data-trim style="font-size:1.1em;" >class Test {
public $prop;
public function __serialize() {
return ['prop' =&gt; $this-&gt;prop];
}
public function __unserialize(array $data) {
$this-&gt;prop = $data['prop'];
}
}</code></pre>
</section>
<section id="null_coalesce_assign">
<p class="p" style="font-size:1em;text-align:left;">Null Coalescing Assignment Operator</p>
<pre><code data-trim style="font-size:1em;" >$this-&gt;config['value'] = $this-&gt;config['value'] ?? 'default_value';
$this-&gt;config['value'] ??= 'default_value';</code></pre>
</section>
<section id="weakref">
<p class="p" style="font-size:1em;text-align:left;">Weak References</p>
<pre><code data-trim style="font-size:1em;" >$std = new stdClass;
$wr = WeakReference::create($std);</code></pre>
</section>
<section id="php74_preload">
<p class="p" style="font-size:1.8em;text-align:center;">Opcache Preloading</p>
<ul>
<li>Loads userspace code at server startup as if it was part of core PHP</li>
<li>Trades some flexibility for performance</li>
<li>Inspired by the “Class Data Sharing” feature in Java's Hotspot VM</li>
</ul>
</section>
<section id="php74_preload1">
<p class="p" style="font-size:1em;text-align:left;">Without Opcache Preloading</p>
<pre><code data-trim style="font-size:1.1em;" >class A {
function __construct() {
echo &quot;A&quot;;
}
}</code></pre>
<pre><code data-trim style="font-size:1em;" >spl_autoload_register('__load');
function __load($c) {
echo &quot;Autoloader called for $c\n&quot;;
require &quot;/home/rasmus/&quot;.strtolower($c).&quot;.php&quot;;
}
new A;</code></pre>
<pre><code class="shell nohighlight" data-trim style="font-size:1.1em;" >$ php script.php
Autoloader called for A
A</code></pre>
</section>
<section id="php74_preload2">
<p class="p" style="font-size:1em;text-align:left;">With Opcache Preloading</p>
<pre><code data-trim style="font-size:1em;" >function preload($filename) {
if (!opcache_compile_file($filename)) {
trigger_error(&quot;Preloading Failed&quot;, E_USER_ERROR);
}
}
preload(&quot;/home/rasmus/a.php&quot;);</code></pre>
<pre><code class="shell nohighlight" data-trim style="font-size:1.1em;" >$ php -d opcache.preload=preload.php script.php
A</code></pre>
</section>
<section id="ffi">
<p class="p" style="font-size:1em;text-align:left;">FFI - Foreign Function Interface</p>
<pre><code data-trim style="font-size:1em;" >// create FFI object, loading libc and exporting function printf()
$ffi = FFI::cdef(
&quot;int printf(const char *format, ...);&quot;,
&quot;libc.so.6&quot;);
// call C printf()
$ffi-&gt;printf(&quot;Hello %s!\n&quot;, &quot;world&quot;);</code></pre>
</section>
<section id="ffi_example">
<pre><code data-trim style="font-size:1em;" >&lt;?php
$ffi = FFI::load(&quot;php_gifenc.h&quot;);
$w = 240; $h = 180;
$cols = $ffi-&gt;new(&quot;uint8_t[12]&quot;);
/* 4 colours: 000000, FF0000, 00FF00, 0000FF */
$cols[3] = 0xFF; $cols[7] = 0xFF; $cols[11] = 0xFF;
$gif = $ffi-&gt;ge_new_gif(&quot;test.gif&quot;, $w, $h, $cols, 2, 0);
for($i = 0; $i &lt; 16; $i++) {
for ($j = 0; $j &lt; $w*$h; $j++) {
$gif-&gt;frame[$j] = ($i*6 + $j) / 12 % 8;
}
echo &quot;Add frame $i\n&quot;;
$ffi-&gt;ge_add_frame($gif, 5);
}
$ffi-&gt;ge_close_gif($gif);</code></pre>
</section>
<section id="ffi_example_header">
<pre><code data-trim style="font-size:1em;" >#define FFI_SCOPE &quot;gifenc&quot;
#define FFI_LIB &quot;libgifenc.so&quot;
typedef struct ge_GIF {
uint16_t w, h;
int depth;
int fd;
int offset;
int nframes;
uint8_t *frame, *back;
uint32_t partial;
uint8_t buffer[0xFF];
} ge_GIF;
ge_GIF *ge_new_gif(
const char *fname, uint16_t width, uint16_t height,
uint8_t *palette, int depth, int loop
);
void ge_add_frame(ge_GIF *gif, uint16_t delay);
void ge_close_gif(ge_GIF* gif);</code></pre>
</section>
<section id="ffi_example_output">
<img src="/presentations/slides/intro/test.gif" align="center" width="240" height="180">
</section> </section>
<section data-background-color="#000000">
<section id="j">
<img src="/presentations/slides/intro/carl1.jpg" align="center" width="533" height="800">
</section>
<section id="j1">
<img src="/presentations/slides/intro/carl2.jpg" align="center" width="" height="">
</section>
<section id="j2">
<img src="/presentations/slides/intro/carl_linuxtag.jpg" align="center" width="" height="">
</section>
<section id="j3">
<img src="/presentations/slides/intro/carl_centipede.jpg" align="center" width="" height="">
</section>
<section id="j4">
<img src="/presentations/slides/intro/tridge.jpg" align="center" width="" height="">
</section>
<section id="j5">
<img src="/presentations/slides/intro/roorkee.jpg" align="center" width="" height="">
</section>
<section id="j6">
<img src="/presentations/slides/intro/arthurcclarke.jpg" align="center" width="" height="">
</section> </section>
<section>
<section id="sahana0">
<img src="/presentations/slides/intro/slideshow_images/sahana3.png" align="center" width="1000" height="720">
</section>
<section id="sahana1">
<img src="/presentations/slides/intro/slideshow_images/sahana_final.png" align="center" width="1000" height="720">
</section> </section>
<section>
<h3 class="p" style="text-align:center;">Work on things that matter (to you)</h3>
</section>
<section>
<img src="/presentations/slides/intro/lovehack-white-1000.png" align="center" width="1001" height="421">
</section>
<section>
<section id="thank_you">
<h2 style="text-align:center;">Thank You</h2>
<div align="left" style="font-size: 1em; color: ; text-align: left; margin-left: -1em; margin-right: ; margin-top: ; margin-bottom: ;"><a href=":-:url:-:" target="">http://talks.php.net/devs19</a></div>
<div align="left" style="font-size: 1em; color: ; text-align: left; margin-left: -1em; margin-right: ; margin-top: ; margin-bottom: ;"><a href="https://github.com/phan/phan" target="">https://github.com/phan/phan</a></div>
<div align="left" style="font-size: 1em; color: ; text-align: left; margin-left: -1em; margin-right: ; margin-top: ; margin-bottom: ;"><a href="https://github.com/adsr/phpspy" target="">https://github.com/adsr/phpspy</a></div>
<div align="left" style="font-size: 1em; color: ; text-align: left; margin-left: -1em; margin-right: ; margin-top: ; margin-bottom: ;"><a href="http://php.net/migration73" target="">http://php.net/migration73</a></div>
<div align="left" style="font-size: 1em; color: ; text-align: left; margin-left: -1em; margin-right: ; margin-top: ; margin-bottom: ;"><a href="https://bugs.php.net" target="">https://bugs.php.net</a></div>
<br/>
<br/>
<br/>
<p class="p" style="font-size:1.1em;">Report Bugs</p>
<p class="p" style="font-size:1.1em;">Useful bug reports, please!</p>
</section> </section>
</div>
</div>
<script src="/reveal.js/lib/js/head.min.js"></script>
<script src="/reveal.js/js/reveal.js"></script>
<script>
Reveal.initialize({
controls: true,
progress: true,
history: true,
center: true,
width: 1024,
height: 768,
transition: 'slide', // none/fade/slide/convex/concave/zoom
transitionSpeed: 'fast',
// Optional reveal.js plugins
dependencies: [
{ src: '/reveal.js/lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: '/highlight.min.js', async: true, condition: function() { return !!document.querySelector( 'pre code' ); }, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: '/reveal.js/plugin/zoom-js/zoom.js', async: true },
{ src: '/reveal.js/plugin/notes/notes.js', async: true },
{ src: '/reveal.js/plugin/line-numbers/line-numbers.js' }
]
});
/* This draws the graph on the slide on a slidechanged event */
Reveal.addEventListener('slidechanged', function(event) {
var callback = "render_"+event.currentSlide.id;
if(typeof(window[callback])=="function") {
window[callback]();
}
} );
/* This draws the graph if we got here directly without coming from another slide */
Reveal.addEventListener('ready', function(event) {
var callback = "render_"+event.currentSlide.id;
if(typeof(window[callback])=="function") {
window[callback]();
}
} );
</script>
</body>
</html>