Cómo crear ChatGPT 2.0 GRATIS con HTML, CSS y JavaScript en tu PC

[@xfriend2512]

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

[@josesanch88]

Me encanta, muchas gracias. Más proyectos de JS vanilla, por favor, Midu 😊😊

[@midulive]

En eso estamos!!!

[@RagnarTube]

Me ha encantado. Super completo. Me flipa lo fácil que haces que parezca hacer cosas con vanilla

[@midulive]

Jajaja hago que parezca fácil porque es fácil! 🙃

[@conradohernanvillagil2764]

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.

[@juanpedrososa1118]

Simplemente espectacular como has ido de menor a mayor. Muchas gracias por compartir tus conocimientos y tu tiempo Midu.

[@gaelcuevas7204]

como siempre el Robin Hood de la programación dando el mejor contenido y los mejorés tips, sigue así Gracias

[@kantyDarius]

Que grande eres Midu justo andaba necesitando algo como para una pc con bajos recursos donde tengo implementando un sistema local.

[@marcesil78]

Excelente Midu gracias por hacerlo en Javascript puro, no hagas caso a los que piden otros Framework... ni que ocho cuarto.. gracias... 💪

[@dantenicolascaballero7703]

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?

[@user-412hm7i2]

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!!

[@Yoko-0x0]

estos son los videos que valen la pena.

[@AndoresuSama]

Que video tan interesante, aprendí bastantes cosas. muchas gracias por este contenido Midu

[@midulive]

Gracias a ti!

[@millhiorebt]

Muchas gracias mude, eres genial, siempre aprendo algo nuevo de tus videos, sigue asi te amamos

[@tiagoae]

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

[@alpaca5548]

que genial, tengo que aprender más sobre workers en entornos como react/next

[@mmmvvv5134]

buen dato con ese tema de dvh, la applicacion de BBVA del movil adolece de ese detalle

[@1986elkin1]

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.

[@awaken5622]

Empresas emergentes de IA: Esta información vale millones. Muchos ingenieros van a ver este video y van a aprender bastante.

[@_Tao__]

No xd

[@bawssy7265]

@@_Tao__ Porque no?

[@eduardfarinyes5356]

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.

[@alejandrol-oluna]

Moraleja para los inciantes. Especializate en un lenguaje y deja de saltar de lenguaje en lenguaje. Midu nos muestra que potencial tiene JS.

[@gatitosmiaomaio]

tiene potencial si usas webgpu...

[@Adrian.Sanchez]

Si, en definitiva se puede hacer de todo con JS. Hasta marihuana.

[@carlosandresmahechalozada8564]

Parce si siento que a ese nivel se llega solo cuando se especializa en algo

[@emmil9797]

@@Adrian.Sanchez xdd instalando node en la maizena

[@NoName-gm4tj]

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

[@kieniandres]

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.

[@fbrz.996]

pero pasa tu user pa

[@NoName-gm4tj]

es que tambien los peruanos normalmente se hacen odiar xD

[@kieniandres]

@@fbrz.996 mi user es .kieni

[@kieniandres]

@@fbrz.996 .kieni

[@leonardomunoz4662]

un grande midu, pero que calidad de cotenido!

[@carlosgonzalez9404]

Que buen video MIDU! Gracias

[@adrianmartinez2061]

Excelente tutorial! muy interesante todo! gracias Midu! después lo veo

[@antoniobelda7292]

impresionante clase. Muchas gracias....

[@tanercoder1915]

Midu, you spoil us with this awesome content!

[@emanuelbeltran1069]

Me gustan muchi estos videos, quiero aprender mucho de js pero no he tenido el tiempo

[@midulive]

Vamos!

[@vjlkof]

Zarpado video Midu, lo de los web worker es zarpado

[@Dana-Baiardi]

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! :)

[@calimio6]

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

[@midulive]

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.

[@Adrian.Sanchez]

Es impresionante todo esto del desarrollo web, es mi Jovi nunca me dedique profesionalmente.

[@juanpablogomez2000]

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; }

[@jorge.orozco]

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)?

[@awaken5622]

Si, el lo dijo en el video.

[@zlMiltonlz]

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

[@marcesil78]

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... ;)

[@sniperdaoud]

Buen contenido 😎

[@midulive]

Wow, muchas gracias por ese super chat crack!!! 🥹🥹🥹

[@edwinloaiza1017]

A tato no lo conoce ni Mandrake. Midu excelente video.

[@CarlosFelipeRiveraG-tl2yf]

sabra mandrake

[@rauljauregi6615]

¡¡Buenísimo como siempre!! 😀

[@midulive]

Gracias! 😊

[@hbiblia]

01:34:40 Si , internamente hace el postMessage... es la única forma de retornar datos del Worker

