Curso gratis de Google: Responsive Web Design Fundamentals
“Responsive Web Design Fundamentals” es un curso online y gratuito de 2 semanas para adquirir los conocimientos necesarios para diseñar sitios web multidispositivo y que puedan ser visualizados correctamente en cualquier dispositivo.
Además, podremos participar del foro para interactuar con el resto de los estudiantes e instructores y la posibilidad de plantear dudas o intercambiar ideas. También hay cuestionarios en las diferentes clases para poner a prueba lo que hemos aprendido.
Uno de los instructores del curso es PeteLePage, Developer Advocate en Google, que participa en proyectos como Web Fundamentals que brinda guías y herramientas para el desarrollo web multidispositivo.
¿Cómo inscribirse?
Para participar del curso, solo tenemos que crearnos una cuenta en Udacity e inscribirnos, y automáticamente podremos comenzar con el programa.
Programa del curso
Lección 1 – ¿Por qué Responsive?
Se responde a preguntas como:
- ¿Qué es un diseño web responsive? ¿Por qué es importante?
- ¿Qué dispositivos debemos tener en cuenta en el diseño?
- ¿Cómo aprovechar las distintas capacidades de cada dispositivo para mejorar la experiencia del usuario?
- Entorno de Desarrollo necesario para el curso.
Lección 2 – Comenzar sencillo
Se mostrarán los components clave que permiten iniciar algo sencillo a hasta llegar a un portal complejo que puede navegarse en cualquier dispositivo y tamaño de pantalla.
El proyecto para la “ciudad” comienza por asegurar que se ve correctamente en pantallas pequeñas (“mobile first”).
Lección 3 – Creciendo
Una vez tenemos una página optimizada por pantallas pequeñas, pasamos a trabajar para pantallas mayores. Para esto debemos aprender cómo usar “CSS media queries”.
Lección 4 – Patrones Responsive
Una vez conocemos las bases del diseño responsive, conoceremos layouts de diseño responsive. Se practicará con el “home town site project” con layouts para tablet y PC.
Lección 5 – Optimizations
Aprenderemos estrategias para optimizar:
- margins y padding en elementos
- incrementar el tamaño de fuentes para facilitar la lectura
- tratamiento de tablas
Enlaces de interés:
- Curso en Udacity: “Responsive Web Design Fundamentals”
- Wwwhat’s new?: “Responsive Web Design Fundamentals”, nuevo curso gratuito de Google y Udacity
