Curso AJAX con PHP

Aprende a desarrollar Aplicaciones Web rápidas y que no refrescan la página a traves de AJAX, en ese curso utilizaremos PHP y Mysql, junto a una enorme cantidad de código de Javascript.
CÓDIGO FINAL:
github.com/Faz...
VISITA MI SITIO WEB PARA MÁS CURSOS Y TUTORIALES
www.faztweb.com
blog.faztweb.com
FAZT - KZbin:
/ fazttech
TWITTER
/ fazttech
INSTAGRAM
/ fazttech
FACEBOOK
/ fazttech
COMUNIDAD EN DISCORD
/ discord
#php #ajax #desarrollo-web #programacion #backend #frontend

[@patricioorlando2315]

Lo que hace true es realizar la petición de forma asíncrona, es decir que mientras está realizando el Request puede seguir ejecutando otros scripts de forma simultánea. False, lo que hace es no seguir ejecutando nada hasta que responda el servidor de forma satisfactoria (osea hasta que la consulta llegue al servidor con State 4 y Status 200). Estoy iniciando en el mundo asíncrono y me acordaba lo poco que habia aprendido y quería compartirlo en la comunidad. ¡Muy buen video!

[@mariocalcetin7602]

Don Fazt , muchas gracias , quizás sonara ridículo pero no se imagina lo que e logrado aprender y crecer profesionalmente con sus videos. Le debo mucho señor. Gracias nuevamente y un abrazo.

[@estebancastano2299]

Es increible el control y explicacion en tiempo real que llevas, de verdad que eres un crack

[@FaztCode]

Muchas gracias Juan. Pronto publicaré más ejemplos de PHP. Un saludo :)

[@juanhenao8607]

Es el mejor video que he visto, nunca encontré alguien que explicara tan bien como usted, en verdad gracias por compartir estos conocimientos, esto en verdad es mejor que el oro, nuevamente gracias. Un saludo desde Colombia.

[@mauriciojavierramirez3464]

Buenas. Por fin una explicación muy pero muy detallada y entendible sobre PHP/JQUERY/AJAX/ETC. Hace mucho tiempo vengo buscando un lugar donde entender, gracias a este video he avanzado mucho en dicho entendimiento sobre cómo funciona el envío y respuesta de datos en la web. Te estoy muy pero muy agradecido. Abrazos.

[@elrincondelasalud1]

Este curso es el mejor que he visto, ya pude entender como funciona ajax con php. Todo gracias a que es 100% práctico y muy claro, ojalá sigas creando mas cursos de este tipo. Gracias por compartir tus conocimientos...

[@MrSkandalers]

Mucho tiempo buscando sobre ajax y php y hasta que puedo checar un poco sobre esto, muchas gracias por todo el contenido que sube, es muy importante para conocimiento como para motivación, saludos!

[@keteveo]

Muchas gracias por el video. Es uno de los mejores cursos que he visto sobre el tema. Tu forma de enseñar es muy didáctica, porque vas desarrollando el código de una forma muy natural, anticipándote a la forma de pensar de quien está sentado al otro lado de la pantalla.

[@kalimantole3506]

Uno de los tutoriales más completos de ajax, php y formularios. Excelente video!!!

[@_danisson]

No he terminado el vídeo pero tengo que decirte que explicas muy bien, claro y con mucha humildad, sin hacer las cosas difíciles. Nuevo seguidor. Abrazo !

[@mauriciocarcamo9162]

Ni en la universidad me pudieron explicar tan bien ajax, eres un capo

[@mauriciocarcamo9162]

@@cristofer935 😂 😂

[@kike_estilo_libre]

Joder tus tutoriales son intensos!! Parece que ni te levantases para mear!! XD Gracias por compartirlo!!

[@lokangokid]

jajajaja ame este comentario Fazt es un idolo!!

[@RobertoRamirez-uh3nh]

@@lokangokid pura carne da Fazt es de lo mejor

[@lanisoa]

He aprendido más con este video-curso que en un año de academia. Muchas gracias y felicidades!!!

[@RonnyG2121]

