• No hay productos en el carrito.

Inicio / Cursos / +12 Proyectos de Desarrollo Web con IA, ChatGPT y JavaScript
Impartido por Víctor RoblesPago único de $2,800 MXN · acceso por 12 meses

+12 Proyectos de Desarrollo Web con IA, ChatGPT y JavaScript

Aprende Desarrollo web con 12 proyectos que integran la inteligencia artificial de ChatGPT y OpenAI con HTML5, CSS3 y JS

Certificado oficial emitido por la SEPA través del Gobierno del Estado de México
12 meses de acceso En línea · 60 h 18 unidades
Qué aprenderás

Lo que serás capaz de hacer

Bienvenido al curso que no sabías que necesitabas: un entrenamiento práctico y directo donde construiremos más de 12 proyectos reales que combinan el poder de la inteligencia artificial con las tecnologías fundamentales del desarrollo web: HTML5, CSS3 y JavaScript . Aquí aprenderás cómo integrar ChatGPT y la API de OpenAI en aplicaciones web modernas, creando herramientas inteligentes, asistentes, generadores automáticos, chatbots y mucho más. Este no es un curso cualquiera, estás ante un máster completo en el que aprenderemos: HTML, el lenguaje de marcado imprescindible en cualquier web. HTML5, conociendo todas las nuevas etiquetas del lenguaje. CSS , el lenguaje que nos permitirá darle estilos y aplicar un diseño a nuestras webs. CSS3 , enseñando las últimas novedades y los increíbles efectos para las páginas web. JavaScript moderno, el lenguaje de programación más popular en la actualidad. EcmaScript 2026 , los últimos estándares para el lenguaje JS. Integración con APIs: cómo conectar tus proyectos web con servicios externos. ChatGPT y OpenAI: cómo añadir IA a tus aplicaciones web. Maquetación web , creando muchas páginas web visualmente impactantes. Desarrollo web, programando muchas aplicaciones web desde cero. Habilidades de front-end experto, haciendo cientos de ejercicios, prácticas y proyectos completos. Si quieres ser desarrollador front-end o full-stack, o incluso si ya te dedicas al desarrollo web, aprender a trabajar con estas tecnologías es muy importante. La metodología de aprendizaje es la ideal: Todo explicado desde cero y paso a paso. Decenas de horas de contenido en clases en vídeo. Cientos de prácticas y ejercicios. Más de 80 clases bien explicadas. Más de 12 proyectos poniendo en práctica todo lo aprendido. Diseñado para interiorizar todos los conocimientos, prepararte para el trabajo real de desarrollador web e ingeniero de IA, prepararte para las exigentes pruebas técnicas y aumentar la lógica de programación tanto si sabes programar mucho como si no. Además te estaré ayudando cuando tengas cualquier duda o problema. Al finalizar el curso: Sabrás más de desarrollo web que antes. Sabrás desarrollo con Inteligencia Artificial. Dominarás a la perfección HTML5, CSS3, JavaScript y el API de ChatGPT para desarrollar proyectos o aplicarlo a proyectos ya existentes. Habrás aumentado tu lógica de programación. Estarás preparado para pruebas técnicas reales para el puesto de programador web. Conocerás las novedades de HTML, CSS, JavaScript y la IA Y mucho más. Durante las más de 12 horas del curso verás como desarrollar varias webs y haremos muchísimos proyectos con todo lo que enseñamos. Trataremos todos los temas paso a paso y poco a poco hasta conseguir un buen nivel en Programación, HTML, CSS, JavaScript, Flexbox, CSS Grid Layout, ES6, OpenAI API, etc. Para aprovechar al 100% el curso te recomendamos tener conocimientos básicos en HTML, CSS y JS, aún así dentro del curso haremos un repaso de desarrollo web y maquetaremos varias webs para machacar estos conceptos. ¿No crees que necesitas dar un paso más, dominar de verdad HTML5, CSS3, JavaScript moderno, integraciones de IA, mejorar tus habilidades de front-end y poder superar pruebas técnicas avanzadas para puestos de desarrollo web? Si quieres aprender desarrollo front-end moderno con HTML5, CSS3, JavaScript y ChatGPT integrado en tus webapps sin dolor, practicando poco a poco con las tecnologías más actuales, subir de nivel en el desarrollo web y la IA, y aumentar tus oportunidades laborales ¡Este es tu MASTER! Échale un vistazo al programa del curso para ver todos temas que aprenderás. Únete al curso y sube de nivel: ¡¡ Conviértete en Desarrollador Web con IA integrada !!

  • Dominar HTML
  • Dominar HTML5
  • Dominar CSS
  • Dominar CSS3
  • Dominar JavaScript
  • Dominar el desarrollo web con IA de ChatGPT integrada

