Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Desarrollo Web Responsivo: Proyectos Prácticos
Rating: 4.7 out of 5(192 ratings)
15,125 students

Desarrollo Web Responsivo: Proyectos Prácticos

Desarrolla habilidades sólidas en HTML, CSS y Flexbox para crear experiencias web irresistibles con proyectos prácticos
Created byrender2web : Más de 160.000 Estudiantes en Todo el Mundo
Last updated 6/2026
Spanish

What you'll learn

  • Dominio de HTML y CSS para sitios web adaptables.
  • Implementación efectiva de diseño responsive.
  • Entender el uso de los Media Queries de CSS 3
  • Entender los fundamentos de HTML 5 para la creación de sitios web responsive
  • Creación de proyectos web prácticos responsive
  • Uso avanzado de Flexbox.
  • Adaptación a diferentes dispositivos.
  • Integración de animaciones y transiciones.
  • Mejora de la usabilidad y experiencia del usuario.

Course content

11 sections • 51 lectures • 8h 55m total length

  • Qué es el Diseño Responsive14:11

    En esta clase te explicaré que es el diseño responsive y porque es tan importante en el diseño y desarrollo web

  • Ejemplo de Media Queries36:40

    Los media queries son los que nos permiten trabajar y optimizar nuestros sitios web para que queden optimizados para todos los dispositivos y resoluciones.

  • Mobile First vs Desktop First4:37

    En eta clase entenderás la diferencia entre Mobile First y Desktop First usados en el diseño y desarrollo responsive

  • Instalar Editor de Código Sublime Text2:07

    En este video veremos como instalar el editor de codigo HTML y CSS - Sublime Text. Se puede trabajar con otros editores como notepad ++

Requirements

  • No es necesario conocimientos previos ya que el curso viene con dos capítulos dedicados a los fundamentos de HTML y CSS necesarios para el mismo
  • Si ya tienes conocimientos en HTML Y CSS puedes omitir los dos primeros capítulos y empezar con los proyectos
  • Vas a necesitar un editor de código como Visual Studio Code o Sublime Text. En uno de los videos se explica como desacargarlo e instalarlo.
  • Computadora con cualquier sistema operativo

Description

¿Quieres aprender a desarrollar sitios web amigables a dispositivos móviles (Responsive)?   

En este curso aprenderás a desarrollar sitios web completamente adaptables a los diferentes dispositivos móviles, conocerás la tecnología y las técnicas usadas para la creación de interfaces web utilizando HTML 5 y los Media Queries de CSS 3.


-CURSO ACTUALIZADO EN ENERO DE 2024-

   

"¡Bienvenido al curso: Desarrollo Web Responsivo: Proyectos Prácticos! Este programa te sumergirá en el fascinante mundo del diseño y desarrollo de sitios web, brindándote las habilidades esenciales para crear experiencias cautivadoras en línea.

En las primeras secciones, profundizaremos en HTML, el lenguaje estructural fundamental para cualquier proyecto web. Aprenderás a crear una base sólida y semántica para tus páginas, permitiendo una comprensión clara tanto para los desarrolladores como para los motores de búsqueda.

Luego nos sumergiremos en CSS, el lenguaje de estilo que transformará tus páginas HTML en obras maestras visuales. Explorarás técnicas avanzadas de diseño, desde la manipulación de cajas y flexbox hasta la creación de animaciones cautivadoras. Aprenderás a estilizar tus páginas con precisión, dando vida a tus conceptos creativos.

No obstante, no nos detendremos ahí. Nos adentraremos en el apasionante mundo del diseño y desarrollo responsive, asegurándonos de que tus creaciones se vean y funcionen perfectamente en una amplia variedad de dispositivos y tamaños de pantalla. La implementación de técnicas de diseño responsive con CSS y Flexbox te permitirá ofrecer experiencias de usuario optimizadas en dispositivos móviles, tablets y computadoras de escritorio.