Amigo, tu explicación vale oro. Gracias a tí entendí más a profundidad de que se trata el ajax

[@Bel.loaiza]

Valió cada segundo mirar este curso! Muy buenas explicaciones! Felicitaciones!!

[@goowatch]

Fantástica explicación. Gracias por compartir estos conceptos de forma fácil y secuencial sin tanto copiar y pegar

[@williamjoselinares3314]

En 2021 y hasta hoy pude entender claramente el procedimiento de datos con AJAX. Gracias a éste video pude hacer mi propio CRUD con mi diseño y lógica diferente 😊😊👌

[@musicalonso1701]

si en 2021 aun seguias usando jquery como unica opcion para hace AJAX no voy a culpar al 'profe' cada uno tiene lo que se merece

[@leninmisle9702]

El mejor tutorial que he visto, ojala algún día pudiera escribir código con esa lógica y desenvoltura como lo haces. Felicitaciones. Por fin vi que es Ajax.

[@heribertoriosoliva748]

Felicitaciones he aprendido mas aqui que en todos los dos años de programacion en la universidad. Recomendable al 100% es muy entendible y didactico

[@erichmacher4308]

Muy didáctico tu curso. Buenísimo! Es para difundir. De hecho es mejor que muchos en plataformas pagadas que he probado antes de llegar aquí. Estoy seguro que es el mejor en KZbin. Felicitaciones y que puedas continuar así o mejor. Muchas gracias.

[@diegooviedotejada1983]

Njd tu eres un bárbaro mas vídeos tutoriales asi, eres la gaver, super interesante full entretenido, jodaaaaaa lo mejor que he visto, Gracias Bro.

[@guillermogomez9969]

Muy bueno el tutorial, me ahorro mucho tiempo y código, jajaj Solo quería hace un aporte, para armar un json con el while de forma mas sencilla. $datos_devueltos= array(); while($row=mysqli_fetch_assoc($resultado)){ $datos_devueltos[]=$row; } el fetch_assoc incluye el nombre de la columna devuelto desde la base de datos, mas que nada por si tenemos muchas columnas. Espero les sirva este pequeño aporte.

[@cristhianr6301]

El mejor vídeo sobre ajax que he visto, ahora si lo entiendo todo, gracias por este gran vídeo

[@byronbustamantelopez6917]

Este curso ha sido increíble. He aprendido muchísimo en poco tiempo y de manera sencilla. Muchísimas gracias por tu dedicación

[@emmanuelescoto2523]

Excelente video de verdad que con todos los tutoriales que subes e aprendido mas que toda mi estancia en la universidad te agradezco mucho todos tus aportes, siempre trato de seguir paso a pasa cada uno de todos tus videos, muchas gracias por compartir tus conocimientos y sobre todo gracias por la humildad con la que lo haces, saludos desde Guadalajara Jalisco México.

[@virgosestilistas755]

Completo, sin fallos, muy buenos tutoriales y bien explicado. Felicidades. Saludos desde España....!

[@isidroriverabravo]

5 años y en definitiva este video es genial. Esta tecnologia es la que hoy estoy trabajando, son aplicaciones heredadas que hoy siguen trabajando en ambientes productivos. GRACIAS!!!

[@joseantoniourbinagutierrez4223]

Excelente tutorial, con buenas practicas de programación y consejos útiles que nos favorecen en el mejoramiento continuo de nuestros conocimientos

[@carlosmm8934]

No tiene nada de buenas prácticas si recargas una página con Jquery, Boostrap, Json y más aún si al traer la data desde la BD viene como CURSOR ósea es un bucle lo que viene de MySQL a PHP y en PHP usa otro bucle para almacenar en Json y en JS otro bucle para mostrarlo en una tabla... con todo lo dicho, en una página en producción esto sería lento...

[@erickramirez1599]

Muchas Gracias amigo de verdad que eres grande, tienes un amplio conocimiento y explicas de manera excelente, he aprendido bastante con tus vídeos, deberías de hacer una cuenta para hacerte una donación por tus esfuerzos de enseñarnos

