WP & AJAX

Charla para el meetup de WP Lima Febrero 2017 sobre cómo usar WordPress con AJAX. Más info en este post: http://cesaraquino.com.pe/manual-para-empezar-con-wp_ajax/

Transcript

1. WP & AJAX @cesjam7 - Febrero 2017
2. César J. Aquino Maximiliano - Casi 25 años - Software Developer en Orange 612 - Dueño de una gran startup - Sub Teniente CBP (Bombero Voluntario) - Profesor de Desarrollo Web - Youtuber Profesional - Futuro Papá - Me gustan los gatos cesaraquino.com.pe @cesjam7
3. César J. Aquino Maximiliano - Casi 25 años - Software Developer en Orange 612 - Dueño de una gran startup - Sub Teniente CBP (Bombero Voluntario) - Profesor de Desarrollo Web - Youtuber Profesional - Futuro Papá - Me gustan las diapos con gatos cesaraquino.com.pe @cesjam7
4. ¿AJAX?
5. AJAX (Según Wikipedia) AJAX, es una técnica de desarrollo web para crear aplicaciones interactivas. Estas aplicaciones se ejecutan en el cliente, es decir, en el navegador de los usuarios mientras se mantiene la comunicación asíncrona con el servidor en segundo plano.
6. ¿WordPress?
7. WordPress (Según Wikipedia) WordPress es un sistema de gestión de contenidos o CMS enfocado a la creación de cualquier tipo de sitio web. Originalmente alcanzó una gran relevancia usado para la creación de blogs, para convertirse con el tiempo en una de las principales herramientas para la creación de páginas web comerciales.
8. ¿Por qué usar WordPress con AJAX? Si AJAX me sirve para crear aplicaciones interactivas y WordPress me permite crear cualquier tipo de sitio web, entonces podríamos crear un sitios web interactivos que me permita hacer, por ejemplo: - Búsquedas - Registros de usuarios y/o entradas - Actualizaciones - Y muchas cosas más sin recargar la página. [Imagen de gatito pensando]
9. ¿Por qué usar WordPress con AJAX? Si AJAX me sirve para crear aplicaciones interactivas y WordPress me permite crear cualquier tipo de sitio web, entonces podríamos crear un sitios web interactivos que me permita hacer, por ejemplo: - Búsquedas - Registros de usuarios y/o entradas - Actualizaciones - Y muchas cosas más sin recargar la página.
10. wp_ajax() https://codex.wordpress.org/Plugin_API/Action_Reference/wp_ajax_(action)
11. wp_ajax (Según el Codex) Es un hook que permite crear controladores personalizados para sus propias solicitudes AJAX. El hook wp_ajax_ sigue el formato "wp_ajax_[youraction]", donde [youraction] es la propiedad 'action' de su solicitud AJAX.
12. $('#selector').click(function(e){ e.preventDefault(); var valor1 = $('#selector2').val(); $.post( wp.ajaxurl, { action: 'mostrar_random', parametro1: valor1, parametro2: valor2, }, function(data){ $('#contenedor').html(data); }); })
13. Manual para empezar con wp_ajax http://cesaraquino.com.pe/manual-para-empezar-con-wp_ajax/
14. Hora de codear...
15. wp_gracias() César J. Aquino Maximiliano @cesjam7 - cesaraquino.com.pe - twitter.com/cesjam7 - github.com/cesjam7 - linkedin.com/in/cesjam7 - speakerdeck.com/cesjam7 - databomberos.com - orange612.com
16. wp_gracias() César J. Aquino Maximiliano @cesjam7 ¿Preguntas? - cesaraquino.com.pe - twitter.com/cesjam7 - github.com/cesjam7 - linkedin.com/in/cesjam7 - speakerdeck.com/cesjam7 - databomberos.com - orange612.com