Temario

UNIDAD 1 - Introducción al curso de proyectos de desarrollo web con IA · 1 lecciones

UNIDAD 1 - Introducción al curso de proyectos de desarrollo web con IA

  • Introducción al curso de desarrollo web con HTML5, CSS3, JavaScript y OpenAI GPTVideo · 5 min
UNIDAD 2 - Repaso de desarrollo web (opcional) · 12 lecciones

UNIDAD 2 - Repaso de desarrollo web (opcional)

  • Repaso de HTML básico - Parte 1Video · 8 min
  • Repaso de HTML básico - Parte 2Video · 7 min
  • Repaso de CSS básico - Parte 1Video · 10 min
  • Repaso de CSS básico - Parte 2Video · 10 min
  • Repaso de CSS FlexboxVideo · 15 min
  • Repaso de CSS Grid LayoutVideo · 20 min
  • Repaso de CSS BEM - Parte 1Video · 11 min
  • Repaso de CSS BEM - Parte 2Video · 11 min
  • Variables en CSSVideo · 11 min
  • px y rems en CSSVideo · 6 min
  • Repaso de JavaScript básico - Parte 1Video · 9 min
  • Repaso de JavaScript básico - Parte 2Video · 12 min
UNIDAD 3 - ¿Cómo haremos los proyectos? · 3 lecciones

UNIDAD 3 - ¿Cómo haremos los proyectos?

  • La carpeta de proyectosVideo · 3 min
  • Estructura de directoriosVideo · 2 min
  • Importante: RECURSOS PARA TODOS LOS PROYECTOSLectura · 0 min
UNIDAD 4 - Proyecto Widget PIN · 3 lecciones

UNIDAD 4 - Proyecto Widget PIN

  • HTML de la webVideo · 10 min
  • Empezando los estilos CSS del proyecto webVideo · 6 min
  • Estilos CSS del sitio webVideo · 9 min
UNIDAD 5 - Proyecto Timeline · 4 lecciones

UNIDAD 5 - Proyecto Timeline

  • Estructura del proyectoVideo · 8 min
  • HTML de la timelineVideo · 7 min
  • Empezando a dar estilos a la timelineVideo · 7 min
  • CSS3 del proyecto webVideo · 13 min
UNIDAD 6 - Proyecto QR · 2 lecciones

UNIDAD 6 - Proyecto QR

  • Empezando el proyecto QRVideo · 6 min
  • Maquetando el sitio webVideo · 7 min
UNIDAD 7 - Proyecto Lista de la Compra · 3 lecciones

UNIDAD 7 - Proyecto Lista de la Compra

  • Empezando el proyectoVideo · 8 min
  • Estilos para la webVideo · 9 min
  • Maquetando la webVideo · 8 min
UNIDAD 8 - Proyecto Tarjetas de Puntuaciones · 4 lecciones

UNIDAD 8 - Proyecto Tarjetas de Puntuaciones

  • HTML de las tarjetasVideo · 14 min
  • Primeros estilos CSS de las tarjetasVideo · 10 min
  • Maquetando las tarjetas con CSS3Video · 10 min
  • Ultimando detalles del proyecto de las tarjetas de puntuaciónVideo · 4 min
UNIDAD 9 - Proyectos con Inteligencia Artificial Integrada - ¿Cómo funciona? · 3 lecciones