[@filthkyory]

Qué cosa tan genial! Gracias eso es bastante útil!

[@sombraerato5421]

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.

[@ricant.m]

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!

[@dicanascruz1]

supre midu, interesante el contenido, vale la pena, sirve mucho y esta bien explicado

[@misteriohaker]

Gran video solo espero poder adaptarlo a un proyecto personal en node, gracias

[@saulpineda9761]

Yo con 25 años: cuando sea grande quiero ser tan bueno como Midu!

[@JulioOlivaresTejeda]

Super aporte #midudev, eres el mejor

[@leonardosanchez9766]

Gracias Midu, te explicas muy bien!

[@bladimirjuniorestrada4466]

Excelente, se nota la dedicación

[@winkermind]

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

[@cordoobez]

Que buen video !!!! Me inspira para crear mi CV con IA

[@midulive]

Mucha suerte!

[@daep911]

Muy interesante la verdad, se aprende mucho 🎉

[@MiguelAngelCornejo81]

Dos cosas que he aprendido, desarrollo de un chatbot funcional, y para que sirve el atributo modules en la etiqueta script

[@federicomoontero1989]

Se puede hacer Fine Tuning para que responda a preguntas Custom sobre mis datos?

[@kaiowas89]

sos un tipazo

[@supermanu545]

Grande midu ❤

[@angeldanielcardenasduran2959]

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!!!

[@TheWaalteers]

Muy buena clase!!! midu sos sos un crack... la respuesta si se puede usar comercialmente me dejo alguna duda 51:39

[@SonGoku-pc7jl]

gran clase!

[@wil7g]

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

[@juanestebanmoralessaenz8898]

Esto es genial.

[@midulive]

😌 gracias

[@mauroleonardi390]

midu te quiero!

[@midulive]

Gracias Mauro! 🤗

[@emmanuelbarba2567]

No entendí por qué cuando ya tiene el type module se poner el js arriba y no abajo.

[@joelcontreras4629]

Midu, sabes hacer extensiones de Chrome? podrias hacer una playlist sobre eso?

[@gabrielpereyra8024]

muy bueno Midu gracias por el contenido

[@Thez0w]

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!!!! 💖

[@carlosobando2942]

te quiero midu

[@zet2370]

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

[@germankohan3628]

Por qué sos tan inteligente!? que bestia! Xdd

[@danster19]

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.

[@Alejandro_Carbajal_0]

A ver pásame el link :D

[@danster19]

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

[@mmmvvv5134]

funciona con magia

[@leosolano5798]

Se sobró el midu.

[@esarmiento7]

en teoría como se conecta a una base de datos? saludos

[@fight.....]

Midu cuando un tutorial para hacer un modelo de inteligencia artificial

[@icewindatcan]

Sos supremo.

[@claudio281172]

MASTER CLASS by @midu !!!!

[@Djmorattoo]

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 :)

[@vntoniojr]

Lograste solucionarlo?

[@waxupex4360]

a mi tampoco me carga

[@roberto2475]

Buen video, después lo veré

[@midulive]

Perfecto

[@robertoalejandrogonzales4566]

QUe tremendo tutorial bro🎉

[@funebre]

yo lo logre correr en mi laptop de 8 de ram sin gpu (alucina mucho jaja)

[@soy-luisarrieta]

No puedo creerlo 🤯

[@lushiodev]

Cada día mas guapo midu 😳

[@pantanom18]

genial video midu

[@mariolopez-vx9rt]

si esto fuera una peli debería decir "en efecto es Cine"

[@idk.ripmeta8874]

en efecto, es javascript

[@rbarriae]

Gente no se emocionen mucho. Si no tienen una GPU compatible esto no funciona.

[@Vipoke]

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.

[@jesuscarrasco9963]

Grande Miduu ✨❤

[@c_cs2471]

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

[@gerardopacheco9521]

hola crees que se pueda hacer algún tutorial de como crear extensiones para Chrome usando js como parte de los 100 proyectos ? saludos

[@angelossj7]

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 .

[@carlos-hernandez.]

Esto se puede usar en backend para tener un pequeño servicio de inferencia IA usando node?

[@beikercamacho1060]

Midu tenai tiempo ver tus videos 😢,

[@rbjmalca2]

justo necesitaba esto :v

[@arody_fotografia]

Genial!

[@hbiblia]

Yo utilizo mucho los workers directo desde js y desde vue con vueuse

[@AdrrianAvila]

Se puede usar esta libreria en un proyecto de Ionic??

[@sol____-_-]

🔥

[@JersonSoft]

Exelente video

[@midulive]

Gracias!

[@juangarcia-g6m]

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.

[@crism8868]

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

[@moy_4520]

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

[@rockjar9]

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.