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

En este proyecto de 100 proyectos con JavaScript, desarrollaremos nuestro propio ChatGPT 2.0 con HTML, CSS y JavaScript. Este chat estará disponible de forma local

100 proyectos con JavaScript + Código: https://www.javascript100.dev/
LLM Open Source: https://github.com/mlc-ai/web-llm

▶ No te pierdas más directos en: https://www.twitch.tv/midudev

00:00:00 - Intro
00:06:59 - Qué son estos modelos?
00:08:11 - Creando un Proyecto
00:08:27 - Creando estructura HTML
00:13:32 - Etiqueta HTML template
00:17:19 - Anécdota con IE
00:17:41 - Agregando CSS
00:18:04 - Priorizar fuentes
00:18:58 - Continuando con los estilos
00:19:24 - Diferencia entre DVH y VH
00:21:26 - Agregando más estilos
00:27:41 - Estilos al formulário
00:31:41 - A tocar JavaScript
00:31:52 - defer (atributo de etiqueta script)
00:36:19 - “module” propiedad (recomendación)
00:38:24 - Recuperando elementos del DOM
00:40:06 - Agregar mensaje
00:44:27 - Corrigiendo el scroll
00:46:30 - Simular la respuesta
00:48:18 - Biblioteca a cargar (web-llm)
00:50:44 - Modelos disponibles
00:51:58 - Cómo cargamos el modelo?
00:52:57 - Implementando el LLM en el proyecto
00:56:33 - Qué es webGPU?, Se usa sin internet?
01:00:08 - Creanto small + estilos
01:01:55 - No enviar preguntas hasta que nos responda el modelo
01:02:58 - Preguntarle al LLM lo que queramos
01:04:29 - Recuperar la respuesta
01:07:55 - Problemas de rendimiento
01:11:15 - propiedad ‘stream’
01:13:18 - Concatenando palabras del texto generado (Para mejor UX)
01:18:21 - Probando el modelo Llama (el mejor)
01:21:52 - Qué son los web workers?
01:24:12 - Cómo utilizar un web worker?
01:32:49 - Funcionamiento + Prueba del GPT-midu
01:35:04 - Quieres seguir aprendiendo?
01:35:53 - Últimas palabras Receive SMS online on sms24.me

TubeReader video aggregator is a website that collects and organizes online videos from the YouTube source. Video aggregation is done for different purposes, and TubeReader take different approaches to achieve their purpose.

Our try to collect videos of high quality or interest for visitors to view; the collection may be made by editors or may be based on community votes.

Another method is to base the collection on those videos most viewed, either at the aggregator site or at various popular video hosting sites.

TubeReader site exists to allow users to collect their own sets of videos, for personal use as well as for browsing and viewing by others; TubeReader can develop online communities around video sharing.

Our site allow users to create a personalized video playlist, for personal use as well as for browsing and viewing by others.

@YouTubeReaderBot allows you to subscribe to Youtube channels.

By using @YouTubeReaderBot Bot you agree with YouTube Terms of Service.

Use the @YouTubeReaderBot telegram bot to be the first to be notified when new videos are released on your favorite channels.

Look for new videos or channels and share them with your friends.

You can start using our bot from this video, subscribe now to Cómo crear ChatGPT 2.0 GRATIS con HTML, CSS y JavaScript en tu PC

What is YouTube?

YouTube is a free video sharing website that makes it easy to watch online videos. You can even create and upload your own videos to share with others. Originally created in 2005, YouTube is now one of the most popular sites on the Web, with visitors watching around 6 billion hours of video every month.