Maestría en Diseño Web Responsive (para no programadores)

Learn how to create responsive websites that adapt to any device with our friendly and simple course on Responsive Web Design.

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

This course will guide you through the essentials of Responsive Web Design, helping you create stunning websites that adapt to any screen size. You'll learn how to use HTML5, CSS3, and JavaScript to ensure your website is not only beautiful but also functional on phones, tablets, and desktops.

Key Points

  • Learn Responsive Web Design basics.
  • Understand media queries and viewport.
  • Optimize content for all devices.

Learning Outcomes

  • Mastering Responsive Web Design techniques.
  • Building modern, optimized websites for various devices.
  • Gaining employable skills in web development.

About This Course

Aprender a crear sitios web capaces de adaptarse a cualquier dispositivo usando la técnica Responsive Web Design.

¿Las páginas web que realizas se muestran correctamente en móviles o tabletas?. Si tu respuesta es NO, entonces estas en graves problemas.

Pero tranquilo, hemos preparado un entrenamiento que te permitirá construir tus propios sitios web Responsive en cuestión de horas.

¿DE QUÉ SE TRATA EL CURSO

Te enseñaré la técnica llamada RESPONSIVE WEB DESIGN que nos permite construir  sitios web accesibles y legibles en todo tipo de dispositivos, desde pequeños móviles hasta grandes pantallas.

Gracias a esta técnica tu sitio web  responderá y se adaptará automáticamente al tamaño y la resolución de cada dispositivo. ¿No es genial?.

¿PORQUE MI SITIO WEB DEBE VERSE BIEN EN MÚLTIPLES DISPOSITIVOS?

Simple: "Podrás llegar a muchas más personas con un único sitio web". Personas que suelen conectarse desde una Tablet o móvil, tendrán un mejor experiencia de navegación en sitio y estarán felices.

También y no menos importante: "Google así lo exige" y ama los sitios Responsive. Desde el 2015 Google anunció que el uso de la técnica Responsive web design  es tomada como un factor de clasificación dentro de los resultados de búsqueda (SEO).

Un sitio web que no se muestra correctamente en un dispositivo  móvil, corre el riesgo de deslizarse tristemente hasta las últimas posiciones en los buscadores, trayendo esto, consecuencias negativas en la visibilidad del sitio.

Recuerda: "La web móvil no es una moda, llegó para quedarse. Sólo nos queda adaptarnos."

¿CÓMO ESTÁ ESTRUCTURADO ESTE CURSO? 

Empezamos con un corto video introductorio en donde entenderás la Técnica Responsive Web Design de una forma clara y el por qué es la mejor solución para tus proyectos web. 

Luego seguimos con conceptos más técnicos pero sencillos, veremos  "Las Medias Queries" y "Los viewPort" que son las piezas claves para aplicar la técnica correctamente.

A continuación empezaremos a optimizar el contenido y te enseñaremos a crear Texto e imágenes Responsive, para así tener un contenido mucho más accesible.

Y por supuesto, no puede faltar la creación de "Menús Responsive", aquí te enseñaremos a crear 4 tipos de menús Responsive desde 0 basados únicamente en CSS3. 

Casi terminando el curso hablaremos sobre la "Carga condicional de recursos" es decir, si nuestros usuarios ven nuestra página desde un MOVIL mostrarles imágenes de menor tamaño, evitar que se carguen archivos JS o CSS innecesarios. La carga condicional de recursos es pieza clave para brindar una mejor experiencia a tus visitantes.

Y para concluir el curso te enseñaremos a dar soporte a navegadores obsoletos como INTERNET EXPLORER 9, también haremos las pruebas de compatibilidad  y subiremos nuestro proyecto a un servidor real.

Al final del curso abras creado el sitio web que siempre has soñado: Atractivo100% Responsive (PC, tablet, Smartphone) y totalmente personalizado.

¿QUE APRENDERÁS EN ESTE CURSO?

  • Lograrás Entender y Dominar la Técnica Responsive web Design:
    Y toda la tecnología relacionada en la creación de sitios adaptables a todas las pantallas (HTML5, CSS3 y JavaScript).

  • Conseguirás Planificar y Desarrollar Sitios web modernos:
    Compatibles con teléfonos, tabletas y otros dispositivos, 100% optimizados  al entorno en el que se visualice, garantizando así, un alto rendimiento.

  • Podrás Monetizar tus conocimientos:
    La creación de sitios web Adaptables a cualquier dispositivo implica el  aumento en el presupuesto de un sitio web, al mismo tiempo te abrirá nuevas posibilidades laborales.