Wao, me ha encantado este curso, lo he visto solo una vez y he entendido mucho, lo quiero ver mil veces para aprender

[@compartelo007]

Supongo que una manera algo más optima de tomar el elemento id hubiese sido poner el atributo taskId="${task.id}" en el propio boton delete para no tener que ir a buscarlo al

[@jesusmanuelcarreondircio3759]

Me tienes maravillado con la facilidad que tienes para escribir código. Y por si fuera poco, también sabes C# por igual.

[@nahuelastor9320]

Disfrutando el curso. Estoy viendo muchos cursos estos días y eres de los que mejor explican. Muchas gracias

[@bmus8008]

Muy buen tutorial! me sirvió mucho, usar jquery es una buena forma de empezar a comprender AJAX más fácil. Sigue así! :)

[@max427]

recomiendo este curso solamente a los que ya tengan conocimientos básicos en php js y html. sino se les hara muy complicado. si ya tienen un poco de exp como yo se daran cuenta que es un video genial para aprender ajax y mejorar nuestras app. muchas gracias like y subscrito

[@fervill4senor]

Bastante claro, me gusta tu forma de enseñar, buen timing, paso a paso, como deberían enseñar los profesores

[@aldosoto4122]

Muchas Gracias Fazt, explicas el concepto de Ajax en concreto, justamente lo necesito para realizar otro tipo de peticiones ajax con laravel en mi trabajo, pero con tu ejemplo será mucho más sencillo de implementar, Saludos de Puebla México.

[@jjcchh]

Corrigiendo un bug, en app.js en submit(), antes de fetchTasks() colocar edit = false; porque si no si se hace una alteración y después se tenta incluir un nuevo registro el archivo llamado será nuevamente task-edit.php y no task-add.php

[@cyberttutoriales2890]

algún héroe sin capa que tenga el honor de me pueda ayudar tengo un problemita que me sale solamente cuando pongo editar un registro..descargue el archivo final de este vídeo para comprobar si algo estoy haciendo mal pero también me sale el mismo error en este proyecto: -------------------------------------error------------------------------------- VM78:1 Uncaught SyntaxError: Unexpected token < in JSON at position 0 at JSON.parse () at Object.success (app.js:96) at u (jquery-3.3.1.min.js:2) at Object.fireWith [as resolveWith] (jquery-3.3.1.min.js:2) at k (jquery-3.3.1.min.js:2) at XMLHttpRequest. (jquery-3.3.1.min.js:2)

[@miguelandroitmx3545]

@@cyberttutoriales2890 x2

[@vidarivera22]

@@cyberttutoriales2890 Sammy Joseph Hace 7 meses (editado) Profesor, tiene usted un error en su proyecto subido a GitHub y lo puede comprobar después de limpiar el caché del navegador y correrlo: En los archivos 'task-single.php' y 'task-list.php' (línea 11 y 7, respectivamente), está realizando la validación de la variable $result de esta forma: if(!result), pero la forma correcta es: if(!$result) Si no se corrige, el navegador arroja un error 'unexpected' puesto que la cadena llega vacía o con errores. con esto se corrige amigo

[@migueldavidaguilarquimi]

Hermano muchas gracias, estaba buscando esta solucion, de verdad me sirvio muchisimo porque justo es para mi tesis, un saludo desde Ecuador y mil gracias

[@GillesT1802]

@@vidarivera22 DISCULPEN la demora pero aun me sigue saliendo el unexpected despues de arreglar los valores

[@PhosphorusMoscu-code]

Usted es un gran hombre.

[@adrianpicolla2602]

Excelente el curso... muy claro hasta los que como yo estamos iniciando en la programacion. Muchas gracias

[@nedagosa]

tome varios cursos y foros sobre ajax y ninguno lo entendi tan bien como este me quedo claritico muchas gracias!!!!!

[@jesusarmanadoaraujoorozco6157]

amigo has un tutorial de php con mvc, poo y ajax, algo sencillo para entenderlo bien, gracias, me gusto mucho este tutorial, pude entender ajax porfin.

[@joelagustintoribiopolanco5049]