Pero este curso va más allá de la teoría. A través de emocionantes proyectos prácticos, aplicarás directamente tus conocimientos, enfrentándote a desafíos del mundo real que te prepararán para situaciones profesionales. Crearás sitios web adaptables, que no solo sean visualmente atractivos, sino también funcionales y eficientes.

En resumen, este curso no solo te brindará un conocimiento profundo de HTML y CSS, sino que también te convertirá en un experto en diseño y desarrollo responsive de sitios web. Prepárate para transformar tus ideas en realidad y destacar en el emocionante campo del desarrollo web. ¡Inscríbete ahora y lleva tus habilidades al siguiente nivel!"

   

¿Qué incluye el curso?   

  • Más de 9 horas de videos explicados en detalle 

  • 5 Proyectos prácticos 

  • Acceso a los archivos fuente del curso para que los puedas descargar y usar en tus proyectos 

  • Garantía de 30 días.

Aprenderás:   

  • Como crear sitios adaptables a  dispositivos móviles y otros dispositivos

  • Los Fundamentos básicos de HTML 5 y CSS - 3

  • Como crear la estructura de un documento HTML

  • Como dar estilos al sitio web con CSS 3

  • Qué es y como usar los Media Queries de CSS

  • Cuales son los puntos de corte más importantes con los CSS Media Queries

  • Como utilizar los Media Queries para hacer un sitio responsive

  • Como crear un formulario y un menú de 3 niveles completamente responsive

  • Como crear un sitio web  completo utilizando HTML 5 y CSS - 3 Media Queries

  • Fundamentos y Trabajo con Flexbox

Proyectos:

Desarrollaremos 5 proyectos prácticos en el curso con los que aprenderás a dominar y crear cualquier sitio optimizado para todos los dispositivos y resoluciones.

  1. Proyecto 1: Formulario Responsive

  2. Proyecto 2: Menú Responsive

  3. Proyecto 3: Sitio Web de Consultoria Responsive

  4. Proyecto 4: Sitio Frontend

  5. Proyecto 5: Sitio Web Con HTML 5, CSS 3 - SPA

“El que ve hacer las cosas las aprende, pero el que las hace las aprende dos veces”.

Who this course is for:

  • Desarrolladores Principiantes: Personas que desean iniciar su carrera en el desarrollo web y quieren obtener habilidades sólidas en HTML, CSS y diseño responsive.
  • Diseñadores Web en Formación: Estudiantes de diseño que buscan expandir sus conocimientos y habilidades técnicas, incorporando principios de desarrollo responsive a sus proyectos.
  • Profesionales en Marketing Digital: Individuos que trabajan en marketing digital y desean comprender cómo el diseño y desarrollo responsive impactan en la efectividad de las campañas en línea.
  • Emprendedores y Propietarios de Pequeños Negocios: Aquellos que buscan crear y gestionar sus propios sitios web de manera eficiente, asegurándose de que sean visualmente atractivos y funcionales en todos los dispositivos.
  • Estudiantes de Informática: Estudiantes universitarios o técnicos que desean complementar su educación formal con habilidades prácticas en desarrollo web y diseño responsive.
  • Profesionales en Transición de Carrera: Personas que buscan cambiar de carrera y desean adquirir habilidades valiosas en el campo del desarrollo web y diseño responsive.
  • Creadores de Contenido Digital: Individuos que desean mejorar la presentación visual de su contenido en línea, como bloggers, youtubers o creadores de contenido en redes sociales.
  • Diseñadores Gráficos: Profesionales del diseño gráfico que desean expandir sus conocimientos y habilidades para incluir el desarrollo web y la creación de proyectos responsive.
  • Profesionales de TI Interesados en Diseño Web: Aquellos en el campo de tecnologías de la información que desean diversificar sus habilidades y comprender el componente visual del desarrollo web.
  • Entusiastas del Desarrollo Web Autodidactas: Personas apasionadas por el desarrollo web que desean mejorar sus habilidades, aprender nuevas técnicas y enfrentar desafíos prácticos en proyectos reales.

Report abuse