La única academia que te paga mientras aprendes

Crea Landing Page con IA Generativa y tu propio Site Builder

Aprende a crear infinitas Páginas Web con tu propio Site Builder y ChatGPT, Playground AI, Stable Diffusion, Uizard AI

10 secciones 121 lecciones Acceso ilimitado
Empieza por solo $1 Cancela cuando quieras
$19.99/mes $1 tu primer mes
¡Oferta por tiempo limitado! Activa tu primer mes por $1 dólar con el código SEP2026-PROMO
00días
00horas
00min
00seg
Al terminar este curso serás capaz de

Lo que vas a dominar

Habilidades reales, aplicables desde el primer día y muy solicitadas por las empresas.

Cómo la Inteligencia Artificial es una estupenda herramienta para diseñadores y desarrolladores web.
Cómo crear Prompts Asertivos para recibir Respuestas Asertivas de parte de la Inteligencia Artificial.
Cómo convertir tu creación visual en código gracias a un constructor de sitios web que aprenderás a codificar en este curso.
Aprenderás a tener tu propio portafolio de páginas web publicado en internet sin necesidad de pagar herramientas costosas.
Contenido del programa

Un temario completo, paso a paso

10 secciones · 121 lecciones para llevarte de cero a experto.

  • Introducción al Diseño y Desarrollo Web con IA
  • Antes de comenzar
  • Cómo funciona la Inteligencia Artificial
  • Chat GPT - Nuestro Asistente Virtual #1
  • Construyendo Prompts Asertivos
  • Codepen - Visor de Código en Línea
  • Playground AI
  • Galileo AI
  • V0.dev
  • Gamma APP

  • ¡ATENCIÓN! Ver esto antes de continuar
  • Creando Prototipos "Layout's" Web con Playground AI
  • Prompt Imagen de referencia para Landing Page
  • Figma
  • Sistema Constructor de Sitios Web
  • Grid System - Bootstrap Versión 5.0
  • Grid System - Gimnasio Force Extreme
  • Agregando la Tipografía del sitio
  • Agregando textos reales y estilos a nuestro sitio
  • Uizard App - Para separar imágenes
  • Playground Canvas - Para arreglo de imágenes
  • Cloudinary - Almacenamiento de imágenes
  • Integrando imágenes al sitio web

  • Herramientas de Trabajo
  • Plugins Editor de Código Sublime Text
  • Organizando las carpetas
  • Asignar Dominio Virtual a nuestro Proyecto
  • Crear Controlador y la Vista para la Plantilla
  • Depurar Errores
  • Archivo .htaccess para Url's amigables
  • Integrando Dashboard Bootstrap 5.0
  • Separación de módulos fijos
  • Página Principal - Home
  • Página Inicio de Sesión - Login

  • La API RESTful
  • APIRESTful - Documentación
  • POSTMAN
  • Login de usuarios desde POSTMAN
  • Login de usuarios desde el Sistema Web
  • Variables de Sesión
  • Cerrar Sesión
  • Errores al poner mal los datos del Login

  • Formulario para crear Página
  • Validar Formulario
  • Generar URL
  • Agregar Plugins o Librerías
  • Controlador para creación de Páginas
  • Agrupar varios Item's para guardar en Base de Datos
  • Alertas Sweet Alert
  • Alertas Toartr
  • Material Preload
  • Evitar repetir Título de Página
  • Visualizar Páginas en el Sidebar
  • Visualizar Página creada en el Home

  • Interfaz para gestionar código
  • Plugin JQUERY UI
  • Plugin CODEMIRROR
  • Tabla "codes" en Base de Datos
  • Botón Autoguardado
  • Autoguardado con AJAX
  • Editor CSS y JAVASCRIPT
  • Botón Previsualizar Página
  • Visualizar la Página en el Navegador
  • Previsualización con iFrame
  • Cambiar apariencia de Scroll y otros detalles
  • Copiar Código en el Portapapeles
  • Transformar Código HTML en una Imagen
  • Visualizar el "Screenshot" en el "Home"
  • Editar la configuración de una Landing
  • Actualizar la Landing en el Controlador
  • Agregar Metadatos
  • Token Activo para Gestionar
  • Eliminar una Landing

  • La Interfaz del Grid System
  • Menú del Grid System
  • Tablero del Grid System
  • Estructura base de los módulos
  • Poner y quitar imagen de fondo
  • Quitar módulo del tablero
  • Ver código de la plantilla
  • Auto Indentar código para Codemirror
  • Base de Datos de los Módulos
  • Arrastrar y soltar Contenedores
  • Estrcutura base para las Columnas
  • Arrastrar y soltar Columnas
  • Cambiar el tamaño de las Columnas
  • Estructura base para Módulos Flex
  • Arrastrar y soltar Módulos Flex
  • Estructura base para Elementos Principales
  • Arrastrar y soltar Elementos Principales
  • Estructura base para Menú de Navegación
  • Arrastrar y soltar Menú de Navegación
  • Arrastrar y soltar Tarjetas
  • Arrastrar y soltar Formularios
  • Ajustar posición del Menú de Módulos
  • Copiar en el Portapapeles Código de Bootstrap
  • Limpiar el Tablero
  • Guardar un Grid
  • Editar un Grid
  • Eliminar un Grid
  • Código del Sitio Force Extreme Gym
  • Apuntar Dominio Propio para Landings
  • Sistema Constructor en un Hosting

  • Recursos para descargar

  • Recursos para descargar

  • Generar el Prompt con Flux AI
  • Generar Imagen con Flux AI
  • Generar Imagen con Leonardo AI
  • Generar Imagen con Playground AI
  • Generar Imagen con Krea AI
  • Separar imágenes en Uizard.io
  • Mejorar las imágenes en Krea AI
  • Mejorar las imágenes en Playground AI
  • Crear textos y recursos HTML en ChatGPT
  • Crear más textos en Gamma APP
  • Seleccionar las fuentes en Google Fonts
  • Crear la Página en el Site-Builder
  • Crear el Grid del Sitio en el Constructor
  • Almacenar las imágenes en la Nube
  • Unir Textos y Fuentes en el Editor de Código
  • Recursos para descargar