¿QUIEN SOY? 

Me llamo Erick Mines CEO de Aulaideal.com y te llevaré de la mano a lo largo de este curso, te aseguro que no estarás solo. Tengo más de 10 años diseñando sitios web y más de 4 años aplicando exitósamente  la Técnica Responsive Web Design a mis proyectos.

Un abrazo y te veo dentro del curso.

-----------------------------------------------------------------------------------------------------------------------------------------------------
Te invito a que veas cualquiera de las clases que están gratuitas antes de comprar el curso y seguro que desearás ver el resto de este entrenamiento.
-----------------------------------------------------------------------------------------------------------------------------------------------------

  • Utilizar el HTML5 y CSS3 para crear sitios web semánticamente bien estructurados.

  • Crear páginas web con los estándares actuales de HTML5.

  • Aprenderás a desarrollar un sitio web desde cero.

Course Curriculum

Instructor

Profile photo of Erick Mines
Erick Mines

Soy un apasionado por el diseño y desarrollado web. Llevo más de 12 años dedicándome a este hermosa labor, específicamente en tecnologías como HTML5, CSS3, jQuery, Responsive design.  En la actualidad  construyo sitios web personalizados y ofrezco soluciones de diseño web para una amplia gama de clientes, que confían plenamente en mi trabajo.

Review
4.9 course rating
4K ratings
ui-avatar of Nelson Rojas
Nelson R.
5.0
1 year ago

Excelente curso!

  • Helpful
  • Not helpful
ui-avatar of Jaime Marcelo Muñoz Oyarzun
Jaime M. M. O.
4.5
1 year ago

Es un buen curso, aunque segun mi opinion le faltaria un pequeño upgrade.

  • Helpful
  • Not helpful
ui-avatar of Maria Aurelia Flores Hernandez
Maria A. F. H.
5.0
1 year ago

Excelente curso y muy bien explicado

  • Helpful
  • Not helpful
ui-avatar of Ximena Robbiati
Ximena R.
5.0
4 years ago

Me encanto el curso. Super completo y bien explicado!
Pude seguir las explicaciones y hacer mi primer pagina web responsiva

  • Helpful
  • Not helpful
ui-avatar of Angel Bernardo Santiago Antonino
Angel B. S. A.
4.0
4 years ago

Es una maravilla el curso en términos de contenido a profundidad, toca toca temas muy interesantes, no le doy 5 estrellas ya que considero que parte del material ya está desactualizado y no le caería mal una buena revisión al contenido completo.

  • Helpful
  • Not helpful
ui-avatar of Esperanza Redondo Morales
Esperanza R. M.
4.5
4 years ago

Me ha gustado mucho el curso porque había oído hablar del diseño responsive pero no sabía exactamente cómo funcionaba. Lo único malo ha sido que en algunos momentos me he perdido un poco; elegí el curso precisamente porque es para no programadores, pero cuando ya lo había empezado vi que en la descripción ponía que hay que tener conocimientos básicos de HTML y CSS, y yo no los tengo. Pero me ha gustado el curso de todas formas.

  • Helpful
  • Not helpful
ui-avatar of Mario Reyes
Mario R.
4.0
5 years ago

Ejemplos es a lo que espero llegar con mis proyectos actuales. Soy programador en java. tengo proyectos con servlets y JSP pero no son adaptables. Conseguí algo en la web para ajustarlos a los móviles, pero nada que entienda bien. Era solo copiar y pegar los códigos encontrados e ir ajustando hasta mas o menos tener lo que queria.

  • Helpful
  • Not helpful
ui-avatar of Walter Martinez
Walter M.
5.0
5 years ago

Completo, dinámico y con ejemplos claros.

  • Helpful
  • Not helpful
ui-avatar of Jorge Arenas
Jorge A.
4.5
5 years ago

Un curso muy completo, exhaustivo, incluso, con todo tipo de recursos. Se puede hacer denso o pesado si ya tienes conocimiento, como es mi caso, pero simplemente he ido avanzando hacia las partes que me interesaban, o parándome en aquello que necesitaba pulir. Aunque ya hayas trabajado en diseño responsive te da buenos tips, pero sobre todo me gusta la cantidad de recursos externos que enseña (pollyfils, librerías, etc) pues hay un todo un mundo de ellas, pero con solo con las que te dice se puede llegar lejos. En definitiva, buen curso.

  • Helpful
  • Not helpful
ui-avatar of Luis Miguel Rojas Velásquez
Luis M. R. V.
5.0
5 years ago

Muy bueno, logré crear un proyecto excelente.

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses