Scratch the image to get a discount on your course. You can apply the coupon at checkout.

5.0 /5
(26)

147
Bienvenidos al curso de HTML 5
Temario del curso
Acerca de las tecnologías de front end y back end
Cómo sacarle el máximo provecho a nuestro curso online
La Comunidad de Discord para Aprender con Amigos
Los materiales del curso en el repositorio de Github
Take notes of your course in real time at Frogames Formación
Acerca de HTML 5
Un editor de texto para gobernarlos a todos
Mi primer fichero HTML
Un recorrido histórico por HTML 4.01 y XHTML
El estándar del siglo XXI: HTML 5
Cómo comentar nuestro código en HTML
Las meta etiquetas de la cabecera y los buscadores web
Las marcas principales de texto en HTML
Las divisiones lógicas y spans
Más etiquetas de HTML 5
Formas de cambiar el color
Las formas de declarar un CSS
Decoradores de los textos
Diferentes formatos en el texto
Ejercicio final: donde quiero viajar y qué quiero comer
Acerca de la organización en base a etiquetas
Listas ordenadas
Listas sin ordenar
Estilizando las listas
Ejercicio: compañías tecnológicas y medios de transporte
Links externos
Links internos
Creando anclas dentro de nuestras páginas
Estilizando los links
Más sobre links
Más sobre listas
Ejercicio final: mis lugares favoritos y empresas tecnológicas (parte 2)
Las webs con recursos multimedia
La etiqueta para incluir imágenes en HTML
Imágenes con links
Audios incrustados en HTML
Videos incrustados en HTML
Videos de YouTube y Vimeo con iFrames
Ejercicio final: lugares a los que quiero ir (y ver)
La información en tablas
Las tablas en HTML
Los span y captions de una tabla
Tablas con bordes estilizados y colapsados
Filas con colores alternos en una tabla
Ajustar el tamaño de una tabla y el estilo de sus captions
otras formas de crear tablas
Ejercicio final: Las acciones de las empresas tecnológicas
Los formularios en internet
Crear un formulario en HTML 5
La entradda de datos
Los radio buttons
Los checkboxes
Nuevos elementos de formulario en HTML 5
Desplegables en HTML
Ejercicio Final: un formulario de ingreso a un hospital
El papel del CSS en la distribución de objetos
El modelo de caja del CSS
Bordes y márgenes
Los paddings
Ejercicio sobre márgenes, bordes y paddings
Display block vs inline
Los distintos tipos de overflow
Divisiones fijas vs absolutas
Float left, float right y clear both para hacer dos columnas
Cómo hacer una barra de navegación
Ejercicio final: tu propia web
Un breve repaso a las etiquetas en HTM
Javascript, el lenguaje de la interacción
Hola Javascript!
Javascript interno y externo
Las variables en Javascript
Ejercicio: en la granja de Pepito
Solución: en la granja de Pepito
Operadores en Javascript
Ejercicio sobre operadores de Javascript
Las bases de Javascript
¿Cómo puede un ordenador tomar decisiones?
Las condiciones más sencillas
Los operadores de comparación
Combinar condiciones booleanas con AND y OR
If y Else
If y Else combinados
Switch y Case
La toma de decisiones
Acerca de la comunicación entre usuario y ordenador
Alertas
Confirmaciones
Cuadros de avisos
Ejercicio: la edad perruna
Solución: la edad perruna
Los diálogos con el usuario
La potencia de un ordenador y su capacidad de cálculo
Los bucles while
Los bucles do-while
Los bucles for
¿Para qué pueden servirme los bucles?
Ejercicio: cálculo del interés bancario
Ejercicio: números primos y la criba de Eratóstenes
Los bucles
Las funciones en Javascript
Cómo se declara una función
Ejercicio: nuestras propias funciones
Parámetros de entrada de las funciones
Valores de retorno de una función
Llamar a funciones desde eventos
Ejercicio: saludar en varios idiomas y operaciones aritméticas
Ejercicio: una posible solución a la aritmética
El problema del valor NaN en Javascript
Las funciones en Jacascript
Los arrays y las colecciones de objetos
Formas de instanciar un array
Recorriendo los elementos de un array de forma secuencial
Manipular los elementos de un array
Push y Pop
Sort y Splice
Ejercicio: los lugares que quiero visitar (otra vez!)
Los Arrays
La importancia de los Strings
Propiedades y métodos de los Strings
Caracteres y posiciones dentro del String. La codificación en Unicode
IndexOf de un carácter
Ejercicio: Codificando una máquina de Turing
Trim, Replace y Split
Ejercicio: Juan Gabriel, el poeta del siglo XXI
Cada usuario es diferente
Datos del Navegador del Usuario
Acerca de la Ventana del Navegador
La información de la pantalla del dispositivo
El método Get Element By ID de Javascript
Más acerca del objeto document de Javascript
Más acerca del innerHTML
La consola de Chrome
Ejercicio: Formularios como un profesional
Las APIs en el mundo web
Creando una plantilla de Bootstrap
Acerca del sistema de Columnas de Bootstrap
Navegando por las alertas de Bootstrap
Insignias y menús de navegación de Bootstrap
El uso de los botones
Las Cards de Bootstrap
Carrousels y formularios en Bootstrap
Las barras de navegación de Bootstrap
Ejercicio final: crear un clon de Udemy con Bootstrap!
Cómo publicar tu web en Hostinger
We have finished an adventure together, but let's go for the next one!

