Modificación Visual de Páginas Web con Tab9 y ChatGPT

Clase 6 de 9Curso de Creación de Páginas Web con ChatGPT

Resumen

Modificar una página web desde Visual Studio Code se ha vuelto más accesible gracias a herramientas como Tabnine, un asistente de inteligencia artificial que se integra directamente en el editor. Este asistente facilita la edición del código al sugerir y realizar cambios automáticamente. Aunque ChatGPT también permite modificaciones, Tabnine ofrece un enfoque más interactivo y visual dentro del entorno de desarrollo. A continuación, exploraremos cómo aprovechar Tabnine para realizar cambios visuales en una página web.

¿Cómo integrar y configurar Tabnine en Visual Studio Code?

  • Visita la sección de recursos para encontrar el enlace de Tabnine.
  • Crea una cuenta y selecciona el plan “Basic”.
  • Conecta Tabnine con Visual Studio Code e instala la extensión.
  • Inicia sesión en Visual Studio Code y auténtica tu cuenta para comenzar a usar Tabnine.

¿Cómo usar Tabnine para modificar el código?

  • Una vez instalada la extensión, abre Visual Studio Code.
  • Accede al chat de Tabnine para comenzar a dar instrucciones.
  • Prueba solicitando cambios como “cambiar el color de fondo del título principal.”
  • Tabnine te sugerirá el código necesario y te permitirá insertarlo directamente en tu archivo.

¿Qué ajustes adicionales se pueden realizar con Tabnine?

  • Tabnine permite modificar cualquier parte del código; simplemente identifica el elemento que deseas cambiar.
  • Puedes solicitar respuestas en español o en inglés, según tu preferencia.
  • Ajusta secciones completas del diseño de tu página al indicarle a Tabnine los cambios deseados.

¿Cómo comparar Tabnine con ChatGPT para modificar el código?

  • Tabnine trabaja directamente en Visual Studio Code, integrando cambios sin salir del entorno.
  • ChatGPT, en cambio, requiere que copies y pegues el código manualmente desde y hacia Visual Studio Code.
  • Ambos ofrecen soluciones, pero Tabnine es ideal para quienes prefieren trabajar directamente en el editor.

¿Qué otros elementos se pueden agregar a la página web?

  • Después de hacer modificaciones de color, considera añadir un banner de descuento u otros elementos visuales.
  • Usa Tabnine o ChatGPT para insertar el código necesario y ajustarlo a tu diseño.