©2024 Escuela Tecnologías de la Información S.L. Todos los derechos reservados.
Responsive Web Design
Diseño y desarrollo de webs que se adaptan a todas las plataformas
Material disponible
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, plani cación y jerarquización del contenido, y por ende, de nuestro work ow de diseño web.
Qué aprenderé en el Responsive Web Design
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
- 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 óptimo para cada proyecto y su jerarquía necesaria.
- Organizar nuestro flujo de trabajo y qué herramientas utilizar
- Mobile First
- Trabajando nuestros breakpoints y mediaqueries.
- Seguimos adaptando el contenido de nuestra web con Mediaqueries y Breakpoints a las características de los dispositivos de nuestros usuarios.
- 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.
- Técnicas de CSS para reorganizar contenido según el tamaño del viewport, olvidémonos del viejo “float” para maquetar contenido.
- Uso de preprocesadores en nuestro flujo de trabajo.
- Cómo nos pueden ayudar a ser más óptimos y a organizarnos mejor.
- 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.
- Cómo organizar nuestro CSS para que sea robusto y escalable en nuestros proyectos.
- Crearemos la guía de estilos óptima para un desarrollo final, aprenderemos a adaptar nuestro workflow a Atomic Design.
- 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.
- Uso de Pseudoelementos, Pseudoselectores para optimizar el HTML por medio del CSS.
- Qué son y cómo trabajar Rich Snippet para ayudarnos a destacar entre los resultados de Google.
- Primeros pasos en WordPress el sistema de gestión de contenidos más popular para la creación de websites.
- Analizamos las ventajas de uso de frameworks CSS para el diseño responsive.
Valoraciones
Enrique Gálvez
El formato no es el mismo que otros cursos de EscuelaIT y se nota que es de los primeros de la plataforma. Pero aún así el contenido es valioso si estás aprendiendo diseño web.
¿Conoces nuestra tarifa plana?
Toda la formación de EscuelaIT, con más de 200 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.