Acerca del curso

¿Por qué este curso cambiará tu carrera?

¿Te imaginas tener la posibilidad de crear infinitas páginas web solo con Inteligencia Artificial y un constructor de sitios web?

¡Pues ya es una realidad y lo vas a aprender en este curso!

En este curso aprenderás:

  • Cómo la Inteligencia Artificial es una estupenda herramienta para diseñadores y desarrolladores web.
  • Cómo crear prompts para recibir respuestas asertivas de parte de la Inteligencia Artificial.
  • Cómo convertir tu creación visual en código gracias a un constructor de sitios web que aprenderás a codificar en este curso.

Paso a paso te voy a llevar por la construcción de un sistema que te permita llevar tus creaciones visuales de layouts web hechas con Inteligencia Artificial a código limpio, gracias al ejercicio de arrastrar y soltar módulos comprimidos de código creados con la librería Bootstrap en su versión 5.

Hoy en día puedes encontrar muchas herramientas en Internet que te permiten transformar una imagen a código, o muchos Site Builder Systems que te permiten arrastrar y soltar módulos de código sin tener que usar una sola línea de programación.

Pero muchas de estas herramientas son costosas e insostenibles en el tiempo si quieres publicar tu portafolio de trabajo en Internet de forma permanente. Por eso, lo mejor es tener tu propio constructor de sitios web que te ayude a llevar a líneas de programación las propuestas que crees con la Inteligencia Artificial Generativa.

¡No hay un curso en español que te enseñe a tener tu propio Sistema Constructor de Sitios Web creado con código desde cero, hasta que encuentras este!

Y no encontrarás un curso donde se te prometa que podrás crear infinitas páginas web gracias a la combinación de la Inteligencia Artificial Generativa y este Sistema Constructor de Sitios Web.

¿Quieres probar este Sistema Constructor de Sitios Web antes de comprar este curso?

Ingresa a builder.tutorialesatualcance.com y pruébalo por ti mismo.

Este curso está orientado a personas que son:

  • Diseñadores web.
  • Diseñadores UX / UI.
  • Programadores web.
  • Programadores de aplicaciones móviles.
  • Ingenieros de sistemas.
  • Diseñadores gráficos.
  • Aficionados a las herramientas de Inteligencia Artificial.

¡Súbete a la ola de la Inteligencia Artificial y sácale el mayor provecho para tu profesión!

Tu momento es ahora

Empieza hoy por solo $1 dólar

Accede a este curso y a toda la academia. Sin ataduras, cancela cuando quieras.

Oferta primer mes

Plan Emprendedor

$1 tu primer mes

Luego $19.99 USD/mes · cancela cuando quieras

  • Acceso ilimitado a este y todos los cursos
  • Acceso ilimitado al Foro y la comunidad
  • Gana dinero por permanencia*
  • Gana dinero por recomendar la academia*
  • Gana dinero por asesorar estudiantes*
  • Monetiza tu conocimiento*

* Aplica términos y condiciones

Suscribirme por $1

Pago seguro · Cancela cuando quieras

Otros CURSOS a los que tendrás acceso con la suscripción

