Responsive Web Design
Diseño y desarrollo de webs que se adaptan a todas las plataformas
Material disponible
Intermedio
16 Clases 16 h
120€
89€
Precio en promoción

Con esta nueva iniciativa de @EscuelaIT aprenderemos a integrar el Responsive Web Design en nuestro flujo de trabajo y adaptarnos a una web fluida y variable sobre la base de un proyecto real.

Responsive Design es mucho más que simples breakpoints y mediaqueries. Es optimización de nuestro código, planicación y jerarquización del contenido, y por ende, de nuestro workow de diseño web. 

Qué aprenderé en el Responsive Web Design

A lo largo de 3 semanas aprenderemos a diseñar para todas los dispositivos en los que se navegan hoy día: tablets, smartphones, netbooks, ordenadores de escritorio, etc… sabremos como jerarquizar la información y que sea la correcta en todos los estados y resoluciones de la web, y todo ello lo lograremos bajo el prisma de Responsive Web Design, el modelo de diseño más innovador en este momento.

Para sacar el máximo partido a la formación adquirida, todos los conocimientos y habilidades que vayamos aprendiendo durante el curso irán poniéndose en práctica con diferentes ejercicios. Los alumnos que deseen poner en práctica esto conocimientos y habilidades en sus propios proyectos web podrán hacerlo y contarán con todo el soporte del equipo docente.

Objetivos del curso

El curso tiene una duración de 15 clases, divididos en 3 semanas lectivas, que te convertirán en un diseñador preparado para afrontar los retos de la nueva Internet Multidispositivo. Si ya eres un gran diseñador o un maquetador experimentado, te ayudará a reciclar tus conocimientos para poder encarar nuevos y excitantes proyectos.

Clases y contenidos

Mobile y Resolución Gratis
  • Análisis de las nuevas tecnologías
  • Cambios en la forma de navegar la web con la llegada de dispositivos nuevos y variedad de resoluciones.
Contenido Responsive
  • Contenido óptimo para cada proyecto y su jerarquía necesaria.
Herramientas para un correcto workflow
  • Organizar nuestro flujo de trabajo y qué herramientas utilizar
Mediaqueries y Breakpoints
  • Mobile First
  • Trabajando nuestros breakpoints y mediaqueries.
Mediaqueries y Breakpoints II
  • Seguimos adaptando el contenido de nuestra web con Mediaqueries y Breakpoints a las características de los dispositivos de nuestros usuarios.
Unidades de Medida
  • Aprenderemos a dar el uso que debemos a cada unidad.
  • Sacaremos provecho a unidades más nuevas como Viewport Height y Viewport Width en nuestra maquetación.
Layout
  • Técnicas de CSS para reorganizar contenido según el tamaño del viewport, olvidémonos del viejo “float” para maquetar contenido.
Preprocesadores
  • Uso de preprocesadores en nuestro flujo de trabajo.
  • Cómo nos pueden ayudar a ser más óptimos y a organizarnos mejor.
Optimización
  • Responsive Design implica que nuestra web debe verse en todas las diferentes resoluciones y dispositivos, y para ello la optimización del código es imprescindible.
  • Implementaremos Progressive Enhancement a nuestro código.
Arquitectura CSS
  • Cómo organizar nuestro CSS para que sea robusto y escalable en nuestros proyectos.
Guías de Estilo
  • Crearemos la guía de estilos óptima para un desarrollo final, aprenderemos a adaptar nuestro workflow a Atomic Design.
Imágenes
  • Discutiremos cuál es la situación actual de las imágenes en la web, veremos soluciones los 3 elementos a tener en cuenta: Peso, Tamaño y Dirección Artística.
CSS con Pseudoelementos y Pseudoselectores
  • Uso de Pseudoelementos, Pseudoselectores para optimizar el HTML por medio del CSS.
Fragmentos Enriquecidos
  • Qué son y cómo trabajar Rich Snippet para ayudarnos a destacar entre los resultados de Google.
Wordpress
  • Primeros pasos en WordPress el sistema de gestión de contenidos más popular para la creación de websites.
Frameworks CSS
  • Analizamos las ventajas de uso de frameworks CSS para el diseño responsive.
¿Conoces nuestra tarifa plana?

Toda la formación de EscuelaIT, con más de 130 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.

Suscríbete