Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
 
 
 
 
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
Prochain SlideShare
Chargement dans…5
×

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

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.

  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

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

×