Slide 1

Slide 1 text

WP & AJAX @cesjam7 - Febrero 2017

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

¿AJAX?

Slide 5

Slide 5 text

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.

Slide 6

Slide 6 text

¿WordPress?

Slide 7

Slide 7 text

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.

Slide 8

Slide 8 text

¿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]

Slide 9

Slide 9 text

¿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.

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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.

Slide 12

Slide 12 text

$('#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); }); })

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

Hora de codear...

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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