es lo mismo lo unico es que en ves de poner el .php vas a poner la url amigable que tengas ejemplo http//localhost/proyecto/usuario

[@joelagustintoribiopolanco5049]

loc complemente con mi minwrok hecho en php

[@danielarandamartin2709]

A mi no me jalo poner la ruta amigable alguien sabe por qué ? Se los agradecería micho

[@oscarescamilla5627]

@@danielarandamartin2709 me pasó lo mismo bro ya lo solucionaste?

[@danielarandamartin2709]

OscarEscamilla no bro , aún sigo intentando pero no jala aún

[@condigital]

Saludos desde colombia, muy bueno, no lo vi todo porque ya manejo el tema, pero lo que vi es exactamente lo que hago en este tiempo, este curso es el primero que deberiamos de aprender los programadores en PHP, lastimosamente es lo ultimo que estudiamos y luego de años de desarrollo nos damos cuenta que Javascript y AJAX nos pudo haber ahorrado muchisimo tiempo y nos da mas velocidad.. esta muy bueno y te haz tomado todo el tiempo y la paciencia para hacerlo, hay varios huecos de seguridad que estudiando el codigo se podrían aprovechar, por ejemplo modificando el DOM en vivo, SQL inyections, etc.. pero se que en otros videos enseñaras a corregirlos.. en el backend como lo estas trabajando es buena practica poner la cabecera "Content-type: application/javascript" para que el servidor no tome text/html como la respuesta del server.. aunque el Jquery corrige eso, pero si usas application/javascript puedes devolver instrucciones de javascript directamente en el backend, que serán ejecutadas en el front-end y eso ahorrara mucho codigo tambien..

[@jordimestres8430]

Excelente tutorial, mis felicitaciones! Solo 2 apuntes: debería cerrar las conexiones a la BBDD (no he visto que en ningún momento se cierren), y liberar el result de la consulta listar tareas. Y como dijo Jhon Charles hace tiempo (leer más abajo), hay que resetear la variable "edit" a false después de actualizar el registro. Por lo demás, impecable. Muchas gracias.

[@marcocamac7265]

Muchas gracias por tu video, explicas muy claramente. He comprendido y aprendido mas cosas con tu video. Muchas gracias por aportarnos de tus conocimientos.

[@cristianlrj246]

Te felicito Fazt este es el mejor tutorial, ya estoy empezando a hacer cositas gracias a este video muchas gracias todo muy facil de aprende

[@florenciaaldana6863]

Excelente!! la verdad muy bien explicado y completo. Muchas Gracias por la ayuda que nos brindas a los que estamos aprendiendo!!!!

[@juankvargas7536]

Recuerdo que este video me ayudo a empezar en este mundo de la programación!😃

[@jjcchh]

chévere, 33:53 si podria comprovar inmediatamente si la base de datos está conectada, era solo llamar directamente database.php

[@CandymanArturo]

No manches amigo... te pasaste con este tutorial. Muchas gracias. me llevó 1 semana completar el ejemplo pero al final lo logré jejejeje

[@teracon5952]

Muchas gracias por esta enseñanza, Saludos desde Medellin.

[@selenio6836]

Waoooo veo hay q ser un master en ingles, si cuando entre a la universidad me huviesen dicho que antes de empesar los estudiantes teniamos q saber mas ingles q Donald Tron ni lo huviera intentado!!!

[@jretba]

Excelentísimo curso Jesús. Muchas gracias por entregarnos tus conocimientos y de tan buena manera. Por fin entendí AJAX !!!!! Veré ahora si lo puedo aplicar con los combos anidados!

[@alejandropadilla6291]

Fazt se que ah pasado mucho desde este video pero quería practicar javascript vanilla y php, por lo que replique tu ejercicio con javascript vanilla usando peticiones http a través de fetch junto con await y async. Eres un crack me ayudan y motivan mucho tus videos, un abrazo.

[@mariopace2909]

Hola, por casulidad tienes el codigo en algun repositorio?

[@mcarmendiaztejedo4661]

Muchas Gracias Profesor y muchas gracias compañeros de fatigas que aportais, me he roto la cabeza, pero al final lo he entendido. Tremendo tutorial!!!

