WordPress Single Page Web Apps

@AleBiavati
#wcyvr


Slides on Github:
https://github.com/alebiavati/presentation-wp-single-page-apps

WordPress as an application platform is the next big trend[...]

Matt Mullenweg
Le Web, Paris, 2012

WordPress has

What will it take to make WordPress a complete Web Application Framework?

Websites
vs
Web Apps

Historically...

Websites are content-driven

Web Apps are user-centric

Today...

What makes a great Website?

The key to a successful Website is to make it user-centric

Websites and Web Apps are driven by the same principles

A brief history of the WordPress development stack

WordPress as a
BLOGGING TOOL

WordPress as a Blogging Tool

WordPress as a CMS

WordPress as a Single Page Website

#BlueDot Campaign

@DavidSuzukiFDN

WordPress as a
SINGLE PAGE
WEB APPLICATION

Web Services

In modern Web Apps, data is accessed via modularized APIs.
WordPress becomes service.

Client-side Templates

You can stop using messy PHP templates now.

Push Updates

Real-time communication is one of the foundamental components of Web Apps.

Off-line Storage

Web Applications should not depend on the internet. (uh?)

Dependency Management

As your app scales, modules help organizing your code.

Testing

Test Driven Development is essential when your app becomes more and more complex.

Scaffolding

Improve automation and productivity with a DRY approach.

Task runner

Run tests, compile, minify, deploy, ... all of the above.

...SO HOW DO WE
PUT IT ALL TOGETHER?

Coding Principles

example

The Road To 1kb

@markdalgleish

A true Web Application Platform must be polyglot, scalable and streamlined.

...but we don’t want
to break WordPress!!

The stack at #BRITEWEB

Environment / Provisioning / Hosting

Server-side #1

Server-side #2

Client-side #1

Client-side #2

Automation

Other WP stacks

example

myEarls

Code best practices

// DO NOT RUN THIS COMMAND 
sudo rm -rf /

BW Skeleton

Take Away

Thank you!



@AleBiavati