Construir un Theme usando el potencial del concepto ‘Headless CMS’ para articular nuestros equipos de trabajo eficientemente.

2. WordPress?
31-36%
CMS más populares
src. Build With & W3Tech
Por qué es una ventaja usar...
JavaScript?
69.8%
Tecnologías más populares
src. StackOverflow Survery 2018
revisión junio 2018

3. Sobre
Bryan Rojas
Software Developer y Scrum Master certificado con
experiencia en soluciones de Front y Back-End. Con +6 años en
la Industria de Tecnología creando web sites y web apps.
Sigan mi trabajo. -> LinkedIn - jeweldev.com - github

4. Construir un Theme usando el potencial del concepto
‘Headless CMS’ para articular nuestros equipos de trabajo
eficientemente. >>> Code Review.
var Armony_Team = JS_Devs + PHP_Devs;
Separar el front-end del CMS
{ Monolithic CMS vs Headless CMS }
Proyecto

5. (src. Talking to 25% of the web, Human Made, 2016)

6. PROYECTO - A-side
● Requerimientos
back-end
○ WP Plugins - Junior
○ WP Code - Mid
● Requerimientos
front-end
○ wp_enqueue_scripts CDNs -
Junior
○ Vue.JS Code - Mid
PROYECTO - B-side
● Construcción de SPA
○ Endpoints
○ Endpoints y el front-end
○ Componentes del front-end
● Posts List
○ Single Post
● Posts Pagination
● Page menu
○ Single Page

7. divina
comedia

8. 1. if (WP >= 4.7) { disponible }
2. else { instalar WP Rest API }
3. ACF Advanced Custom Fields
Requerimientos
back-end

9. Instalar Plugin Advanced Custom Fields

10. ACF - GUI para agregar y editar campos

11. Estructura del Theme

12. theme/functions.php

13. theme/functions.php

14. theme/functions.php

15. theme/functions.php

16. 1. Endpoints
2. Single File Component no Webpack
3. Vue.JS Core
a. Loader
b. Resources
c. Routes
Requerimientos
front-end
Back-end
Front-end
from ego to we go!

17. Endpoints
src. developers.wp.org /wp-json/wp/v2/posts/

18. theme/index.php

19. theme/js/app.js

21. theme/js/postsList.vue

22. theme/js/postsList.vue

23. theme/js/postsList.vue

24. theme/js/postsList.vue

26. theme/js/singlePost.vue

27. theme/js/singlePost.vue

29. theme/js/pageMenu.vue

30. theme/js/pageMenu.vue

32. theme/js/singlePage.vue

33. theme/js/singlePage.vue

35. Próximos retos
CRUD Restful with CPT - Series
JWT Auth Persistence

36. ● Theme
○ https://github.com/bryanrojasq/wordcamp-managua-2019-wp-rest-api-theme
● Rest API Handbook
○ https://developer.wordpress.org/rest-api/
● Vue.js by Example
○ https://coursetro.com/courses/23/Vue-Tutorial-in-2018---Learn-Vue.js-by-Example
● Wordpress Code Reference
○ https://developer.wordpress.org/reference
● Advanced Custom Fields
○ https://www.advancedcustomfields.com/resources/getting-started-with-acf/
● Talking to 25% of the web
○ https://humanmade.com/wordpress-rest-api-white-paper/
Recursos

37. <?=‘code is poetry’;?>

38. <?=‘Preguntas’;?>