[@MarcosEsqueda]

Sería interesante ver un video sobre fetch y async - await para usar con este ejemplo en vez de usar jQuery.

[@juanalejandrohernandezcarr1914]

Genial me vi el video completo y es justo lo que necesito para mi proyecto, el tema será pensar como hacer una paginación, espero poder hacerlo ahora si puede sacar una segunda parte con una paginación seria el mejor video que he visto, lo que si lo implementare con pdo y con funciones todo el crud en un mismo archivo

[@loveforcode1028]

MUCHAS GRACIAS! TUVE QUE PONER EL VIDEO EN 0.75 VELOCIDAD Y HABLABA NORMAL ! JAJAJAJA GRACIAS LOCO !

[@jasoncarrjim459]

Tus videos son la mejores hermano. Deberias hacer videos premiun sin duda los pagaria.

[@lucasgalvez3364]

Excelente Fazt... Gracias por compartir tus conocimientos Asgardianos con los mortales... :) Saludos.

[@lerkiseliecercausadoespiti159]

por fin algo que realmente sirve sin dar tantas vueltas, excelente tutorial. Igualmente me gustaria uno similar con POO

[@nocturno7887]

Gracias, andaba buscando un CRUD con ES6, async, PDO , PHP, OOP y Mysql. Pero este es buenísimo.

[@teachercarlosmayo1215]

Excelente tutorial, muy buena explicación, un ejemplo ideal y ademas bastante util. Muchas gracias por compartir tu conocimiento

[@chemedev]

Otro tutorial excelente! No me canso de aprender con tus videos!

[@AveFenixDeLeo]

Muchas Gracias, este video me ayudó un buen para seguir aprendiendo, Pude hacer con Javascript sin jquery, la búsqueda y mostrar los datos, tratare de hacerlo todo sin jquery, gracias de nuevo.

[@SebastianSandovalCastro]

Muchas gracias Fazt Code!

[@muyvello4646]

Igual yo, estoy aprendiendo :)

[@SebastianSandovalCastro]

@@muyvello4646 eso es todo Leo, ánimo y suerte en tus proyectos lml

[@erimusa1333]

i dont speak spanish but this was the best video to understand ajax

[@luismariorojas3752]

Excelente curso de AJAX, muy práctico. Mil gracias

[@anthonymoreno4153]

Me gustó eso de escribir en ingles voy a comenzar a hacerlo!! thank you my friend

[@claudioexplica]

genial! vas directo al punto sin parlotear, te felicito

[@KrizalidFantomx8]

Excelente curso, muy entendible para nosotros los principiantes..... Muchisimas gracias

[@cyb3rsh0ck44]

Excelente, y sobre todo me gusta que hayas mostrado como se hace en js puro y luego explicando jquery que es lo que basicamente en cualquier empresa se esta usando, hermoso ser purista js pero cuando llegas a una software factory jquery manda.

[@minorsoft]

Excelente vídeo, no pude encontrar mejor explicación que la de Fazt Code

[@unlimited_code]

¡Genial! - Me hubiese gustado que no hubieras usado JQuery ya que iniciaste el proyecto desde 0, pero esta muy bien el tutorial, agradecido...

[@jorgeromero9759]

Que podria haber usado?

[@webmental1]

@@jorgeromero9759 js puro

[@michaelcaminerovillanueva3068]

Creo que es el mejor video tutorial que eh visto muy bien explicado, me gustaria que subas um video de como hacer un cotizador de profuctos online saludos !

[@vladimircg9541]

Quedo infinitamente agradecido por compartir tus conocimientos.

[@SIATCET]

Excelente aportacion, me has aclarado muchas dudas. Gracias por tu tiempo y estaremos al pendiente de tus nuevas apotyaciones

[@alexisbello6516]

Excelente tutorial, aun en el 2022 Mejor explicado imposible... Y eso que aun estoy en pañales xD Me queda pendiente la tarea de que el ID también se actualice conforme elimine tareas o agregue. Si elimino todas las tareas y estas eran 10, deberia comenzar a agregar desde 1 nuevamente y no desde 11. En lugar de colocar ID incrementar en DB mejor hacer un contador oculto y que este sea el que se guarde y actualice en la BD. Algo asi

