phpunconf14: wir hatten ja nix

Wir hatten ja nixWir hatten ja nixEine Zeitreise durch die Webentwicklung von 1996 1998 bis heute

1 / 51

Über Ralf EggertÜber Ralf Eggert● HTML seit 1996● PHP seit 1999● Zend Framework● Trainer ● Berater● Autor● Insulaner

2 / 51

[A]

PrologProlog

3 / 51

Früher waralles besser!

Und vieleinfacher!

[1]

4 / 51

Du hast ja keine Ahnung!

[2]

5 / 51

Fragen ans Publikum[3]

6 / 51

[4]

20142014

PFUDORPFUDOR7 / 51

STACKSTACK

2014

PHPNGPHPNG MysqlMysql

HHVMHHVM

ApacheApache

mongodbmongodbNGINXNGINX

8 / 51

WEB IDEWEB IDE

2014

PHPStormPHPStorm Zend StudioZend Studio

ECLIPSE PDTECLIPSE PDT

NETbeansNETbeans

WEB STORMWEB STORMSublime TextSublime Text

9 / 51

PakET ManagementPakET Management

composercomposer SATISSATIS

bowerbower

PackagistPackagist

RUBYGEMSRUBYGEMSNpmNpm

201410 / 51

VersionierungskontrolleVersionierungskontrolle

GithubGithub BITBUCKETBITBUCKET

GitGit

GitLABGitLAB

mercurialmercurialSubversionSubversion

201411 / 51

PHP frameworksPHP frameworks

Zend frameworkZend framework TYPO3 flowTYPO3 flow

LARAvelLARAvel

SymfonySymfony

cakephpcakephpphalconphalcon

201412 / 51

JavAscript frameworksJavAscript frameworks

ANGULARJSANGULARJS jqueryjquery

Backbone.jsBackbone.js

KnockoutKnockout

Dojo ToolkitDojo Toolkitemberember

201413 / 51

Frontend DESIGN 2014Frontend DESIGN 2014

HTML5 / CSS3 HTML5 / CSS3 FOUNDATIONFOUNDATION

YAML4YAML4

BOOTSTRAPBOOTSTRAP

Google FontsGoogle FontsFONT AwesomeFONT Awesome

201414 / 51

Testing & DebuggingTesting & Debugging

2014

PHPUnitPHPUnit behatbehat

SeleniumSelenium

CodeceptionCodeception

Firebug / FirePHPFirebug / FirePHPxdebugxdebug

15 / 51

PHP TOOLsPHP TOOLs

2014

PHP CodeSnifferPHP CodeSniffer phpdocumentorphpdocumentor

PHPIDSPHPIDS

HTML PurifierHTML Purifier

PHP BeautifierPHP BeautifierPHP Debug BarPHP Debug Bar

16 / 51

PHP SOFtwarePHP SOFtware

2014

WordpressWordpress MagentoMagento

phpmyadminphpmyadmin

typo3typo3

TCPDFTCPDFDrupalDrupal

17 / 51

[5]

ZeitreiseZeitreise

18 / 51

TU München 2014TU München 2014

19 / 51

TU München 1996TU München 1996

20 / 51

Yahoo 2014Yahoo 2014

21 / 51

Yahoo 1996Yahoo 1996

22 / 51

Apple 2014Apple 2014

23 / 51

Apple 1996Apple 1996

24 / 51

Pepsi 2014Pepsi 2014

25 / 51

Pepsi 1996Pepsi 1996

26 / 51

Spiegel online 2014Spiegel online 2014

27 / 51

Spiegel online 1996Spiegel online 1996

28 / 51

1996: hatten wir nicht1996: hatten wir nicht

GoogleGoogle youtubeyoutube

wikipediawikipedia

FacebookFacebook

githubgithubHotel.deHotel.de

29 / 51

[6]

1996199619981998

30 / 51

STACKSTACK

PHP 3.0PHP 3.0 Mysql 3.21Mysql 3.21

Perl 5.0Perl 5.0

Apache 1.2.xApache 1.2.x

ASPASPCOLdfusionCOLdfusion