UNIDAD 9 - Proyectos con Inteligencia Artificial Integrada - ¿Cómo funciona?

  • Estructura de los proyectos que incluyan IAVideo · 2 min
  • ¿Como utilizar la plataforma de OpenAI, el motor de chatgpt, precios y tokens?Video · 9 min
  • Conseguir API Key y crear variables de entornoVideo · 6 min
UNIDAD 10 - Proyecto Generador de Publicaciones · 11 lecciones

UNIDAD 10 - Proyecto Generador de Publicaciones

  • Enunciado y estructura del proyectoVideo · 5 min
  • HTML del generador de publicacionesVideo · 6 min
  • CSS del generador - Parte 1Video · 13 min
  • CSS del generador - Parte 2Video · 8 min
  • CSS del generador - Parte 3Video · 6 min
  • JavaScript para el generador de publicacionesVideo · 9 min
  • Creando funcionalidades del generadorVideo · 3 min
  • Backend con IA integradaVideo · 6 min
  • Creando endpoints y rutas potenciadas con IAVideo · 7 min
  • Terminando funcionalidades de inteligencia artificialVideo · 13 min
  • Sistema de etiquetas y tags del generador de publicacionesVideo · 9 min
UNIDAD 11 - Proyecto Tareas Guiadas · 14 lecciones

UNIDAD 11 - Proyecto Tareas Guiadas

  • Enunciado del proyectoVideo · 3 min
  • Estructura HTMLVideo · 6 min
  • Contenido en HTMLVideo · 5 min
  • Estilos CSS para el proyecto de gestión de tareas guiadas - Parte 1Video · 6 min
  • Estilos CSS para el proyecto de gestión de tareas guiadas - Parte 2Video · 13 min
  • Estilos CSS para el proyecto de gestión de tareas guiadas - Parte 3Video · 3 min
  • Añadir tareas guiadas con JavaScriptVideo · 9 min
  • Mostrar las tareas con JSVideo · 8 min
  • Contar dias restantes para terminar la tarea con JavaScriptVideo · 7 min
  • Eliminar tareasVideo · 8 min
  • Botón de explicación y guía de la tareaVideo · 4 min
  • Backend para el gestor de tareas guiadasVideo · 7 min
  • Creando la funcionalidad con Inteligencia ArtificialVideo · 8 min
  • Integrando la IA en el FrontendVideo · 5 min
UNIDAD 12 - Proyecto Transformador · 6 lecciones

UNIDAD 12 - Proyecto Transformador

  • Creando el HTMLVideo · 10 min
  • Aplicando estilos CSSVideo · 9 min
  • Dando funcionalidad y dinamismo con JavaScriptVideo · 14 min
  • Desarrollando el backendVideo · 6 min
  • Integrando inteligencia artificial generativaVideo · 14 min
  • Petición al backend que integra la IAVideo · 8 min
UNIDAD 13 - Registro con Inteligencia Artificial · 7 lecciones

UNIDAD 13 - Registro con Inteligencia Artificial

  • HTML del proyectoVideo · 14 min
  • CSS de la página de resgistroVideo · 10 min
  • Estilos CSS de la ventana modalVideo · 8 min
  • Maquetando el formulario de registroVideo · 10 min
  • JavaScript para el proyectoVideo · 11 min
  • Backend con Inteligencia Artificial AplicadaVideo · 15 min
  • Frontend consumiendo el servicio de IAVideo · 8 min
UNIDAD 14 - Proyecto web con secciones · 7 lecciones

UNIDAD 14 - Proyecto web con secciones

  • HTML de la web de seccionesVideo · 9 min
  • CSS del proyectoVideo · 8 min
  • JavaScript de la aplicaciónVideo · 8 min
  • Mejoras en la webVideo · 2 min
  • Configuración del backend con IAVideo · 5 min
  • Backend con inteligencia artificialVideo · 7 min
  • Frontend con IA integradaVideo · 5 min
UNIDAD 15 - Proyecto Caja Sorpresa · 6 lecciones

UNIDAD 15 - Proyecto Caja Sorpresa

  • HTML de la caja SorpresaVideo · 6 min
  • CSS del proyectoVideo · 9 min
  • Más estilosVideo · 4 min
  • JavaScript de la webVideo · 11 min
  • Backend con IA integradaVideo · 6 min
  • Frontend con IA integradaVideo · 5 min