instructor

5.0 /5
(26)

  • Avatar
    Gustavo
    (5)
    Diseña desde cero: tu puerta de entrada al desarrollo web moderno

    Este curso completo de diseño web es una invitación clara y directa a dominar los pilares del desarrollo front-end: HTML, CSS y JavaScript. Ideal para quienes empiezan sin experiencia previa, ofrece una progresión lógica y práctica que transforma la curiosidad en habilidad.

  • Avatar
    Gabriela
    (5)
    Fue como desbloquear un superpoder.

    Ahora puedo crear sitios que funcionan y se ven geniales. me siento como una diseñadora web de verdad y eso me llena de orgullo!

  • Avatar
    Sergio
    (5)
    Curso único e imprescindible.

    Los contenidos tratados en este curso me han ayudado muchísimo a realizar proyectos que tenía congelados por no cumplir las expectativas de calidad que tenía.

  • Avatar
    Jorge
    (5)
    Un 10 sobre 10

    Ver cómo escribía unas líneas de texto y de repente aparecía algo funcional en mi navegador fue una sensación increíble, como tener un superpoder nuevo.

  • Avatar
    Manuel
    (5)
    Como siempre IMPRESIONANTE !!!

    Tengo un sin fin de cursos comprados de Juan Gabriel, tanto los que tenía en Udemy como ahora en su propia plataforma (Frogames), no puedo estar más encantado con todo lo que he aprendido. He empezado hace poco con éste curso de diseño web que promete...como todos sus cursos. Muchas gracias Juan Gabriel por ser ese profe que nunca tuve (me encanta tu didacta ). Un abrazo y sigue creciendo.

  • Avatar
    Miguel Ángel
    (5)
    Perfecto para iniciarse en el mundo de la programación Web

    El curso es una forma estupenda y entretenida de iniciarse en el mundo de creación de páginas Web utilizando los principales estándares actuales (no se ha quedado, para nada, desfasado). Ojalá tengamos una continuación que profundice aún más.

  • Avatar
    Carlos
    (5)
    HTML, CSS JS en un curso de diseño web

    ¡El curso completo de diseño web: aprende HTML, CSS y Javascript desde cero es excepcional! El instructor lo explica todo de manera clara y concisa, lo que facilita la comprensión de los conceptos básicos de diseño web. Además, el curso se concentra en los lenguajes básicos de frontend, como HTML, CSS y Javascript, lo que lo hace perfecto para principiantes que buscan construir su propia página web desde cero. El instructor también proporciona ejemplos prácticos que realmente ayudan a comprender cómo aplicar los conceptos aprendidos.

  • Avatar
    Javi
    (5)
    ¡Mi propia página quedó genial!

    No necesitas saber nada previo y terminas con una sensación de logro increíble al ver algo tan profesional hecho por ti mismo.

  • Avatar
    Francisco
    (5)
    Todo muy claro hasta ahora

    Por ahora, todo se ha explicado muy bien para exprimas al máximo los conocimientos tanto individuales como en grupo con el discord. Estoy deseando seguir aprendiendo con este profesor.

  • Avatar
    Miguel Ángel
    (5)
    Interesante curso

    Aunque ya tenia conocimientos sobre la materia, estaba seguro que alguna enseñanza nueva iba a sacar en este curso. Y no me defraudo. Recomendable para dar esos primeros pasitos

  • Avatar
    Giovanni
    (5)
    De novato a diseñador web real

    La estructura está muy bien pensada para no abrumarte, y la transición entre el diseño estático y la interactividad con JS es tan fluida que terminas el curso con una base muy sólida para seguir creciendo en el sector

  • Avatar
    Nieves
    (5)
    construye sitios modernos con estructura, estilo y lógica

    Este curso fue mi entrada real al mundo del desarrollo web. Empecé sin saber qué era una etiqueta y terminé creando páginas que se ven bien, funcionan y responden a la interacción del usuario. Lo que más me gustó fue cómo cada parte se conecta: primero aprendes a estructurar con HTML, luego a embellecer con CSS, y finalmente a darle vida con JavaScript. Todo está explicado con ejemplos claros, y cada ejercicio me hizo sentir que avanzaba de verdad.

  • Avatar
    LUIS
    (5)
    Más completo de lo que esperaba. Gran curso!!

    Un curso bastante completo para comenzar, bien explicado.

  • Avatar
    Yvonne
    (5)
    perfecto para aprender

    he aprendido mucho de HTML, es completo y me ayuda mucho a nivel profesional, ya ansio el proximo curso

  • Avatar
    Angel
    (5)
    Complete web design course: learn HTML, CSS and Javascript from scratch

    Este curso integral está diseñado para enseñar el desarrollo web desde los fundamentos. Aprenderás a crear páginas web con HTML, aplicar estilos con CSS y agregar interactividad con JavaScript. Se abordan temas como diseño responsivo, buenas prácticas de codificación, estructura semántica y optimización para navegadores. Incluye proyectos prácticos que van desde sitios estáticos hasta aplicaciones web interactivas. Ideal para principiantes que desean construir una base sólida en desarrollo web moderno.

  • Avatar
    Nicolás
    (5)
    Este curso asienta muy buenas bases

  • Avatar
    Santiago
    (5)
    Ideal si quieres cambiar de carrera este 2026. Te da las herramientas reales que piden en cualquier agencia de diseño

  • Avatar
    Jackeline
    (5)
    curso muy útil

    Para iniciarse en el mundo web está muy bien el curso

  • Avatar
    Rosa
    (5)
    Ideal para quien empieza de 0

  • Avatar
    Samuel
    (5)
    Fue como abrir una puerta a un mundo nuevo.

    Ahora puedo crear mis propias páginas web y eso me hace sentir como un mago de la tecnología.

  • Avatar
    María
    (5)
    Diseño web desde lo más básico hasta lo funcional

    Empecé sin saber nada y terminé creando páginas web completas. Me encantó la forma progresiva del contenido. Súper recomendable si quieres dominar lo esencial del desarrollo web.

  • Avatar
    Caty
    (5)
    Bueno y bastante útil

    Nos proporciona una buena base para desarrollar sitos web dinamicos y atractivos

  • Avatar
    Joiser
    (5)
    Esencial para rendir y crecer mas en mi trabajo

    Estoy absolutamente encantado con el curso completo de diseño web. Aprendí de manera exhaustiva, lo cual me ha permitido crear sitios web atractivos y funcionales. Recomendaría este curso sin dudarlo

  • Avatar
    Marc
    (5)
    ¡Contentísimo!

    Un curso muy completo

  • Avatar
    BORJA
    (5)
    Excellent

    Very comprehensive course and very well explained.

  • Avatar
    Eulogio
    (5)
    Bien explicado y ameno

    El curso está muy bien explicado. El profesor da las clases en un formato claro y ameno que ayuda a comprender toda la materia. Muy recomendado para los que quieran empezar a trabajar con el desarrollo web.

