Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
 
 
 
 
Talkby tomhermans.com
@tomhermans
HOWDY, I'M
www.tomhermans.com
@tomhermans
DESIGNER & DEVELOPER
workedfor
YeloPlay
Telenet's digitalTV webplatform
WHAT IS WORDPRESS ?
IS IT A CMS OR .. ?
APPLICATION PROGRAM
INTERFACE
 
set ofstandardizedways
whichgovernhow other pieces ofsoftwarecantalktoa
programandhow it w...
WP API’S
XML-RPC & FRIENDS (ATOM..)
XML remoteprocedurecall
mobileapp
ADMIN-AJAX
lightweight routinglayer
responds w/ JSON...
THE
WORDPRESS
REST API
RESTFUL API'S
Twitter
Instagram
Facebook
WordPress.com
Stripe, .. andmany many more
REST : REPRESENTATIONAL
STATE TRANSFER
communicateviaHTTP
sameHTTP verbs (GET, POST, PUT, DELETE, etc.)
likewebbrowsers us...
HTTP TO CRUD
CREATE data: POST
READ data: GET
UPDATE data: PUT
DELETE data: DELETE
LEARN JAVASCRIPT
DEEPLY, YOU MUST
‑ Yoda.
or was it Matt ?
 
 
 
YOU DON'T LEARN TO WALK BY
FOLLOWING RULES. YOU LEARN BY
DOING, AND BY FALLING OVER.
‑ Richard Branson
 
 
 
JAVASCRIPTISSEXY.COM
MVC
Model‑ View ‑ Controller
DEMO TIME
frontendmanagement viaAJAX
Angular 1 WIP
Angular 2 REST API POC
this is astart, obviously
different paradigm,
different mindset,
different useage,
different tooling
USEFUL RESOURCES
 
GOOGLE.COM: HOWTO LEARN JAVASCRIPT
USEFUL RESOURCES
JoshPollock
Roy Sivan
Wes Bos
ToddMotto
JohnPapa
Mat Marquis ‑ JavaScript for Webdesigners
WP‑API (v2)
Eg...
WANNA TALK ? HIT ME UP LATER
www.tomhermans.com
@tomhermans
Upcoming SlideShare
Loading in …5
×

Learning java script and wordpress rest api by tom hermans wordcamp netherlands 2016 - utrecht

584 views

Published on

article + HTML slides :
http://tomhermans.com/blog/learning-javascript-wp-rest-api-talk-wordcamp-nl

TL;DR:
With the advent of the WordPress REST API many opportunities open up regarding building a site. And more importantly, decoupling your frontend from WordPress itself, making it a store or a platform for your data to communicate with with various tools, but mainly JavaScript. Consider this the tl;dr.

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Learning java script and wordpress rest api by tom hermans wordcamp netherlands 2016 - utrecht

  1. 1.         Talkby tomhermans.com @tomhermans
  2. 2. HOWDY, I'M www.tomhermans.com @tomhermans
  3. 3. DESIGNER & DEVELOPER workedfor
  4. 4. YeloPlay Telenet's digitalTV webplatform
  5. 5. WHAT IS WORDPRESS ? IS IT A CMS OR .. ?
  6. 6. APPLICATION PROGRAM INTERFACE   set ofstandardizedways whichgovernhow other pieces ofsoftwarecantalktoa programandhow it willrespond
  7. 7. WP API’S XML-RPC & FRIENDS (ATOM..) XML remoteprocedurecall mobileapp ADMIN-AJAX lightweight routinglayer responds w/ JSON RSS openstandardsyndicationformat
  8. 8. THE WORDPRESS REST API
  9. 9. RESTFUL API'S Twitter Instagram Facebook WordPress.com Stripe, .. andmany many more
  10. 10. REST : REPRESENTATIONAL STATE TRANSFER communicateviaHTTP sameHTTP verbs (GET, POST, PUT, DELETE, etc.) likewebbrowsers use toretrievewebpages andtosenddatatoremoteservers.
  11. 11. HTTP TO CRUD CREATE data: POST READ data: GET UPDATE data: PUT DELETE data: DELETE
  12. 12. LEARN JAVASCRIPT DEEPLY, YOU MUST ‑ Yoda. or was it Matt ?
  13. 13.       YOU DON'T LEARN TO WALK BY FOLLOWING RULES. YOU LEARN BY DOING, AND BY FALLING OVER. ‑ Richard Branson
  14. 14.       JAVASCRIPTISSEXY.COM
  15. 15. MVC Model‑ View ‑ Controller
  16. 16. DEMO TIME frontendmanagement viaAJAX Angular 1 WIP Angular 2 REST API POC
  17. 17. this is astart, obviously different paradigm, different mindset, different useage, different tooling
  18. 18. USEFUL RESOURCES   GOOGLE.COM: HOWTO LEARN JAVASCRIPT
  19. 19. USEFUL RESOURCES JoshPollock Roy Sivan Wes Bos ToddMotto JohnPapa Mat Marquis ‑ JavaScript for Webdesigners WP‑API (v2) Egghead.io(JS tuts)
  20. 20. WANNA TALK ? HIT ME UP LATER www.tomhermans.com @tomhermans

×