¿Por qué elegimos no usar Bootstrap en este curso?
Bootstrap es un marco front-end popular que proporciona una colección de componentes CSS y JavaScript preconstruidos, lo que facilita el desarrollo de sitios web receptivos y móviles. Sin embargo, en este curso sobre Fundamentos de HTML y CSS para crear un ejemplo de sitio web de casos receptivos, hemos optado por no usar Bootstrap. Esta decisión se basa en varias consideraciones didácticas y en los objetivos de aprendizaje específicos del curso.
En primer lugar, al no confiar en Bootstrap, nuestro objetivo es proporcionar una comprensión más profunda de los conceptos y principios subyacentes del diseño web receptivo. Bootstrap abstrae gran parte de la complejidad involucrada en la creación de diseños receptivos al proporcionar componentes y sistemas de cuadrícula listos para usar. Si bien esto puede ser beneficioso para la creación y el desarrollo rápidos de prototipos, también puede dificultar el proceso de aprendizaje al oscurecer la estructura CSS y HTML subyacente requerida para el diseño receptivo.
En segundo lugar, el uso de Bootstrap puede limitar la creatividad y las opciones de personalización. Bootstrap tiene su propio estilo visual y patrones de diseño, lo que puede hacer que los sitios web creados con él se vean similares entre sí. Al no usar Bootstrap, los estudiantes tienen la oportunidad de explorar y experimentar con diferentes opciones de diseño, lo que permite sitios web más únicos y personalizados. Esto fomenta la creatividad y fomenta una comprensión más profunda de CSS y los principios de diseño.
Además, la enseñanza sin Bootstrap nos permite demostrar enfoques y técnicas alternativas para lograr la capacidad de respuesta. Hay varios marcos y técnicas de CSS disponibles que se pueden usar para crear diseños receptivos sin depender de Bootstrap. Al explorar estas alternativas, los estudiantes adquieren un conocimiento más amplio de las posibilidades y compensaciones involucradas en el diseño web receptivo.
Además, no usar Bootstrap nos permite enfatizar la importancia de escribir código eficiente y optimizado. Bootstrap es un marco completo que incluye muchas funciones y componentes, lo que puede generar archivos de mayor tamaño y tiempos de carga más lentos. Al no usar Bootstrap, se alienta a los estudiantes a escribir un código más eficiente y considerar las implicaciones de rendimiento de sus decisiones de diseño.
Por último, al no utilizar Bootstrap, podemos centrarnos en enseñar los conceptos básicos de HTML y CSS sin necesidad de introducir convenciones y sintaxis adicionales específicas del marco. Esto permite a los estudiantes desarrollar una base sólida en el desarrollo web, que luego se puede aplicar a cualquier marco o herramienta que elijan usar en el futuro.
La decisión de no usar Bootstrap en este curso se basa en consideraciones didácticas destinadas a proporcionar una comprensión más profunda de los principios del diseño web receptivo, fomentando la creatividad y la personalización, explorando técnicas alternativas, enfatizando la optimización del código y centrándose en los conceptos básicos de HTML y CSS.
Otras preguntas y respuestas recientes sobre Creación de un ejemplo de sitio web de casos receptivos:
- ¿Qué propiedades de CSS se pueden usar para centrar el texto y censurar un video en una página de caso en un sitio web receptivo?
- ¿Qué pasos se deben seguir para crear una página HTML separada para un caso en un ejemplo de sitio web de casos receptivos?
- ¿Cómo se puede diseñar el texto dentro de los cuadros de un sitio web receptivo? ¿Qué enfoque se puede usar para alinear verticalmente el texto dentro de los cuadros?
- ¿Cuál es el propósito de incluir un enlace alrededor de los casos en un sitio web receptivo? ¿Cómo se puede modificar el código para lograr esto?
- ¿Cómo puede ajustar el ancho y el alto de un elemento para garantizar la coherencia en las diferentes páginas de un sitio web receptivo?
- ¿Cómo podemos agregar espacio entre los cuadros div en la sección de enlaces de casos?
- ¿Por qué no usamos Flexbox en el episodio anterior?
- ¿Cómo podemos solucionar el problema del contenido que salta detrás del encabezado fijo al desplazarse?
- ¿Cuál es el propósito de usar la propiedad de posición con el valor de fijo en la sección de encabezado?