Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Crea tu Página web con Vibe Coding AI (ChatGPT)
Rating: 4.8 out of 5(3 ratings)
13 students

Crea tu Página web con Vibe Coding AI (ChatGPT)

¡Crea tu primera página (landing page) con HTML Y CSS con ayuda de ChatGPT y Dall-E 3! (Vibe Coding)
Created byGuillermo Visintini
Last updated 6/2025
Spanish

What you'll learn

  • Aprenderan a inciarse en el diseño web y conocer HTML Y CSS.
  • Aprenderan hacer un proyecto web con ayuda de ChatGPT
  • Aprenderan sobre ChatGPT y DALL-E-3
  • Aprenderan Sobre Inteligencia artificial nivel principiante

Course content

2 sections • 29 lectures • 3h 45m total length

  • Presentación del curso HTML CSS Y ChatGPT4:33

    Bienvenidos a este curso Html CSS y Chatgpt, estas clases introductorias son muy importantes si no conoces nada sobre diseño web básico. Es de gran ayuda que las realices así podes entender la parte de Chatgpt.

  • Hacemos nuestra primera carpeta y primer "hola mundo". (etiquetas encabezado)6:59
  • Mostramos las etiquetas principales (header, main, footer).8:46
  • Usamos la etiqueta img para tener imagenes4:51
  • Seguimos viendo etiquetas hacemos nuestro formulario.9:03
  • Usamos las etiquetas ul, li y a para indexar páginas.9:52
  • Mostramos la etiquetas style y damos color a las palabras.7:46
  • Hacemos nuestro primer link en html y creamos archivo style.css.8:13
  • Hacemos selector universal y creamos nuestra primera caja con css.5:45
  • Elemento de línea y elemento de bloque9:11
  • Conocemos la etiqueta span3:46
  • Hacemos selector universal y creamos nuestra primera caja con css.5:45
  • Seguimos con el modelo de cajas creamos caja 1 y caja 2.9:40
  • Explicamos display flex y modelo de cajas.4:23
  • Explicamos aline items y justify content (display flex).9:08
  • Porcentajes (etiquetas html).10:45
  • Porcentajes vs pixel (etiquetas html).3:35

Requirements

  • Muchas ganas de aprender y una computadora con buena conexión a internet

Description

Bienvenido a este increíble curso diseño web.

¡Curso HTML Y CSS crea tu web con ChatGPT (OpenIA)! para principiantes.


Este curso te introducirá a la dinámica de la Generative AI y al mundo de HTML Y CSS.

Primero veremos los conoceptos claves de HTML Y CSS para luego pasar a construir la landing page

Aprenderás a pedirle tus primeras estructuras de código a ChatGPT (que te servirá para todas las demás IAs)

En este maravilloso curso aprenderás como iniciarte en el mundo del desarrollo web.

Te apoyarás en la inteligencia artificial de la mano de OpenAI para crear tu primera web de aterrizaje (también llamada landing page)

Te vas a introducir en el mundo de generación de imagenes por IA con Dall-E3.


Aprenderás:

· Lo que es HTML Y CSS

· Las distintas etiquetas de HTML

· Hace tu primer “hola mundo”

· Tener conceptos sólidos de lo que se está aprendiendo

· Luego vamos con CSS

· Veremos que son los porcentajes

· Veremos que son los pixeles

· Veremos que es Flexbox


* Parte Open IA (ChatGPT y Dall-E3)


- Hacemos una introducción a ChatGPT (¿que es Open IA?)

- Hacemos nuestro primer prompt (o pedido al chat)

- Traemos nuestro primer código html y css

- Editamos nuestro código html y css con los conocimientos de antes

- Editamos el banner y el footer

- Hacemos nuestro primer prompt (o pedido a Dall-E 3)

- Agregamos imagenes generadas con Dall-E 3

- Editamos las imagenes

- Agregamos background (fondos).

¡Y estará lista tu primera landing page con chatgpt!



Apuesto que te va encantar el curso. ¡Te espero en el curso!

Who this course is for:

  • Diseñadores UX/UI sin experiencia en maquetado web
  • Aspirantes a diseñador web
  • Diseñadores gráficos (que también quieren aprender diseño web)
  • Interesados en como combinar las IA con el diseño web tradicional

Report abuse