UNIDAD 16 - Proyecto Paleta de colores IA · 6 lecciones

UNIDAD 16 - Proyecto Paleta de colores IA

  • HTML de la paletaVideo · 9 min
  • Estilos para la paleta de coloresVideo · 13 min
  • Dando estilos a la paleta de coloresVideo · 4 min
  • JavaScript de la webVideo · 8 min
  • Backend con IA para la paleta de coloresVideo · 9 min
  • Frontend con IA integradaVideo · 8 min
UNIDAD 17 - Proyecto Calendario de noticias con IA · 5 lecciones

UNIDAD 17 - Proyecto Calendario de noticias con IA

  • HTML del proyecto del calendarioVideo · 6 min
  • CSS del proyecto del calendario de noticiasVideo · 7 min
  • JavaScript para el front del proyectoVideo · 6 min
  • Backend con IA para encontrar noticiasVideo · 8 min
  • Frontend con Inteligencia Artificial integradaVideo · 5 min
UNIDAD 18 - CLASE EXTRA · 1 lecciones

UNIDAD 18 - CLASE EXTRA

  • CLASE BONUSLectura · 0 min
Certificado oficial

Tu certificado lo emite la SEP, no solo una plataforma

Al demostrar la competencia recibes un certificado emitido por la Secretaría de Educación Pública a través del Gobierno del Estado de México: un documento oficial que puedes presentar con confianza ante cualquier empleador o institución.

Tu certificado con INEC

  • Lo emite la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México
  • Documento oficial con folio verificable en línea
  • Lo otorga la Universidad Tecnológica Fidel Velázquez

Otras plataformas en línea

  • Constancia privada emitida por la misma plataforma
  • Solo acredita horas cursadas o asistencia
  • Sin respaldo de una autoridad educativa
Cómo funciona

Tu itinerario, de la inscripción al certificado

  1. 1

    Inscripción con pago único

    Pagas $2,800 MXN una sola vez y entras de inmediato al curso.

  2. 2

    Estudias a tu ritmo

    18 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.

  3. 3

    Cuestionarios por unidad

    Cuestionarios para comprobar lo aprendido.

  4. 4

    Certificado

    Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.

Lo que obtienes

Un certificado oficial de la SEP

Muestra del certificado: +12 Proyectos de Desarrollo Web con IA, ChatGPT y JavaScript

Muestra · verificable por folio y QR

  • Emitido por la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México. No es una constancia privada: es un documento oficial, y ese respaldo marca la diferencia frente a otras plataformas en línea.
  • Contenido impartido por Víctor Robles.
  • Folio y QR verificables para compartirlo con quien te contrate.
Medios que necesitas
Equipo de cómputo Conexión estable a internet
Pago único

Empieza hoy, a tu ritmo

Un solo pago y acceso inmediato al curso completo durante 12 meses.

  • 18 unidades · 98 lecciones · 60 h
  • 12 meses de acceso
  • Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
Pago único
$2,800MXN
Acceso por 12 meses
Inscribirme Hablar con un asesor
Preguntas frecuentes

Sobre tu inscripción

¿Cómo es el pago?

Un solo pago de $2,800 MXN. No hay mensualidades ni cargos recurrentes.

¿Cuánto tiempo tengo acceso?

12 meses desde tu inscripción, 24/7, para avanzar a tu ritmo.

¿Quién imparte el contenido?

El curso es impartido por Víctor Robles; INEC gestiona tu inscripción, evaluación y certificado.

¿Qué pasa cuando vence mi acceso?

Puedes renovar tu cuenta tú mismo desde la plataforma, sin trámites ni esperas.

Certificado emitido por la SEP a través del Gobierno del Estado de México · +12 Proyectos de Desarrollo Web con IA, ChatGPT y JavaScript

Inscribirme
  INEC es una Marca de SalesPartners Ciudad de México S de RL de CV. Template Design © Learnify LMS. All rights reserved. Terminos y Condiciones Aviso de Privacidad Politica de Devolución
Hide picture