[@oscar-mw9in]

Excelente video. No entiendo por que tiene tan pocos likes en relacion con la cantidad de vistas. Muchas gracias.

[@Gsusjm]

Gran profesional, tus tutoriales son los mejores, los voy a ver todos, muchas gracias por tu contenido.

[@compartelo007]

Mil y una gracias por tus conocimientos bien transmitidos como siempre. Saludos

[@roldanjimcollado9079]

muchas gracias fazt code !! entendi mucho mejor lo que es ajax !!

[@plcchileplc2061]

muy bueno un like muy bien ganado esta dentro de lo mejor que he visto

[@sammyjoseph2448]

¡Qué tutorial tan delicioso! Justo lo que necesitaba para reforzar mi aprendizaje.

[@cristianandresriveramontoy8351]

FAZT excelente video, saludos desde Medellin, Colombia!

[@ariel5515]

excelente!! seria genial tambien que incluyeras si se da la oportunidad tutoriales sobre apis con php

[@juniorsanchez3025]

Puedes usar slim3 Frameworks es muy bueno para las api! Saludos! :D

[@fernandovega7431]

Excelente tutorial, muy bien explicado. Seria interesante un tutorial sobre seguridad para evitar las inyecciones SQL. Saludos!

[@edutechpty]

Amigo excelente tutorial. Estaba teniendo problemas al realizar la consulta a la base de datos. Cuando buscaba algo que iniciara con la letra 'c' me mostraba el registro de 'crear un sitio web', hasta ahí todo bien, pero cuando intentaba buscar con la letra 'e' para que encontrara 'escribir' no me arrojaba ningún resultado, existiendo el registro en la tabla. Luego de darle varias vueltas al asunto, pensé en que podría ser un problema de codificación de caracteres. La base de datos que cree funciona con MariaDB. Solo por probar le agregué esta línea de código a la conexion: mysqli_set_charset($connection,'utf8'); y luego realicé la consulta y funcionó. Ahora si me encuentra el registro que comienza con la letra 'e' ó 'E'. Saludos desde Panamá.

[@grbsql]

Excelente todo Fazt, muchas gracias.

[@echavez1994]

El error de JSON.parse(response) se soluciona colocando la siguiente linea de código mysqli_set_charset($conexion, "utf8"); debajo de la conexión a la base de datos, tener en cuenta colocar el nombre correcto de la conexión, mysqli_set_charset(Aquí el nombre correcto que estén utilizando de su conexión, "utf8"); En mi caso mi variable se llama $conexion sin tilde, copiaba y pegaba tal cual como algunos dan la solución y no tenia en cuenta que la variable que pegaba es $conexión, con tilde y por eso el error no se solucionaba.

[@joegallegos697]

En el archivo database?

[@echavez1994]

@@joegallegos697 Si

[@carlaortiz4069]

Nada amigo, aun sale el error

[@JamonDuroMexicano]

El mejor fuckin' curso de Ajax!!! Me suscribo!!

[@ctrljean3467]

Muchísimas gracias amigo, muy detallada a explicación pareciera que ya conociera Jquery con ajax, gracias ¡CRACK!

[@javiertapia5707]

Super el video amigo... lo entendí completamente GRACIAS MIL

[@ricardorios74]

Brillante el curso!!! saludos desde Paraguay

[@ivanvizcarrac]

muchas gracias por el video es un gran aporte para comenzar con ajax

[@angelmelendez6009]

eres un crack hermano aprendi mucho en 2 dias.. mirando este video

[@danielhernandez4124]

el mejor canal de programación

[@cristhiansg12]

Exelente curso y muy bien explicado, pude entender como usar ajax y me sirvio de mucho. gracias Fazt Code

[@palazzus0887]

realmente un muy buen canal de programación... Muchisimas Gracias !!!

[@srpablo8917]

Amigo Muchas gracias por este aporte no sabes cuanto me haz enseñado !