$30 off During Our Annual Pro Sale. View Details »

WP & AJAX

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/

César J. Aquino Maximiliano

February 25, 2017
Tweet

More Decks by César J. Aquino Maximiliano

Other Decks in Technology

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