Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Building Websites with the REST API

Building Websites with the REST API

Slides from my talk at WordCamp Asheville 2016. Warning: I'm sharing these mostly for the benefit of those in attendance. Several parts involved live demonstrations. The talk was recorded and will be on WordPress.tv in due course.

Some other links I mentioned:
- Google's documentation for tracking Single Page Applications: https://developers.google.com/analytics/devguides/collection/analyticsjs/single-page-applications#overview
- Jake Archibalds' excellent talk about Service Worker at Google IO 2016: https://www.youtube.com/watch?v=cmGr0RszHc8

Jack Lenox

June 05, 2016
Tweet

More Decks by Jack Lenox

Other Decks in Technology

Transcript

  1. The Situation Websites are kind of out-of-date: • If you

    have no connection, you get nothing • If you have a sporadic connection You often get nothing • If you have a slow connection You often get nothing
  2. The Situation Websites are kind of out-of-date: • Very little

    human interaction • Clunky transitions between content • Designers are very constrained
  3. The Situation A lot of waste in the current paradigm:

    • Why do we go to the server by default? • Why do we keep going back to the server? • Why aren't we using the technologies that help us mitigate this?
  4. “Good design is environmentally-friendly. Design makes an important contribution to

    the preservation of the environment. It conserves resources and minimises physical and visual pollution throughout the lifecycle of the product.” –Dieter Rams. 10 principles of good design
  5. “Since the start of the web, for every interaction, there

    have been two supercomputers involved. The supercomputer sitting in front of you, and the supercomputer in a data centre somewhere. We have barely begun to take advantage of that supercomputer sitting in front of you.” –Trek Glowacki, Ember core team
  6. Moar Technology! New stuff: • Service worker • Http/2 •

    JS frameworks – React/Redux – Ember – Angular – Backbone
  7. “excuse me, what does any of this have to do

    with WordPress or the REST API?” –Y'all
  8. In a nutshell, the REST API makes it easier than

    ever to get pure data from our WordPress websites, and thus it allows us to separate our presentation layer from our data layer
  9. 2010 – Ethan Marcotte coins the term, Responsive web design

    2014 – My dad knows what responsive web design is, and judges websites that aren't responsive as inferior
  10. 2013 – Alex Feyerke coins the term Offline first 2017

    – My dad Will know what Offline First is, and will judge websites that aren't offline first as inferior
  11. The hurdles • Browser history • Analytics • SEO •

    Client/server Code Partitioning • Speed of Initial Load
  12. The hurdles • Browser history • Analytics • SEO •

    Server-side rendering – (SEO) – Client/server code partitioning – Speed of initial load