Scratch the image to get a discount on your course. You'll be able to 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
Toma notas de tu curso en tiempo real en 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
Hemos terminado una aventura juntos, ¡pero vamos a por la siguiente!

instructor

5.0 /5
(26)

  • Avatar
    Gustavo
    (5)
    Design from scratch: your gateway to modern web development

    This complete web design course is a clear and direct invitation to master the pillars of front-end development: HTML, CSS, and JavaScript. Perfect for those starting with no prior experience, it offers a logical and practical progression that transforms curiosity into skill.

  • Avatar
    Gabriela
    (5)
    It was like unlocking a superpower.

    Now I can create websites that work and look amazing. I feel like a real web designer and that makes me so proud!

  • Avatar
    Sergio
    (5)
    An essential, one-of-a-kind course.

    The content covered in this course has helped me so much to complete projects I had on hold because they weren't meeting the quality standards I expected.

  • Avatar
    Jorge
    (5)
    A perfect 10

    Watching some lines of text turn into something functional in my browser in an instant was incredible—like gaining a brand new superpower.

  • Avatar
    Manuel
    (5)
    Always AMAZING!!!

    I've bought countless courses from Juan Gabriel, both the ones he had on Udemy and now on his own platform (Frogames), and I couldn't be happier with everything I've learned. I just started this web design course that shows promise...like all his courses do. Thank you so much Juan Gabriel for being that teacher I never had (I love your teaching style). A hug and keep growing.

  • Avatar
    Miguel Ángel
    (5)
    Perfect for getting started in the world of Web programming

    The course is a great and fun way to start your journey into creating Web pages using the main current standards (it's not outdated at all). Hopefully we'll get a follow-up that goes even deeper.

  • Avatar
    Carlos
    (5)
    HTML, CSS JS in a web design course

    The complete web design course: learn HTML, CSS and Javascript from scratch is outstanding! The instructor explains everything clearly and concisely, which makes it easy to understand the basic concepts of web design. Plus, the course focuses on the fundamental frontend languages like HTML, CSS and Javascript, making it perfect for beginners looking to build their own website from scratch. The instructor also provides practical examples that really help you understand how to apply the concepts you've learned.

  • Avatar
    Javi
    (5)
    My own page turned out amazing!

    You don't need any prior knowledge and you finish with an incredible sense of achievement when you see something so professional that you made yourself.

  • Avatar
    Francisco
    (5)
    Everything crystal clear so far

    So far, everything's been explained really well so you can get the most out of what you learn, both on your own and with the group on Discord. I can't wait to keep learning with this instructor.

  • Avatar
    Miguel Ángel
    (5)
    Interesting course

    Even though I already had some knowledge about the subject, I was sure I'd pick up some new teaching in this course. And it didn't disappoint me. Recommended for taking those first steps

  • Avatar
    Giovanni
    (5)
    From Newbie to Real Web Designer

    The structure is really well thought out so it doesn't overwhelm you, and the transition between static design and JS interactivity is so smooth that you finish the course with a really solid foundation to keep growing in the field

  • Avatar
    Nieves
    (5)
    builds modern sites with structure, style, and logic

    This course was my real entry point into web development. I started not knowing what a tag was and ended up creating pages that look good, work well, and respond to user interaction. What I loved most was how each piece connects: first you learn to structure with HTML, then to style with CSS, and finally to bring it to life with JavaScript. Everything is explained with clear examples, and each exercise made me feel like I was really making progress.

  • Avatar
    LUIS
    (5)
    More complete than I expected. Great course!!

    A pretty complete course to get started, well explained.

  • Avatar
    Yvonne
    (5)
    perfect for learning

    I've learned a lot about HTML, it's comprehensive and helps me a lot professionally, I can't wait for the next course

  • Avatar
    Angel
    (5)
    Curso completo de diseño web: aprende HTML, CSS y Javascript desde cero

    This comprehensive course is designed to teach web development from the ground up. You'll learn to create web pages with HTML, apply styles with CSS and add interactivity with JavaScript. It covers topics like responsive design, coding best practices, semantic structure and browser optimization. It includes practical projects ranging from static sites to interactive web applications. Ideal for beginners who want to build a solid foundation in modern web development.

  • Avatar
    Nicolás
    (5)
    This course builds a really solid foundation

  • Avatar
    Santiago
    (5)
    Ideal if you want to switch careers this 2026. It gives you the real tools that any design agency asks for

  • Avatar
    Jackeline
    (5)
    very useful course

    It's a great course to get started in the web world

  • Avatar
    Rosa
    (5)
    Ideal for anyone starting from scratch

  • Avatar
    Samuel
    (5)
    It was like opening a door to a whole new world.

    Now I can create my own web pages and that makes me feel like a tech wizard.

  • Avatar
    María
    (5)
    Web design from the basics through to fully functional

    I started with zero knowledge and ended up creating complete web pages. I loved how the content was progressively structured. Highly recommended if you want to master the essentials of web development.

  • Avatar
    Caty
    (5)
    Good and quite useful

    It gives us a solid foundation to develop dynamic and attractive websites

  • Avatar
    Joiser
    (5)
    Essential for performing and growing more in my job

    I'm absolutely delighted with the complete web design course. I learned thoroughly, which has allowed me to create attractive and functional websites. I would recommend this course without hesitation

  • Avatar
    Marc
    (5)
    So happy!

    A very complete course

  • Avatar
    BORJA
    (5)
    Excellent

    A really comprehensive course, explained really well.

  • Avatar
    Eulogio
    (5)
    Well explained and engaging

    The course is very well explained. The instructor teaches in a clear and engaging format that helps you understand all the material. Highly recommended if you want to start working with web development.

View More Reviews

PLANS TO MATCH YOUR GOALS AND NEEDS

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

Choose the payment method that works best for your needs and budget with a one-time course payment, monthly or yearly access to the learning Path, or even to the entire platform.

One-Time Payment

Buy the course once and access it for life

34.99

  • A single payment
  • Instant lifetime access to the course
  • Access the course community
El Más
Popular

Bronze Frog

Access all Frogames courses, communities and extras

39 /month

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

Web Development Path

Access all courses in the Web Development Path

19.99 /month

  • Single payment of 19.99€ per month
  • Instant access to the +10 courses in the Path
  • Access the Path 24 / 7, wherever and whenever you want
  • Cancel anytime without losing your progress

One-time payment

Buy the course once and access it for life

34.99

  • A single payment
  • Instant lifetime access to the course
  • Access the course community
El Más
Valorado

Gold Frog

Access all Frogames courses, communities and extras

349 /year

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

Web Development Path

Access all Web Development Path Courses

199 /year

  • Single annual payment of €199
  • 4 months of discount
  • Instant access to the +10 courses in the Path
  • Access the Path 24 / 7, wherever and whenever you want
  • Cancel anytime without losing your progress
  • Premium support

* All prices include taxes.

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

Web Development Path

The ultimate bundle with all our Web Development courses to design unique websites. Includes upcoming courses and updates and improvements to current ones.

Git y GitHub de la A a la Z: Todo sobre el control de versiones

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

106 classes

Curso completo de diseño web: aprende HTML, CSS y Javascript desde cero

Learn the web technologies you need to build your own websites for yourself or your clients from scratch with HTML 5, CSS and Javascript

147 classes

Marketing Digital para Negocios Online

Master Digital Marketing for Online Business and boost your sales through the internet

54 classes

Web Accessibility

Design websites for people of all abilities and change the digital world

127 classes

React JS: Aprende React JS desde cero con ejemplos prácticos

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

77 classes

SQL from A to Z

From creating databases to having total control of your queries, this course will take you from beginner to expert in handling data efficiently

86 classes

AWS Cognito Avanzado: Autenticación con Amazon Web Services

The most comprehensive course on Amazon Cognito, the authentication service from Amazon Web Services

461 classes

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

The BI analyst must have the ability to identify data potentially important for the business and that, when processed, can become a solid foundation for decision-making.

38 classes