Opiniones de estudiantes reales

Ellos ya dieron el paso y esto es lo que opinan

Conoce la experiencia de estudiantes que han aprendido conmigo y han valorado positivamente el contenido, la metodología y la claridad de las explicaciones.

5.0
Valoración de estudiantes

Experiencias que hablan por sí solas

Estas opiniones provienen de estudiantes que han tomado el curso y comparten libremente su experiencia.

Conoce quién te acompañará

Juan Fernando Urrego - Instructor

Hola, soy Juan Fernando Urrego

Quiero ser quien te acompañe paso a paso en este proceso de aprendizaje y ayudarte a transformar el conocimiento en habilidades reales que puedas aplicar en tus propios proyectos.

Diseñador Visual

Profesional en Diseño Visual y especializado en experiencias digitales.

Programador

Dedicado al desarrollo web, programación y creación de proyectos digitales reales.

Especialista en educación

Especialista en Administración de la Informática Educativa.

Fundador

Creador del portal educativo Tutoriales a tu Alcance.

Desde hace años me dedico de tiempo completo a la enseñanza del Desarrollo Web, la Programación y el Diseño Interactivo . Mi propósito es ayudar a más personas a adquirir habilidades digitales reales, desarrollar sus propios proyectos y aprovechar las oportunidades que ofrece el mundo de la tecnología.

Mi filosofía como instructor es sencilla:

No quiero que simplemente copies código. Quiero ayudarte a entender lo que estás haciendo, por qué funciona y cómo puedes utilizar ese conocimiento para crear tus propios proyectos.

Por eso, a lo largo del curso te acompañaré desde los conceptos fundamentales hasta la construcción de un proyecto completo y funcional, explicando cada proceso de una manera práctica, clara y progresiva.

Creo profundamente en el poder de Internet

Soy un convencido de que Internet representa una de las mayores oportunidades de nuestra generación para acceder al conocimiento, transformar la educación, emprender y prepararnos para los empleos del futuro.

Mi objetivo es ayudarte a convertir el conocimiento en una habilidad real que puedas aplicar en tus proyectos, en tu carrera profesional o en la creación de nuevas oportunidades.

No importa si todavía tienes mucho por aprender. Lo importante es comenzar, avanzar paso a paso y construir algo de lo que puedas sentirte orgulloso.

“Más que enseñarte a programar un proyecto, quiero ayudarte a desarrollar la confianza para crear los tuyos propios.”

Juan Fernando Urrego

No pagues por aprender. Que aprender te pague a ti.

Únete a la única academia donde tu constancia, tus recomendaciones y tu conocimiento se convierten en dinero.

Comienza por $1 ahora mismo
Cancela en cualquier momento · Sin permanencia obligatoria
Solo en Tutoriales a tu Alcance

Eres el único que gana dinero mientras aprende

Ninguna otra academia te recompensa. Aquí tu conocimiento se convierte en ingresos reales.

Gana hasta $788 USDC por permanencia

Mientras más tiempo permaneces suscrito, más recompensas acumulas: hasta $788 USDC de retorno mensual.

Gana por recomendar

Invita a otros estudiantes a la academia y recibe recompensas más rápido por cada persona que aprende contigo.

Gana por asesorar

Ayuda a otros estudiantes con lo que aprendes y monetiza tu experiencia dentro de la comunidad.

Monetiza tu conocimiento

Convierte todo lo que dominas en una fuente de ingresos. Aprender nunca había sido tan rentable.

Resolvemos tus dudas

Preguntas frecuentes

Encuentra respuestas claras sobre el acceso a los cursos, la suscripción, la atención al estudiante y nuestro programa de recompensas.

Acceso inmediato

Comienza a estudiar después de confirmar tu suscripción.

Atención 24/7

Envía tus preguntas en cualquier momento.

Recompensas en USD

Recibe tus recompensas en dólares.

Cancela cuando quieras

Sin contratos de permanencia ni procesos complicados.

El acceso es inmediato. Una vez confirmada tu suscripción, podrás ingresar a la plataforma y comenzar a estudiar los cursos disponibles sin esperar aprobaciones manuales.

Puedes comenzar tu aprendizaje desde el primer día.

Sí. Puedes cancelar tu suscripción cuando lo decidas, sin contratos de permanencia ni procedimientos complicados.

Después de cancelar, conservarás el acceso hasta que termine el periodo que ya tienes pagado.

Podrás continuar utilizando la plataforma hasta la fecha de vencimiento de tu suscripción.

Al finalizar ese periodo, el acceso a los cursos y contenidos exclusivos quedará suspendido hasta que decidas reactivar tu cuenta.