View More Reviews

PLANS TO ACCESS ACCORDING TO YOUR GOALS AND NEEDS

Buy the individual course, get all the learning path or access the entire platform

Choose the payment method that best fits your needs and budget with a single course payment, monthly or annual access to the learning path, or even the entire platform.

Single Payment

Buy the course once and get lifetime access

34.99

  • Single payment
  • Instant lifetime access to the course
  • Access the course community
The Plus
Popular

Bronze Frog

Access all Frogames courses, communities, and extras

39 /month

  • One-time payment of 39€ per month
  • Instant access to all courses
  • Access the platform and communities 24/7, wherever and whenever you want
  • Cancel at any time without losing your progress

Ruta de Desarrollo Web

Accede a todos los cursos de la Ruta de Desarrollo Web

19.99 /month

  • One-time payment of €19.99 per month
  • Instant access to the 10+ courses in the path
  • Access the pathway 24 / 7, wherever and whenever you want
  • Cancel at any time without losing your progress

Single payment

Buy the course once and get lifetime access

34.99

  • Single payment
  • Instant lifetime access to the course
  • Access the course community
The Plus
Rated

Golden Frog

Access all Frogames courses, communities, and extras

349 /year

  • One-time payment of 349€ per year
  • 3 months discount
  • Instant access to all courses
  • Access the platform and communities 24/7, wherever and whenever you want
  • Cancel at any time without losing your progress
  • Resource Library
  • Monthly Q&A live sessions
  • Premium support

