Midu que grande eres. Mil gracias. Nos has demostrado de manera implícita ( y creo que explicita también ) que la ruta del programador es simple : html, javascript y css. Para lo demás - solo sí es necesario - pues los frameworks o librerías.
Buen tutorial que lamentablemente no voy a poder terminar. Mi ordenador y mis navegadores no soportan webGPU y de momento no tengo acceso a ordenadores mas modernos ( Estoy con un Imac del año 2012 que no puede actualizar Crhome ni el sistema más allá de Hight Sierra. Me lo guardo para mas adelante.
Lo acabo de terminar. Simplemente impresionante!! Siempre me pregunto que computadora cuántica tiene Midu🤣🤣. Es una velocidad que jamás vi en mi vida. Pregunta a Midu y la comunidad: sería conveniente agregar try-catch para el manejo de errores?
Midu me banearon de tu server, por defenderme de unos usuarios que estaban tirándome comentarios, y nunca fui grosero o dije alguna palabra, solo les dije que me dejaran de decir cosas, luego un chico etiqueto a un administrador y este me baneo permanente, cuando se supone que el 1 ban es de 24 horas, trate de hablar con ellos, pero no respondieron, cabe aclarar que el chico que etiqueto al administrador si hizo comentarios hacia la comunidad peruana.
tampoco asi xd midu es bueno pero sin una libreria que tenga todas las inteligencias entrenadas pues simplemente seria un diseño bonito y para hacer la libreria si se necesita buen manejo de lenguajes
Esta genial! pero lo bueno sería que uno personalice el contenido y los datos al sistema para que después el chat responda en base a la app creada, sino es como crear un propio acceso a un wikipedia que todos consultan, no aporta valor agregado a un negocio, imagina que creas esta app para una ferretería, no le sirve consultar la capital de París!!
Excelente, me gusta mucho tu forma de explicar, en lo personal no me gusta las comunidades dev porque siempre encuentras al broth de cualquier cosas o el que tiene más ego que talento. Gracias miduv por tu labor.
Necesito ayuda, porque aqui salen los textos bien con sus respectivos espacios y no todo pegado? Funciona pero no entiendo porque funciona. let reply = ""; const $botMessage = addMessage("", "bot"); for await (const chunk of chunks) { const [choice] = chunk.choices; const content = choice?.delta?.content ?? ""; reply += content; $botMessage.textContent = reply; }
Venir a ver el video y apreciar la pasión de Midu antes de empezar la jornada laboral me recarga de energías!! :) Genio.. Sos el 1 de mi top 5 divulgadores 💙 pd: Una vez le comenté a un crack también que sigo en programación que era uno de mis top 3 favoritos y me contestó preguntando.. (Y quién es el primero) jajaja MIDU obvio! :)
El 71% de los usuarios tienen soporte a WebGPU. Safari en su última versión ya lo tiene detrás de un flag y lo mismo para Firefox. A mi no me parece "muy poco" y muy rápidamente va a terminar el gap que queda: caniuse.com/webgpu La caché del modelo depende del modelo. Hay algunos que son poco más de 1GB.
Para hacerlo más interesante ¿Se podrá correr en un servidor con node.js y entregar al usuario las respuestas más rápidas? de esta manera no dependería del navegador sino del servidor...
Una sugerencia de projecto para hacerlo totalmente con Javascript... que te parecería Midu si podrías considerar realizar un componente tipo tabla estilo jsGrid o similar.. que permita funciones de busqueda, filtrado y ordenado y ademas permita realizar un CRUD de los datos, y a este solo le pasarías los array con formato json. he visto algunos muy buenos como la tabla primeReact pero estaría bueno hacerlo sin ninguna librería solo con Javascript, html y css... ;)
Muchas gracias! muy util. Me pregunto si existe alguna api gratuita de IA. Es decir poder realizarle un fetch desde el lado del cliente y que devuelva la respuesta.
Hola, gran video!!! Pero ahora me creo una duda, pues mientras veía el vídeo me salió un anuncio de Duolingo :v. Y pensando en el tema del vídeo me me surgió la pregunta: ¿Cómo se haría una aplicación como Duolingo? Teniendo en cuenta sus tecnologías y todo lo que conlleva crear tal tipo de aplicacion Saludos!!!
Muy interesante, yaa se me viene muchos proyectos en la cabeza, muuuuchas gracias Midu... Pero pregunto este sistema se puede entrenar aún más, Personalizar(customizable)?
Entrenar como tal no. Porque ya es un modelo terminado, lo que se podría hacer es añadirle un RAG en base a información verídica de tu interés. Así mejorarías muchísimo la respuesta del LLM
Ya hice una pagina similar pero solo es un chatbot con bootpress creo que se llama. La app. Sistema de tickets todo en .net core 8 😢 no le entiendo a javascript muy bien.
Hola, que tal estoy con este proyecto pero cuando lo cargo, las respuestas me tardan una eternidad, no se si a todos les pasa lo mismo. el equipo en el que se ejecuta esta bien, pero es lentísimo, lo ejecuto en Chrome , gracias de antemano por si alguien me puede asesorar.
Hay algun problema con el webwork.js , porque no carga la primera vez, yo creo que en el video funcionó porque ya había cargado, y estaba en el cache. Gracias , muy buen video :)
que grande Midu, una pregunta, si bien esto se tiene que descargar en Local, Es posible subir el modelo IA a un servidor, y sin necesidad de descargar pueda responder? Nota: No soy dev
Eh querido probar el ejemplo y si me carga pero al parecer mi memoria ram no es suficiente :( intentare hacerlo con un modelo mas pequeño), y yo pensando que mi pc no era tan malo :/// PD. Midu eres todo un crack!!!! 💖
hola minu lo hice funcionar en entorno local, pero escribe muy lento el chat, que podría hacer para acelerar la respuesta del chatbot? saludos desde chile.
Excelente proyecto, he podido reproducirlo con éxito y el bicho respira y te contesta perfectamente pero tanto con el modelo "gemma-2b-it-q4f32_1-MLC" (1750.66 Mb) como en el "Llama-3-8B-Instruct-q4f32_1-MLC-1k" (5295.7 Mb) veo que los chunks de la respuesta llegan muy lentos, no fluidos como en el vídeo. Mi gráfica tiene 6Gb de VRAM, ¿puede ser esa la causa? ¿con cuanta VRAM contabas en la prueba del vídeo?.
El límite es tu GPU, no sé cuanto de moderno es tu ordenador pero en cuanto te vas a algo más económico y dos o tres años atrás la cosa se empieza a volver inutilizable.
Buen contenido 😎
Wow, muchas gracias por ese super chat crack!!! 🥹🥹🥹
Me ha encantado. Super completo. Me flipa lo fácil que haces que parezca hacer cosas con vanilla
Jajaja hago que parezca fácil porque es fácil! 🙃
No sabes cuánto necesitaba este tutorial Midu, te amo mucho y me acabas de salvar el semestre. Gracias por enseñarme más cosas cada día. 😭😭
Me encanta, muchas gracias. Más proyectos de JS vanilla, por favor, Midu 😊😊
En eso estamos!!!
como siempre el Robin Hood de la programación dando el mejor contenido y los mejorés tips, sigue así Gracias
Midu que grande eres. Mil gracias. Nos has demostrado de manera implícita ( y creo que explicita también ) que la ruta del programador es simple : html, javascript y css. Para lo demás - solo sí es necesario - pues los frameworks o librerías.
Empresas emergentes de IA: Esta información vale millones.
Muchos ingenieros van a ver este video y van a aprender bastante.
No xd
@@_Tao__ Porque no?
Excelente Midu gracias por hacerlo en Javascript puro, no hagas caso a los que piden otros Framework... ni que ocho cuarto.. gracias... 💪
Que video tan interesante, aprendí bastantes cosas. muchas gracias por este contenido Midu
Gracias a ti!
Que grande eres Midu justo andaba necesitando algo como para una pc con bajos recursos donde tengo implementando un sistema local.
Buen tutorial que lamentablemente no voy a poder terminar. Mi ordenador y mis navegadores no soportan webGPU y de momento no tengo acceso a ordenadores mas modernos ( Estoy con un Imac del año 2012 que no puede actualizar Crhome ni el sistema más allá de Hight Sierra.
Me lo guardo para mas adelante.
estos son los videos que valen la pena.
Lo acabo de terminar. Simplemente impresionante!! Siempre me pregunto que computadora cuántica tiene Midu🤣🤣. Es una velocidad que jamás vi en mi vida. Pregunta a Midu y la comunidad: sería conveniente agregar try-catch para el manejo de errores?
buen dato con ese tema de dvh, la applicacion de BBVA del movil adolece de ese detalle
Midu me banearon de tu server, por defenderme de unos usuarios que estaban tirándome comentarios, y nunca fui grosero o dije alguna palabra, solo les dije que me dejaran de decir cosas, luego un chico etiqueto a un administrador y este me baneo permanente, cuando se supone que el 1 ban es de 24 horas, trate de hablar con ellos, pero no respondieron, cabe aclarar que el chico que etiqueto al administrador si hizo comentarios hacia la comunidad peruana.
pero pasa tu user pa
es que tambien los peruanos normalmente se hacen odiar xD
@@fbrz.996 mi user es .kieni
@@fbrz.996 .kieni
siempre quice hacer algo con ia pero no me animaba hasta este video, muy interesante y aplicable hasta en la empresa en la que trabajo
Moraleja para los inciantes. Especializate en un lenguaje y deja de saltar de lenguaje en lenguaje.
Midu nos muestra que potencial tiene JS.
tiene potencial si usas webgpu...
Si, en definitiva se puede hacer de todo con JS. Hasta marihuana.
Parce si siento que a ese nivel se llega solo cuando se especializa en algo
@@Adrian.Sanchez xdd instalando node en la maizena
tampoco asi xd midu es bueno pero sin una libreria que tenga todas las inteligencias entrenadas pues simplemente seria un diseño bonito y para hacer la libreria si se necesita buen manejo de lenguajes
supre midu, interesante el contenido, vale la pena, sirve mucho y esta bien explicado
Muchas gracias mude, eres genial, siempre aprendo algo nuevo de tus videos, sigue asi te amamos
Esta genial! pero lo bueno sería que uno personalice el contenido y los datos al sistema para que después el chat responda en base a la app creada, sino es como crear un propio acceso a un wikipedia que todos consultan, no aporta valor agregado a un negocio, imagina que creas esta app para una ferretería, no le sirve consultar la capital de París!!
Excelente, me gusta mucho tu forma de explicar, en lo personal no me gusta las comunidades dev porque siempre encuentras al broth de cualquier cosas o el que tiene más ego que talento.
Gracias miduv por tu labor.
Necesito ayuda, porque aqui salen los textos bien con sus respectivos espacios y no todo pegado?
Funciona pero no entiendo porque funciona.
let reply = "";
const $botMessage = addMessage("", "bot");
for await (const chunk of chunks) {
const [choice] = chunk.choices;
const content = choice?.delta?.content ?? "";
reply += content;
$botMessage.textContent = reply;
}
que genial, tengo que aprender más sobre workers en entornos como react/next
45:55 En qué momento activa el input.value con la tecla enter? Pq no lo he visto y no hace click al botón...
impresionante clase. Muchas gracias....
Venir a ver el video y apreciar la pasión de Midu antes de empezar la jornada laboral me recarga de energías!! :) Genio.. Sos el 1 de mi top 5 divulgadores 💙
pd: Una vez le comenté a un crack también que sigo en programación que era uno de mis top 3 favoritos y me contestó preguntando.. (Y quién es el primero) jajaja MIDU obvio! :)
¡¡Buenísimo como siempre!! 😀
Gracias! 😊
01:34:40 Si , internamente hace el postMessage... es la única forma de retornar datos del Worker
No entendí por qué cuando ya tiene el type module se poner el js arriba y no abajo.
Me gustan muchi estos videos, quiero aprender mucho de js pero no he tenido el tiempo
Vamos!
Que buen video MIDU! Gracias
un grande midu, pero que calidad de cotenido!
Midu, you spoil us with this awesome content!
El soporte de web GPU todavia es muy poco. Mozilla y safari no lo soportan aun. Y la cache del modelo es de mas de 4GB
El 71% de los usuarios tienen soporte a WebGPU. Safari en su última versión ya lo tiene detrás de un flag y lo mismo para Firefox.
A mi no me parece "muy poco" y muy rápidamente va a terminar el gap que queda: caniuse.com/webgpu
La caché del modelo depende del modelo. Hay algunos que son poco más de 1GB.
Zarpado video Midu, lo de los web worker es zarpado
Yo con 25 años: cuando sea grande quiero ser tan bueno como Midu!
Excelente tutorial! muy interesante todo! gracias Midu! después lo veo
Qué cosa tan genial! Gracias eso es bastante útil!
Dos cosas que he aprendido, desarrollo de un chatbot funcional, y para que sirve el atributo modules en la etiqueta script
Para hacerlo más interesante ¿Se podrá correr en un servidor con node.js y entregar al usuario las respuestas más rápidas? de esta manera no dependería del navegador sino del servidor...
Super aporte #midudev, eres el mejor
Grande midu ❤
Excelente, se nota la dedicación
Muy interesante la verdad, se aprende mucho 🎉
Una sugerencia de projecto para hacerlo totalmente con Javascript... que te parecería Midu si podrías considerar realizar un componente tipo tabla estilo jsGrid o similar.. que permita funciones de busqueda, filtrado y ordenado y ademas permita realizar un CRUD de los datos, y a este solo le pasarías los array con formato json. he visto algunos muy buenos como la tabla primeReact pero estaría bueno hacerlo sin ninguna librería solo con Javascript, html y css... ;)
Que buen video !!!! Me inspira para crear mi CV con IA
Mucha suerte!
en teoría como se conecta a una base de datos? saludos
Es impresionante todo esto del desarrollo web, es mi Jovi nunca me dedique profesionalmente.
Gente no se emocionen mucho. Si no tienen una GPU compatible esto no funciona.
Gracias Midu, te explicas muy bien!
Se puede hacer Fine Tuning para que responda a preguntas Custom sobre mis datos?
A tato no lo conoce ni Mandrake. Midu excelente video.
sabra mandrake
Muchas gracias! muy util. Me pregunto si existe alguna api gratuita de IA. Es decir poder realizarle un fetch desde el lado del cliente y que devuelva la respuesta.
si esto fuera una peli debería decir "en efecto es Cine"
en efecto, es javascript
Esto es genial.
😌 gracias
midu te quiero!
Gracias Mauro! 🤗
Hola, gran video!!! Pero ahora me creo una duda, pues mientras veía el vídeo me salió un anuncio de Duolingo :v. Y pensando en el tema del vídeo me me surgió la pregunta:
¿Cómo se haría una aplicación como Duolingo? Teniendo en cuenta sus tecnologías y todo lo que conlleva crear tal tipo de aplicacion
Saludos!!!
Gran video solo espero poder adaptarlo a un proyecto personal en node, gracias
Muy interesante, yaa se me viene muchos proyectos en la cabeza, muuuuchas gracias Midu...
Pero pregunto este sistema se puede entrenar aún más, Personalizar(customizable)?
Si, el lo dijo en el video.
Entrenar como tal no. Porque ya es un modelo terminado, lo que se podría hacer es añadirle un RAG en base a información verídica de tu interés. Así mejorarías muchísimo la respuesta del LLM
muy bueno Midu gracias por el contenido
gran clase!
Muy buena clase!!! midu sos sos un crack... la respuesta si se puede usar comercialmente me dejo alguna duda 51:39
Se puede usar este chatgpt en local para respuestas de un tipo de npc en un juego en javascript ?
yo lo logre correr en mi laptop de 8 de ram sin gpu (alucina mucho jaja)
Ya hice una pagina similar pero solo es un chatbot con bootpress creo que se llama. La app. Sistema de tickets todo en .net core 8 😢 no le entiendo a javascript muy bien.
A ver pásame el link :D
@@Alejandro_Carbajal_0 lo que hago solo lo hago en local. Ahí los tengo en GitHub. Pero no los hosteo porque no he aprendido jajaja.
Esto se puede usar en backend para tener un pequeño servicio de inferencia IA usando node?
sos un tipazo
Midu, sos un crack! Cual es la AI que tienes en VScode? me gustó como te va avisando cuando estás declarando mal algo o lo dejás vacio! saludos!
Hola, que tal estoy con este proyecto pero cuando lo cargo, las respuestas me tardan una eternidad, no se si a todos les pasa lo mismo.
el equipo en el que se ejecuta esta bien, pero es lentísimo, lo ejecuto en Chrome , gracias de antemano por si alguien me puede asesorar.
Una pregunta como se pone las tres lineas en javascript
Por qué sos tan inteligente!? que bestia! Xdd
Hay algun problema con el webwork.js , porque no carga la primera vez, yo creo que en el video funcionó porque ya había cargado, y estaba en el cache. Gracias , muy buen video :)
Lograste solucionarlo?
a mi tampoco me carga
Buen video, después lo veré
Perfecto
que grande Midu, una pregunta, si bien esto se tiene que descargar en Local, Es posible subir el modelo IA a un servidor, y sin necesidad de descargar pueda responder? Nota: No soy dev
Alguien sabe como sacar el simbolo de la linea 123 en el que parece un igual más largo que los demás?
QUe tremendo tutorial bro🎉
Se puede usar esta libreria en un proyecto de Ionic??
Midu, sabes hacer extensiones de Chrome? podrias hacer una playlist sobre eso?
Eh querido probar el ejemplo y si me carga pero al parecer mi memoria ram no es suficiente :( intentare hacerlo con un modelo mas pequeño), y yo pensando que mi pc no era tan malo :///
PD. Midu eres todo un crack!!!! 💖
hola minu lo hice funcionar en entorno local, pero escribe muy lento el chat, que podría hacer para acelerar la respuesta del chatbot? saludos desde chile.
Excelente proyecto, he podido reproducirlo con éxito y el bicho respira y te contesta perfectamente pero tanto con el modelo "gemma-2b-it-q4f32_1-MLC" (1750.66 Mb) como en el "Llama-3-8B-Instruct-q4f32_1-MLC-1k" (5295.7 Mb) veo que los chunks de la respuesta llegan muy lentos, no fluidos como en el vídeo. Mi gráfica tiene 6Gb de VRAM, ¿puede ser esa la causa? ¿con cuanta VRAM contabas en la prueba del vídeo?.
Grande Miduu ✨❤
MASTER CLASS by @midu !!!!
Es increíble JavaScript deseo aprender desde cero, por favor alguna página o curso para aprender de cero por favor , quiero enfocarme en JavaScript .
Yo utilizo mucho los workers directo desde js y desde vue con vueuse
hola crees que se pueda hacer algún tutorial de como crear extensiones para Chrome usando js como parte de los 100 proyectos ?
saludos
Sos supremo.
El límite es tu GPU, no sé cuanto de moderno es tu ordenador pero en cuanto te vas a algo más económico y dos o tres años atrás la cosa se empieza a volver inutilizable.
te quiero midu
Eso de los worker no me sabía, llevo mas de un año trabajando con js y uno nunca termina de aprender algo nuevo
genial video midu
Midu cuando un tutorial para hacer un modelo de inteligencia artificial
Midu tenai tiempo ver tus videos 😢,
a mi solo se me queda cargando y nunca me carga .-.
@@neil-zy6lr cuando revise el código me di cuenta que eso cargando es la plantilla, así está diseñado no era un error , allí va mi poderoso dislike
Lo solucionaron? Me pasa igual
Se sobró el midu.
Me imgaino que no es posible hacerle RAG no ?
No puedo creerlo 🤯
Gemma se alucinó una versión del Principito que nada que ver 😆 que sirva de lección para mejor usar llama que sí dío una respuesta correcta
funciona con magia
Cada día mas guapo midu 😳