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
   

   View Slide

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
   

   View Slide

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
   

   View Slide

4. ¿AJAX?
   

   View Slide

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.
   

   View Slide

6. ¿WordPress?
   

   View Slide

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.
   

   View Slide

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]
   

   View Slide

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.
   

   View Slide

10. wp_ajax()
    https://codex.wordpress.org/Plugin_API/Action_Reference/wp_ajax_(action)
    

    View Slide

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.
    

    View Slide

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);
    });
    })
    

    View Slide

13. Manual para empezar con
    wp_ajax
    http://cesaraquino.com.pe/manual-para-empezar-con-wp_ajax/
    

    View Slide

14. Hora de codear...
    

    View Slide

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
    

    View Slide

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
    

    View Slide