Cuando entré al HTML del ejercicio y vi un 3er select me quedé como 😲 pero dije "a darle" jajaja y lo logré, solo que yo lo estaba haciendo con un For() y le hacía un appendChild() luego vine al vídeo y te copié el forEach() y el método con innerHTML... hace meses veía código y veía mandarín 😅 hoy puedo hacer estas cosas que aunque pequeñas para mí significa mucho, siempre agradecido Jon 👏🏼
El mejor #curso de #javascript Este episodio está en el top five de los mejores de tu curso, con la parte de Lolita Ayala!!! ja ja ja ja, genial, cómo me reí, me hiciste llorar de risa. ja ja ja Un poco de cultura general ja ja ja (aprendí de ese momento de la televisión mejicana) ja ja abrazo grande
Gracias por el gran ejemplo! Hice el ejercicio con una API de Argentina, se complicó un poco porque con algunas provincias mandaba objetos vacíos y tuve que hacerle una petición diferente con otra url si ese caso se cumplia, pero se pudo 😅.
Hola, Jon queria felicitarte por el contenido de tus cursos y agradecerte por el conocimiento tan grande que e obtenido de este curso, lo e seguido desde sus inicios, para este ejercicio en particular lo logre desarrollar con la API que proporciona el Gobierno de Colombia y se me hizo sencillo gracias a los conocimientos adquiridos hasta el momento. Saludos
Felicidades por tu curso! Has hecho un gran trabajo y has generado, además de mucho contenido, lo has logrado con gran calidad! Solo una pequeña observación, de tipo cultural: Cancún se localiza en el estado de Quintana Roo; mencionaste que se ubica en Yucatán. No pasa nada! Mucho menos con tu exitoso curso! Soy tu fan!
No me compiló el código pero me salió justo un anuncio en este video de un plugin que usa IA llamado tabnine para autocompletar código, la verdad que es increible :0. Va más allá de los snippets que ya existen en VSC. Excelente video Jon!
Toda la razón! Quizas la unica problemática es la RAM que usa, cuando la utilizas por unas horas te ocupa un monton, incluso más que el propio navegador :/ pero fuera de eso está muy bien
Aunque la API ya no está en funcionamiento con toda la información actualmente, si permite conectarse en modo prueba. Lo único es que en vez de los nombres de los estados, municipios y colonias arroja puros caracteres, pero si conserva la estructura de los datos originales y con eso basta para hacer el ejercicio, ya que lo importante es ver cómo como nos podemos conectar y consumir la API 🙂😉
Saludos. Llegué a esta clase con la tarea hecha. Utilice async - await para las peticiones, delegación de eventos y unos pocos estilos y también revisando la documentación vi que era muy sencillo implementar las colonias sin saber que lo harías. En caso de un error en alguna petición muestro un mensaje y cambio el color del borde del select para indicar cual fue el que no se pudo cargar. El único detalle que tengo es que al momento de carga de segundo y el tercer select se borra el option por defecto, pero viendo tu solución intentare resolverlo. Acá dejo el enlace para quien quiera revisarlo. codepen.io/kikemadrigalr/full/KKgrLvm
Buenas tardes. Tres preguntas. En Colombia hay municipios, departamentos y regiones. Normalmente la información que podría interesarme es la de los departamentos y los municipios, pero si se tiene en cuenta que es evidentemente obvio que si se conoce el municipio es posible determinar el departamento, por lo que cabría preguntar ¿Qué tan recomendable es determinar los departamentos conociendo los municipios? O es mejor dejar al usuario buscar el departamento y el municipio independientemente. ¿Es mejor idea usar selects, datalist con input text o un elemento especial? Estaría bien que me pudiese explicar eso Ing. Jon, y le quedaría muy agradecido. Quedo atento.
Lo que sucede es que encontré una API del Gobierno de Colombia que permite consultar ambas cosas, pero no sé cómo debería estar definida esa lógica. Con un mismo JSON puedo cargar esa información en la página.
Hola, excelentes tu videos y la forma en que nos explicas, no hay comparación con otros cursos (en mi opinión) gracias por tu aporte, simplemente GRACIAS y también una consulta, como se puede diseñar una API REST, o donde puede documentarme para realizar una API, de ante mano gracias por la atención y espero me puedas ayudar, saludos y que siempre estés con salud!!!
@@jonmircha Muchas gracias por tu respuesta, así lo haré, revisaré la documentación de NodeJs y de su framework y estará GENIAL ese curso, porque hay mucha información en las base de datos y la recolección de o cosecha de datos con la conectividad de otras herramientas ahora es fundamental, en cuanto lo haga estaré en primera fila profe, Saludos y cuídese mucho
hey jon me eh pasado por tus videos y no se si no sabre buscar o no tienes lo que ando buscando, estoy con un proyecto sobre como configurar mongodb en digitalocean, estoy con nodejs y veo que tienes un curso de este mismo pero no encuentro nada sobre esto en tus videos jeje, podra ser que no tienes material sobre eso? me recomiendas alguna fuente para aprender me da temor dejarlo pelado la instalación y que sea vulnerable que todos puedan ingresar gracias
Necesito ayuda.. quiero que sea de 3 niveles... y no encuentro como sacar el 3 nivel de (alcaldía o colonias) tengo el de estado y municipio, puedes subir un ejemplo ? por favor ya casi acabo mi proyecto solo falta ese detalle
Excelente @jonmircha., esto lo esperaba con ansias, pensando en una table mysql como llamaría a los select q tengo en los campos de la tabla user el dato del usuario para posteriormente modificarlo. Espero haberme explicado con claridade
@@jonmircha Profe, ahondando más en la pregunta, tendría que ser por Id de las tablas, aun así se tendría que codificar a json, y aprovechando, donde puedo encontrar documentación sobre ello? De ante mano gracias por la atención, Saludos
@@escualoorlan22 Aun no he podido, ya pude hacer la conversión de mysql a formato json, pero al hacer las peticiones, como no es un API, no he podido hacer el recorrido, estoy investigando como hacer la API REST desde la salida de datos de mysql agregarlos a los select, en cuanto lo tenga te digo si pude lograrlo
⚠Actualización⚠ el link que dejo nuestro querido amigo y docente digital ya no esta soportada al dia de hoy El nuevo enlace seria api.copomex.com/documentacion/inicio De igual manera deberan registrarce en esa pagina porque el endpoint les pedira un token que se los proporciona la documentacion una vez registrados y creado un proyecto
yo utilice un ana api de argentina pero en dond va las provincias aparecen un array con 24 object con {id:12 nombre:buenos aires}. quise acceder a las provincias (json.provincias.nombre.foreach(el=>.... pero me dio como q provincias no es definido tm puse .nombre fuera del foreach y no dio un error 429
Jon, me trabe aca cuando paso el value del estado al municipio porque el state no toma el valor, si pongo el estado a mano funciona bien, asi que calculo que algo mal puse aca, pero no lo veo el error. function loadTowns(state) { fetch(`api-sepomex.hckdrk.mx/query/get_municipio_por_estado/${state}`) .then(res => res.ok ? res.json() : Promise.reject(res)) .then(json => { console.log(json); let $options = `Elige un Municipio`; json.response.municipios.forEach(el => $options += `
Qué rapido se gastan 50 consultas, casi lo tenia listo cuando me dejo de responder por llegar al limite😭, antes de ver el video Pero me dio la idea para probar en alguna otra API libre
La API próximamente dejará de funcionar, actualmente deben registrarse para obtener un token de validación y enviarlo a través de la URL. Es importante que tenga en cuenta los créditos. Tiene 50 créditos, cada crédito corresponde a una llamada a la API, una vez se acaben la API dará error
Cuando entré al HTML del ejercicio y vi un 3er select me quedé como 😲 pero dije "a darle" jajaja y lo logré, solo que yo lo estaba haciendo con un For() y le hacía un appendChild() luego vine al vídeo y te copié el forEach() y el método con innerHTML... hace meses veía código y veía mandarín 😅 hoy puedo hacer estas cosas que aunque pequeñas para mí significa mucho, siempre agradecido Jon 👏🏼
😉👋🏻
otra buena clase maestro gracias
Con mucho gusto
Profe!! muchas muchas gracias! lo que estoy aprendiendo es increíble.. muy agradecido! un gran abrazo!
👋🏻😉
El mejor #curso de #javascript
Este episodio está en el top five de los mejores de tu curso, con la parte de Lolita Ayala!!! ja ja ja ja, genial, cómo me reí, me hiciste llorar de risa. ja ja ja
Un poco de cultura general ja ja ja (aprendí de ese momento de la televisión mejicana) ja ja abrazo grande
😅😉👍🏻
Gracias por el gran ejemplo! Hice el ejercicio con una API de Argentina, se complicó un poco porque con algunas provincias mandaba objetos vacíos y tuve que hacerle una petición diferente con otra url si ese caso se cumplia, pero se pudo 😅.
👍🏻😉
bro, que api es ?
Muchas Gracias por este conocimiento, y si, lo de la API se debe tener cuidado con las consultas.
Muchas gracias enserio.
😉👋🏻
Muy chulo este ejercicio. Siguiendo la documentación y tus tutoriales pude hacerlo. Gracias!!!
👍🏻😉
me alegro de haberlo echo bien profe , yo en mi caso use funciones async await
👍🏻
Hola, Jon queria felicitarte por el contenido de tus cursos y agradecerte por el conocimiento tan grande que e obtenido de este curso, lo e seguido desde sus inicios, para este ejercicio en particular lo logre desarrollar con la API que proporciona el Gobierno de Colombia y se me hizo sencillo gracias a los conocimientos adquiridos hasta el momento. Saludos
😉👍🏻
Podrías por favor compartir tu solución 😄
@@alphaphantom3846 regalame el link de la api
cristian como hizo para iterar los objetos con la api? a mí me genera un error
🧙♂Muchas gracias!!!! Buenisimo el curso!!!
Gracias por comentar
Felicidades por tu curso! Has hecho un gran trabajo y has generado, además de mucho contenido, lo has logrado con gran calidad! Solo una pequeña observación, de tipo cultural: Cancún se localiza en el estado de Quintana Roo; mencionaste que se ubica en Yucatán. No pasa nada! Mucho menos con tu exitoso curso! Soy tu fan!
😅😉👍🏻
NuevamenteMUCHAS GRACIAS MASTER JONMIRCHA.Este tipo de select si que es utilizado con frecuencia en los proyectos.
😎🙌🏻
John el rockstar de js!
🙈🙌🏻
Sos buenísimo Jhon, saludos y muchísimas gracias
Gracias, saludos!
No me compiló el código pero me salió justo un anuncio en este video de un plugin que usa IA llamado tabnine para autocompletar código, la verdad que es increible :0. Va más allá de los snippets que ya existen en VSC. Excelente video Jon!
😮
Toda la razón! Quizas la unica problemática es la RAM que usa, cuando la utilizas por unas horas te ocupa un monton, incluso más que el propio navegador :/ pero fuera de eso está muy bien
12:12 Ya se fue, perdonen ustedes... Jajajaja buen video profe, gracias! :)
Aunque la API ya no está en funcionamiento con toda la información actualmente, si permite conectarse en modo prueba.
Lo único es que en vez de los nombres de los estados, municipios y colonias arroja puros caracteres, pero si conserva la estructura de los datos originales y con eso basta para hacer el ejercicio, ya que lo importante es ver cómo como nos podemos conectar y consumir la API 🙂😉
😉👋🏻
ni con la prueba me funciona
Excelente ejercicio ¡mil gracias!
Con mucho gusto
Muy Buena Clase
😉👍🏻
Saludos. Llegué a esta clase con la tarea hecha. Utilice async - await para las peticiones, delegación de eventos y unos pocos estilos y también revisando la documentación vi que era muy sencillo implementar las colonias sin saber que lo harías. En caso de un error en alguna petición muestro un mensaje y cambio el color del borde del select para indicar cual fue el que no se pudo cargar. El único detalle que tengo es que al momento de carga de segundo y el tercer select se borra el option por defecto, pero viendo tu solución intentare resolverlo.
Acá dejo el enlace para quien quiera revisarlo. codepen.io/kikemadrigalr/full/KKgrLvm
;)
jon un crack, como siempre aprendi muchisimo
:)
Buenas tardes.
Tres preguntas. En Colombia hay municipios, departamentos y regiones. Normalmente la información que podría interesarme es la de los departamentos y los municipios, pero si se tiene en cuenta que es evidentemente obvio que si se conoce el municipio es posible determinar el departamento, por lo que cabría preguntar ¿Qué tan recomendable es determinar los departamentos conociendo los municipios? O es mejor dejar al usuario buscar el departamento y el municipio independientemente. ¿Es mejor idea usar selects, datalist con input text o un elemento especial?
Estaría bien que me pudiese explicar eso Ing. Jon, y le quedaría muy agradecido. Quedo atento.
Lo que sucede es que encontré una API del Gobierno de Colombia que permite consultar ambas cosas, pero no sé cómo debería estar definida esa lógica. Con un mismo JSON puedo cargar esa información en la página.
Eso dependería de la importancia, yo me centraría el más importante pero no tengo contexto de como funcione eso en Colombia
@@JuanDGamba me podría hacer el favor de decir donde esta esa API?
no conocía el video de lolita ayala porque soy chileno, me reí muchoo jaja
🤣🤣🤣🤣
jajaja idem
Excelente video. Una pregunta, recomiendas usar siempre el ingles para escribir codigo?
Totalmente!
Hola, excelentes tu videos y la forma en que nos explicas, no hay comparación con otros cursos (en mi opinión) gracias por tu aporte, simplemente GRACIAS y también una consulta, como se puede diseñar una API REST, o donde puede documentarme para realizar una API, de ante mano gracias por la atención y espero me puedas ayudar, saludos y que siempre estés con salud!!!
Puedes ver la doc de Express.js o de Node, pronto haré un curso de APIs con PHP y Node
@@jonmircha Muchas gracias por tu respuesta, así lo haré, revisaré la documentación de NodeJs y de su framework y estará GENIAL ese curso, porque hay mucha información en las base de datos y la recolección de o cosecha de datos con la conectividad de otras herramientas ahora es fundamental, en cuanto lo haga estaré en primera fila profe, Saludos y cuídese mucho
👏👏👏 🙏🙏🙏
👋🏻😉
hey jon me eh pasado por tus videos y no se si no sabre buscar o no tienes lo que ando buscando, estoy con un proyecto sobre como configurar mongodb en digitalocean, estoy con nodejs y veo que tienes un curso de este mismo pero no encuentro nada sobre esto en tus videos jeje, podra ser que no tienes material sobre eso? me recomiendas alguna fuente para aprender me da temor dejarlo pelado la instalación y que sea vulnerable que todos puedan ingresar gracias
En las últimas clases del curso de node configuro Node en un VPS ruclips.net/p/PLvq-jIkSeTUY3gY-ptuqkNEXZHsNwlkND
Necesito ayuda.. quiero que sea de 3 niveles... y no encuentro como sacar el 3 nivel de (alcaldía o colonias) tengo el de estado y municipio, puedes subir un ejemplo ? por favor ya casi acabo mi proyecto solo falta ese detalle
Excelente @jonmircha., esto lo esperaba con ansias, pensando en una table mysql como llamaría a los select q tengo en los campos de la tabla user el dato del usuario para posteriormente modificarlo. Espero haberme explicado con claridade
Tendrías que exponer cada query de SQL con PHP codificando a JSON para que Fetch o AJAX lo tome
jonmircha gracias jon. Espero q pueda realizarlo.
@@jonmircha Profe, ahondando más en la pregunta, tendría que ser por Id de las tablas, aun así se tendría que codificar a json, y aprovechando, donde puedo encontrar documentación sobre ello? De ante mano gracias por la atención, Saludos
@@jerrysdn5550 pensando en lo que tu decís pudiste hacer las actualizaciones desde la base de datos con los de la api?
@@escualoorlan22 Aun no he podido, ya pude hacer la conversión de mysql a formato json, pero al hacer las peticiones, como no es un API, no he podido hacer el recorrido, estoy investigando como hacer la API REST desde la salida de datos de mysql agregarlos a los select, en cuanto lo tenga te digo si pude lograrlo
👏👏👏🙏🙏🙏
👋🏻😉
Si me pude reir con lo del lolita Ayala jajaja muy bien video profe 👍👍
😂😂😂😂
0:11 yo quería saludar xD
⚠Actualización⚠
el link que dejo nuestro querido amigo y docente digital ya no esta soportada al dia de hoy
El nuevo enlace seria api.copomex.com/documentacion/inicio
De igual manera deberan registrarce en esa pagina porque el endpoint les pedira un token que se los proporciona la documentacion una vez registrados y creado un proyecto
Gracias ahora mismo actualizo el link en el video 😉👋🏻
España se divide territorialmente en 17 Comunidades Autónomas, formadas por 50 provincias y con un total de 8131 Municipios
maestro cobra kai, es lo máximo!!!
yo utilice un ana api de argentina pero en dond va las provincias aparecen un array con 24 object con {id:12 nombre:buenos aires}. quise acceder a las provincias (json.provincias.nombre.foreach(el=>.... pero me dio como q provincias no es definido tm puse .nombre fuera del foreach y no dio un error 429
lya o resolvi con una API de argentina con las provincias y municipios la pagina es apis.datos.gob.ar/georef
😉👍🏻
Jon, me trabe aca cuando paso el value del estado al municipio porque el state no toma el valor, si pongo el estado a mano funciona bien, asi que calculo que algo mal puse aca, pero no lo veo el error.
function loadTowns(state) {
fetch(`api-sepomex.hckdrk.mx/query/get_municipio_por_estado/${state}`)
.then(res => res.ok ? res.json() : Promise.reject(res))
.then(json => {
console.log(json);
let $options = `Elige un Municipio`;
json.response.municipios.forEach(el => $options += `
:O
@@jonmircha ya encontre el error, me faltaba el cierre de una "
alguien sabe cual es el API para BOLIVIA?... Buen video profe Saludos!!!
Googlea, google sabe todo 😮
Qué rapido se gastan 50 consultas, casi lo tenia listo cuando me dejo de responder por llegar al limite😭, antes de ver el video
Pero me dio la idea para probar en alguna otra API libre
🤭😁
La API próximamente dejará de funcionar, actualmente deben registrarse para obtener un token de validación y enviarlo a través de la URL. Es importante que tenga en cuenta los créditos. Tiene 50 créditos, cada crédito corresponde a una llamada a la API, una vez se acaben la API dará error
👍🏻
Alguien sabe cual es la api para Colombia?
Hola, yo usé el JSON de este repo: github.com/marcovega/colombia-json
@@RUIZMAYCOL88SF podrías por favor compartir tu solución? 😄
pasen endpoint, no me sirve el que esta ahí :c
x2 :'v
x3
No se porque me dice undefined la respuesta parseada, y el ok del fetch salió true
😵
12:01 la referencia: ruclips.net/video/-fKGf9qFQ3g/видео.html&ab_channel=DanDark
Ejercicio terminado amigo, ahora vamos a ver cómo lo puedo mejorar
Excelente
26:37 bien doxeado el profe
😅
gracias jon, excelente pausa activa con lolita ayala jajajaaja ruclips.net/video/zqOyTV4DYbg/видео.html
😅
jajaja por que Aguascalientes'ssss? Soy de Chile
es un chiste local :P
@@jonmircha jajaja entiendo, en el chavo del 8 creo haber visto algo parecido jajaja. Que tenga un buen fin de semana.
Disculpen ustedes, ya se fue... jaja
XP