mirror of
https://github.com/php/presentations.git
synced 2026-03-23 23:22:22 +01:00
530 lines
19 KiB
HTML
530 lines
19 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">
|
|
|
|
<!-- 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>CodeMotion</h3>
|
|
<h3>Rome</h3>
|
|
<h3>Mar.23, 2019</h3>
|
|
<a href="http://talks.php.net/rome19">http://talks.php.net/rome19</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 <stdio.h>
|
|
#include <stdlib.h>
|
|
#include <ctype.h>
|
|
#include <string.h>
|
|
|
|
#define ishex(x) (((x) >= '0' && (x) <= '9') || ((x) >= 'a' && \
|
|
(x) <= 'f') || ((x) >= 'A' && (x) <= 'F'))
|
|
|
|
int htoi(char *s) {
|
|
int value;
|
|
char c;
|
|
|
|
c = s[0];
|
|
if(isupper(c)) c = tolower(c);
|
|
value=(c >= '0' && c <= '9' ? c - '0' : c - 'a' + 10) * 16;
|
|
|
|
c = s[1];
|
|
if(isupper(c)) c = tolower(c);
|
|
value += c >= '0' && c <= '9' ? c - '0' : c - 'a' + 10;
|
|
|
|
return(value);
|
|
}
|
|
|
|
void main(int argc, char *argv[]) {
|
|
char *params, *data, *dest, *s, *tmp;
|
|
char *name, *age;
|
|
|
|
puts("Content-type: text/html\r\n");
|
|
puts("<HTML><HEAD><TITLE>Form Example</TITLE></HEAD>");
|
|
puts("<BODY><H1>My Example Form</H1>");
|
|
puts("<FORM action=\"form.cgi\" method=\"GET\">");
|
|
puts("Name: <INPUT type=\"text\" name=\"name\">");
|
|
puts("Age: <INPUT type=\"text\" name=\"age\">");
|
|
puts("<BR><INPUT type=\"submit\">");
|
|
puts("</FORM>");
|
|
|
|
data = getenv("QUERY_STRING");
|
|
if(data && *data) {
|
|
params = data; dest = data;
|
|
while(*data) {
|
|
if(*data=='+') *dest=' ';
|
|
else if(*data == '%' && ishex(*(data+1))&&ishex(*(data+2))) {
|
|
*dest = (char) htoi(data + 1);
|
|
data+=2;
|
|
} else *dest = *data;
|
|
data++;
|
|
dest++;
|
|
}
|
|
*dest = '\0';
|
|
s = strtok(params,"&");
|
|
do {
|
|
tmp = strchr(s,'=');
|
|
if(tmp) {
|
|
*tmp = '\0';
|
|
if(!strcmp(s,"name")) name = tmp+1;
|
|
else if(!strcmp(s,"age")) age = tmp+1;
|
|
}
|
|
} while(s=strtok(NULL,"&"));
|
|
|
|
printf("Hi %s, you are %s years old\n",name,age);
|
|
}
|
|
puts("</BODY></HTML>");
|
|
}</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,
|
|
"Name: ", textfield('name'),
|
|
p,
|
|
"Age: ", textfield('age'),
|
|
p,
|
|
submit,
|
|
end_form;
|
|
if(param()) {
|
|
print "Hi ",em(param('name')),
|
|
"You are ",em(param('age')),
|
|
" years old";
|
|
}
|
|
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 ><html><head><title>Form Example</title></head>
|
|
<body><h1>My Example Form</h1>
|
|
<form action="form.phtml" method="POST">
|
|
Name: <input type="text" name="name">
|
|
Age: <input type="text" name="age">
|
|
<br><input type="submit">
|
|
</form>
|
|
<?if($name):?>
|
|
Hi <?echo $name?>, you are <?echo $age?> years old
|
|
<?endif?>
|
|
</body></html></code></pre>
|
|
</section> </section>
|
|
<section>
|
|
<h3 class="p">PHP Announcement June 8, 1995</h3>
|
|
<h4 class="p">Posted to comp.infosystems.www.authoring.cgi</h4>
|
|
<pre><code class="html" data-trim >Subject: Announce: Personal Home Page Tools (PHP Tools)
|
|
|
|
Announcing the Personal Home Page Tools (PHP Tools) version 1.0.
|
|
These tools are a set of small tight cgi binaries written in C.
|
|
They perform a number of functions including:
|
|
|
|
. Logging accesses to your pages in your own private log files
|
|
. Real-time viewing of log information
|
|
. Providing a nice interface to this log information
|
|
. Displaying last access information right on your pages
|
|
. Full daily and total access counters
|
|
. Banning access to users based on their domain
|
|
. Password protecting pages based on users' domains
|
|
. Tracking accesses ** based on users' e-mail addresses **
|
|
. Tracking referring URL's - HTTP_REFERER support
|
|
. Performing server-side includes without needing server support for it
|
|
. Ability to not log accesses from certain domains (ie. your own)
|
|
. Easily create and display forms
|
|
. Ability to use form information in following documents
|
|
|
|
Here is what you don't need to use these tools:
|
|
|
|
. You do not need root access - install in your ~/public_html dir
|
|
. You do not need server-side includes enabled in your server
|
|
. You do not need access to Perl or Tcl or any other script interpreter
|
|
. You do not need access to the httpd log files
|
|
|
|
The only requirement for these tools to work is that you have
|
|
the ability to execute your own cgi programs. Ask your system
|
|
administrator if you are not sure what this means.
|
|
|
|
The tools also allow you to implement a guestbook or any other
|
|
form that needs to write information and display it to users
|
|
later in about 2 minutes.
|
|
|
|
The tools are in the public domain distributed under the GNU
|
|
Public License. Yes, that means they are free!
|
|
|
|
For a complete demonstration of these tools, point your browser
|
|
at: http://www.io.org/~rasmus
|
|
|
|
--
|
|
Rasmus Lerdorf
|
|
rasmus@io.org
|
|
http://www.io.org/~rasmus</code></pre>
|
|
<aside class="notes"><br />
|
|
- focused on problems that could be solved<br />
|
|
- PHP was hidden in there in these two points:<br />
|
|
. Easily create and display forms<br />
|
|
. Ability to use form information in following documents<br />
|
|
</aside>
|
|
</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("Stack error in cos");
|
|
return;
|
|
}
|
|
sprintf(temp,"%f",cos(s->douval));
|
|
Push(temp,DNUMBER);
|
|
}</code></pre>
|
|
<h4 class="p">And you could then use it like this:</h4>
|
|
<pre><code class="nohighlight" data-trim ><html><head><title>Cos Example</title></head>
|
|
<body><h1>Cos Example</h1>
|
|
<?echo Cos($input)>
|
|
</body></html></code></pre>
|
|
<aside class="notes"><br />
|
|
Actually the very first markup used html comments<br />
|
|
<? ... > 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 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/tridge.jpg" align="center" width="" height="">
|
|
</section>
|
|
<section id="j4">
|
|
<img src="/presentations/slides/intro/roorkee.jpg" align="center" width="" height="">
|
|
</section>
|
|
<section id="j5">
|
|
<img src="/presentations/slides/intro/arthurcclarke.jpg" align="center" width="" height="">
|
|
</section> </section>
|
|
<section>
|
|
<img src="/presentations/slides/intro/lovehack-white-1000.png" align="center" width="1001" height="421">
|
|
</section>
|
|
<section>
|
|
<h3 class="p" style="text-align:center;">Work on things that matter (to you)</h3>
|
|
</section>
|
|
<section>
|
|
<h2 style="text-align:center;">Sense of Purpose</h2>
|
|
<br/>
|
|
<br/>
|
|
<h4 class="p" style="text-align:center;">The Purpose Economy: How Your Desire for Impact, Personal Growth and Community Is Changing the World</h4>
|
|
<h4 class="p" style="text-align:center;">by Aaron Hurst</h4>
|
|
</section>
|
|
<section>
|
|
<h4 class="p" style="text-align:center;">We are running out of things that can be solved in isolation with our keyboards</h4>
|
|
</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>
|
|
<section id="thank_you">
|
|
<h2 style="text-align:center;">Thank You</h2>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<div align="left" style="font-size: 2em; color: ; text-align: left; margin-left: 0em; margin-right: ; margin-top: ; margin-bottom: ;"><a href="http://php.net" target="">http://php.net</a></div>
|
|
<div align="left" style="font-size: 2em; color: ; text-align: left; margin-left: 0em; margin-right: ; margin-top: ; margin-bottom: ;"><a href=":-:url:-:" target="">http://talks.php.net/rome19</a></div>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
</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>
|