Sigue el contenido a continuación durante clase para que no te pierdas ningún detalle de lo que estás a punto de aprender.
La web moderna ya no está solamente ligada a las computadoras, sino que el desarrollo de diversos dispositivos móviles como los teléfonos y tablets, con capacidad de acceder a contenidos en internet, hace necesario que nuevas tecnologías estén disponibles para que el desarrollador web presente sus contenidos en pantallas de distintas proporciones. Las tecnologías 'responsive' y los frameworks de CSS modernos ya consideran este nuevo escenario multi-pantallas.
En esta sesión aprenderás:
- Adaptar nuestro contenido para que pueda ser visible en dispositivos más pequeños.
- Personalizar la apariencia de acuerdo al dispositivo desde el que se ve nuestra web.
- Configurar tu proyecto para usar un framework de CSS: Bootstrap.
- Tener Visual Studio Code instalado
-
Ejemplo 01: Inspeccionando tu sitio desde un móvil / Agregando meta viewport ( 10 minutos )
-
Ejemplo 02: Ocultando la barra de navegación en móviles ( 10 minutos )
-
Reto 01: Cambiando la fuente de nuestro título principal ( 5 minutos )
-
Reto 02: Quitando separación superior del título ( 5 minutos )
-
Ejemplo 03: Ajustando el ancho del banner Capterra ( 5 minutos )
-
Reto 03: Cambiando el flujo del formulario de registro en la sección de publicidad ( 10 minutos )
-
Ejemplo 04: Manejando el responsive de la sección de publicidad ( 10 minutos )
-
Ejemplo 05: Haciendo responsive la sección de características principales ( 10 minutos )
-
Reto 04: Mejorando la experiencia móvil de las tarjetas de características ( 10 minutos )
-
Ejemplo 06: Configurando Bootstrap al proyecto ( 10 minutos )
-
Reto 05: Recuperando el contenido de tu NavBar ( 10 minutos )
-
Reto 06: Recuperando los estilos de tu NavBar ( 10 minutos )