Workshop: Inteligencia Artificial, ChatGPT, Contenful, JavaScript, React
https://github.com/Code-and-Beers/workshop-1-contenful-next-blog-created-by-chatgpt
Spotify – Apple Podcast – Amazon Music – IVoox
Resumen
00:11 Presentación.
- Utilizar la API de contenido llamada contentful para crear un blog.
08:08 La contextualización de las líneas de chat mejora la comprensión de los errores.
- El uso de un solo chat para un tema acumula contexto para cada línea.
- Proporcionar la mayor cantidad de contexto posible ayuda al programador a comprender el problema.
16:34 Creación de un blog utilizando React, Pencil y Frame Motion.
- Configuración de variables de entorno y variables de conexión.
- Implementación de la página de inicio utilizando Index.tsx.
24:26 Crea una página de inicio hermosa con un toque utilizando una API.
- Conexión con una API para obtener artículos.
- Utilización de animaciones con Frame Motion y agregar un toque con un título en la página de inicio.
32:24 Código reestructurado y se agregó animación a los componentes de estilo.
- Separación del código en componentes y creación de una carpeta para ellos.
- Agregado de animaciones utilizando motion para los componentes de estilo.
41:58 Actualización del componente con arquitectura hexagonal.
- Separación de la capa de acceso al modelo externo en interfaces separadas.
- Agregando más animaciones y ajustando los colores para una mejor visibilidad.
00:37 Modificación del código para un componente web.
- Manejo del movimiento y posicionamiento del componente.
1:00:24 Creación de un modal en un nuevo componente.
- El modal tendrá una imagen de título y un párrafo.
- Página creada en 50 minutos con algunos errores.
1:09:34 Despedida.