Al suscribirte recibirás un enlace personal para recomendar Tutoriales a tu Alcance. Cada vez que una persona active su suscripción mediante tu enlace, será ubicada en una posición disponible dentro de tu estructura y podrás recibir recompensas mensuales según el nivel que ocupe y las condiciones vigentes del programa.

Además, tu estructura también puede crecer con estudiantes que lleguen de forma orgánica a la academia, por lo que podrás obtener recompensas por permanencia sin que sea obligatorio recomendar la plataforma.

Desde tu panel podrás consultar en todo momento tu estructura, tus referidos, los movimientos registrados y las recompensas acumuladas.

Las recompensas se pagan en dólares.

Para recibir el pago deberás seguir las instrucciones dentro de la Plataforma y cumplir las condiciones mínimas establecidas para recibir el dinero.

Sí. El programa está diseñado para que el potencial de tus recompensas pueda crecer a medida que aumente tu comunidad de referidos y existan más suscripciones activas relacionadas con tu red.

Las recompensas dependen de la actividad real de los usuarios y no representan una garantía de ingresos.

No. El programa de recompensas está incluido dentro de tu suscripción.

No necesitas comprar paquetes adicionales para obtener tu enlace personal y comenzar a recomendar la plataforma o ganar recompensas por permanencia.

Sí. Contamos con un canal de atención disponible 24 horas al día, los 7 días de la semana, para que puedas enviar tus preguntas, reportar inconvenientes o solicitar orientación.

Las solicitudes son revisadas según el orden de llegada y la complejidad de cada caso.

Sí. Dependiendo del curso, encontrarás recursos como códigos fuente, archivos de práctica, documentos, plantillas, bases de datos, ejercicios y otros materiales complementarios.

Los archivos autorizados para descarga estarán claramente identificados dentro de cada clase.

Los videos están disponibles para reproducción dentro de la plataforma y no se encuentran habilitados para descarga.

Sí podrás descargar los códigos fuente, documentos y recursos que el instructor haya dispuesto como material de apoyo.

Sí. Puedes ingresar desde computadores, tabletas y teléfonos móviles que tengan una conexión estable a Internet.

La plataforma cuenta con un diseño adaptable para que puedas continuar tu aprendizaje desde diferentes dispositivos.

No necesariamente. Encontrarás contenidos para diferentes niveles de experiencia.

En la descripción de cada curso podrás consultar los conocimientos previos recomendados y determinar si el programa es adecuado para ti.

Sí. No existen horarios obligatorios. Puedes estudiar cuando tengas disponibilidad, repetir las clases y avanzar de acuerdo con tu propio ritmo.

Tendrás acceso a los contenidos incluidos en tu plan mientras tu suscripción permanezca activa.

Nuestro propósito es mantener los contenidos vigentes y agregar actualizaciones cuando las tecnologías, herramientas o procedimientos presenten cambios importantes.

Las actualizaciones pueden publicarse como nuevas clases, recursos complementarios o nuevas versiones del curso.

Sí. Continuaremos incorporando nuevos cursos, clases y recursos para ampliar las posibilidades de aprendizaje de nuestros estudiantes.

Mientras tengas una suscripción activa, podrás acceder a los nuevos contenidos que estén incluidos dentro de tu plan.

No. La suscripción es personal e intransferible. Compartir las credenciales puede comprometer la seguridad de tu información y ocasionar la suspensión de la cuenta.

Utilizamos medidas de seguridad y proveedores especializados para procesar los pagos y proteger la información de los usuarios.

Los datos sensibles de las tarjetas son gestionados directamente por el proveedor de pagos correspondiente.

Sí. Puedes reactivar tu suscripción cuando quieras utilizando nuevamente tu cuenta registrada.

Una vez confirmado el nuevo pago, recuperarás el acceso a los contenidos disponibles en el plan seleccionado. Y comenzarás de nuevo una nueva comunidad y red de recompensas.

No. El propósito principal de la suscripción es darte acceso a contenidos educativos, herramientas y recursos de aprendizaje.

El programa de recompensas es un beneficio adicional, pero sus resultados dependen de las recomendaciones, las suscripciones activas y el cumplimiento de sus condiciones.

No se prometen ni se garantizan resultados económicos específicos.

Dentro de la plataforma podrás consultar las reglas, porcentajes, requisitos, fechas de corte, condiciones de pago y demás disposiciones relacionadas con el programa de recompensas.

Te recomendamos leer estas condiciones antes de comenzar a promocionar tu enlace personal.

¿Todavía tienes alguna pregunta?

Nuestro equipo está disponible para ayudarte a tomar la mejor decisión.

Hablar con atención al estudiante
Comienza por $1 ahora mismo