Designing with the API

Designing with the REST API and innovating with WordPress.

Transcript

1. Designing with the API A talk by Mark Uraine
2. Mark Uraine I’m an interdisciplinary designer dedicated to making the web more accessible and human friendly by facilitating the transfer of information through design. I work at Automattic contributing to the open source project, WordPress. @mapk  
5. What is a CMS? A content management system or CMS is a software that facilitates creating, editing, organizing, and publishing content.
6. Where does the content live? In the database.
7. Blogs  2019 World domination 2003 Websites 2005 Apps 2016
8. Technological Singularity WordPress becomes an AI and takes over the world.
10. What are you building with WordPress?
11. What are you building on WordPress?
12. Online Store Blog Website Portfolio WordPress + Themes + Plugins =
13. MySQL + PHP + HTML/CSS Javascript WordPress
14. Visual Data iOS App Game Android App Web App AI Intranet Storybook Photo App React Angular Backbone Ember Knockout Java Processing FluxC Swift Vue R = MySQL + PHP + API + WordPress
15. WP REST API
16. What is an API? An Application Programming Interface is a set of clearly defined methods of communication between various software components.
17. Buffalo buffalo Buffalo buffalo buffalo buffalo Buffalo buffalo.
18. Buffalo buffalo, Buffalo buffalo bully, bully Buffalo buffalo.
19. Buffalo bison, that other Buffalo bison bully, also bully Buffalo bison.
20. Buffalo buffalo, that other Buffalo buffalo buffalo, also buffalo Buffalo buffalo.
21. https://commons.wikimedia.org/wiki/File:Bison_fight_in_Grand_Teton_NP.jpg
25. & Endpoints The functions available through the API. Routes The names you use to access the endpoints. The URI.
26. wordpress.org/wp-json/wp/v2/ https://wordpress.org/wp-json/wp/v2/
27. WordPress world domination? Count me in!
28. different ways to Design with the API
29. codepen.io/mapk/pen/JWZjev Data Visuals - Loop through posts for keywords and display visually. - Processing (p5js)
31. codepen.io/mapk/pen/bRExoQ Data Visuals - Loop through comments and display visually. - Processing (p5js)
33. https://themes.redradar.net/foxhound/ Theme - Single-page app theme by Kelly Dwan & Mel Choyce. - React
34. iOS App - Loop through media library and randomly show media on click. - React Native
37. leadershipquotes.mystagingwebsite.com/wp-json/media-ids/v1/get-all-media-ids [40,39,38,37,36,35,34,33 ,32,31,30,29,28,27,26,25 ,24,23,22,21,20,19,18,17 ,16,15,14,13,12,11,10,9, 8,7,6,5,4,3]
38. https://www.chrisfinke.com/2016/12/10/alexa-blog-with-your-voice/ Blog Helper - An Alexa skill by Chris Finke. - Alexa Skill
39. https://faithful-violet.glitch.me/ Web VR - Walk through a post in 3D and interact with it virtually. - Mozilla’s A-Frame
42. In closing
43. When you think about it, we’re kind of building a web operating system. - Matt Mullenweg, 2014
44. Blogs are being built on WordPress. , Websites, Native Apps, ?
45. different ways to Design with the API
46. different ways to Innovate with WordPress
47. Innovation is taking two things that already exist and putting them together in a new way. - Tom Freston
48. Break the paradigm. Build something creative with WordPress.
49. Thank you. Twitter: @mapk WordPress.org: mapk markuraine.com