199831 / 51

IDEIDE HTML EDItoren HTML EDItoren

HomesiteHomesite HOTMETALHOTMETAL

MS NOTEPADMS NOTEPAD

PHAse VPHAse V

CoffeecupCoffeecupFrontpage 98Frontpage 98

32 / 511998

PakET ManagementPakET Management

33 / 511998

VersionierungskontrolleVersionierungskontrolle

RCSRCS BITkeeperBITkeeper

Rational SynergyRational Synergy

CVSCVS

Visual sourcesafeVisual sourcesafeperforceperforce

34 / 511998

PHP frameworksPHP frameworks

35 / 511998

JavAscript frameworksJavAscript frameworks

36 / 511998

Frontend design 1998Frontend design 1998

<marquee><frameset>

HTML 3.2 / CSS1 HTML 3.2 / CSS1 Blind GIF DesignBlind GIF Design

<blink>

<blink><blink>

Best ViewedBest Viewed

<marquee><marquee><frameset><frameset>

37 / 511998

Debugging & TestsDebugging & Tests

38 / 511998

PHP TOOLsPHP TOOLs

39 / 511998

PHP SOFtwarePHP SOFtware

phpmyadminphpmyadmin PHORUMPHORUMtypo3typo3

40 / 511998

[7]

IDEIDE

ZEITREISEZEITREISE41 / 51

PHPStormPHPStorm

42 / 51

Zend Studio Zend Studio

43 / 51

ECLIPSE PDTECLIPSE PDT

44 / 51

PHPECLIPSEPHPECLIPSE

[8] 45 / 51

HOMESITEHOMESITE

[9] 46 / 51

HTMLEdHTMLEd

[10] 47 / 51

notepadnotepad

[11] 48 / 51

[A]

EPILOGEPILOG

49 / 51

Webentwicklung 2014Webentwicklung 2014Früher war nicht alles besser oder einfacher! Es war nur alles anders!

50 / 51

BildnachweisBildnachweis[A] Fotos von Ralf Eggert

[1] There's pain in my head https://www.flickr.com/photos/sneuweger/10418151535 von Stefan Neuweger - CC-BY https://creativecommons.org/licenses/by/2.0/

[2] Laugh https://www.flickr.com/photos/wounded/4105835342 von Simon Claassen - CC-BY https://creativecommons.org/licenses/by/2.0/

[3] MIX08 Keynote audience on Wednesday https://www.flickr.com/photos/begley/2312274725 von D. Bengley - CC-BY https://creativecommons.org/licenses/by/2.0/

[4] Pink Fluffy Unicorns Dancing On Rainbows https://www.youtube.com/watch?v=qRC4Vk6kisY Video von Fluffymixer, Screenshot von Ralf Eggert

[5] DeLorean at Google https://www.flickr.com/photos/rjshade/9847969834 von Robbie Shade - CC-BY https://creativecommons.org/licenses/by/2.0/

[6] IBM Electronic Data Processing Machine http://grin.hq.nasa.gov/ABSTRACTS/GPN-2000-001881.html von NASA - CC0 http://creativecommons.org/publicdomain/zero/1.0/

[7] Domino https://www.flickr.com/photos/barryskeates/6803420982 von Barry Skeates - CC-BY https://creativecommons.org/licenses/by/2.0/

[8] PHPEclipse http://sourceforge.net/projects/phpeclipse/ Screenshot von Sourceforge.com

[9] HomeSite http://www.neuro.informatik.uni-kassel.de/downloads/XML/www.webdesign-referenz.de/designpraxis_arbeitsmittel_d.html#5.2.4.6 Screenshot von Universität Kassel

[10] HTMLed http://www.doc.ic.ac.uk/~lmjm/WWW_handbook/handbook-4_HTML.html#Heading47 Screenshot von University of Leeds

[11] Windows 95 Editor http://pi4.informatik.uni-mannheim.de/pi4.data/content/courses/1997-ws/seminarvs/THEMA4/tools.html Screenshot von Universität Mannheim

Alle weiteren Screenshots wurden von Ralf Eggert erstellt.

51 / 51