Diseña un sitio web con Bootstrap 5
4.6Sep 20214h883Básico
Mira las primeras clases gratisAprende a crear sitios web responsive con el framework CSS desarrollado por Twitter
¿Qué aprenderás?
- Abarcaremos temas desde que es Bootstrap 5, realmente lo necesito, como instalarlo y analizaremos cada uno de sus componentes creando un proyecto que consistirá en crear nuestro portafolio profesional.
Temario del curso
Qué es Bootstrap desde su historia hasta la instalación en nuestra página web.
- 1.1 - ¿Qué es Bootstrap?
- 1.2 - ¿Cómo defendernos de los detractores de Bootstrap?
- 1.3 - Requerimientos para comenzar a trabajar con Bootstrap
- 1.4 - Instalación de Bootstrap 5
- 1.5 - Análisis rápido de los mejores componentes que nos ofrece Bootstrap
- 1.6 - Bootstrap vs Materialize vs Foundation vs Boilerplate
Bootstrap nos ofrece un montón de utilidades y herramientas de layout para hacer nuestros diseños responsive
Ya obtenidas las bases de diseño en Bootstrap comenzaremos a crear un portafolio personal que demuestre nuestras habilidades de desarrollo y diseño.
- 3.1 - Colocamos una imagen en la cabecera de nuestro proyecto
- 3.2 - Agregaremos nuestro proyecto una barra de navegación (Navbar)
- 3.3 - Definiremos estilos de texto y espacios del portafolio
- 3.4 - Agregaremos Tarjetas (Cardrs) de nuestras habilidades
- 3.5 - Profundizaremos detalles con Ventanas modales
- 3.6 - Agregaremos un poco de usabilidad al menú con sticky-top
Permitamos que nuestros clientes nos contacten a través de un formulario de contacto para recibir solicitudes de trabajo
- 4-1 - Agregaremos un Formulario (Form control) a nuestro portafolio
- 4.2 - Analizaremos los diferentes tipos atributos de los botones.
- 4.3 - Agregaremos selectores (Select) para categorizar la información.
- 4-4 - Validaremos opciones con checks y radios
- 4.5 - Validaremos la información colocada en el formulario.
- 4.6.- Creamos un formulario de suscripción.
36 calificaciones de 883 estudiantes4.6
Abraham Lucero13 sept 2021
Me gusta la forma dinámica del expositor de la clase.
Bruce Pacheco23 sept 2021
Muy buen curso, el profesor tiene una manera de enseñar que evita que te duermas en clase, felicidades.
Wilbort Encomenderos10 oct 2021
Es un curso muy práctico para el que quiera implementar algunas interfaces sin demorar mucho en el diseño.
E
Edder Eduardo Codarlupo Monge30 sept 2021
Un curso esperado. El profesor lo hizo muy entretenido, muy bonita su forma de explicar,
J
José Armando Matías Medina19 oct 2021
muy bien explicado me gusto varias cosas nuevas aprendi