Ruta de Desarrollo Web

Accede a todos los Cursos de la Ruta de Desarrollo Web

199 /year

  • One-time payment of €199 per year
  • 4 months discount
  • Instant access to the 10+ courses in the path
  • Access the pathway 24 / 7, wherever and whenever you want
  • Cancel at any time without losing your progress
  • Premium support

* All prices include taxes.

For your security, all orders will be processed on a secure server.

Ruta de Desarrollo Web

El pack definitivo con todos nuestros cursos de Desarrollo Web para diseñar páginas web únicas. Incluye los cursos que están por venir y las actualizaciones y mejoras de los actuales

Git and GitHub from A to Z: Everything about version control

Learn the fundamental concepts and essential workflow for version control using Git and GitHub from scratch!

106 classes

Complete web design course: learn HTML, CSS and Javascript from scratch

Learn the web technologies needed to make your own web pages for yourself or for your clients from scratch with HTML 5, CSS and Javascript

147 classes

Digital Marketing for Online Businesses

Master Digital Marketing for Online Businesses and increase the sales of your business or company through the internet

54 classes

Accesibilidad web

Diseña páginas webs para personas de todas las condiciones y cambia el mundo digital

127 classes

React JS: Learn React JS from scratch with practical examples

Learn from scratch, dive into React JS and become a developer who uses the power of the most advanced web technologies

77 classes

SQL de la A a la Z

Desde la creación de bases de datos hasta el control total de tus consultas, este curso te llevará de principiante a experto en el manejo de datos de manera eficiente

86 clases

AWS Cognito Avanzado: Autenticación con Amazon Web Services

El curso más completo sobre Amazon Cognito, el servicio de autenticación de Amazon Web Services

461 clases

Power BI, SQL y Desarrollo Web integrados para Seguimiento de Tareas

El analista de BI debe tener la habilidad para identificar datos potencialmente importantes para el negocio y que al ser procesados pueden convertirse en una base sólida para la toma de decisiones

38 clases