¿Cuáles son los pros y los contras de usar Bootstrap en el desarrollo web?

Según mi experiencia usándolo durante años en docenas de proyectos:

Pros

  • Gran plataforma estandarizada con todos los estilos y componentes básicos necesarios (cuadrícula de diseño, paneles, tablas, botones, modales, estilos de formulario, etc.) para construir, lo que ahorra mucho tiempo.
  • Admite todos los principales navegadores y soluciona problemas de compatibilidad con CSS.
  • Interfaz de usuario coherente que se ve bien fuera de la caja.
  • Archivos livianos y personalizables (en su sitio o mediante less y sass) para que pueda incluir solo lo que usa.
  • Diseñado con estructuras y estilos receptivos para dispositivos móviles.
  • Varios complementos de javascript incluidos con jQuery.
  • Iconos incluidos (ahora como un archivo de fuente para escalado infinito).
  • Buena documentación y apoyo comunitario.
  • Muchas plantillas, temas y complementos gratuitos y profesionales.

Contras

  • Los estilos son detallados y pueden generar una gran cantidad de resultados HTML que no son perfectamente semánticos.
  • Javascript está vinculado a jQuery (sin embargo, es, con mucho, la biblioteca de JavaScript más común y los complementos pueden dejarse sin usar con la misma facilidad).
  • Puede requerir muchos estilos de anulación o reescribir sus archivos si tiene muchas personalizaciones o desea desviarse de la estructura de Bootstrap.
  • Los sitios web pueden comenzar a verse igual si no personalizas mucho los estilos y colores.

Es ideal para la mayoría de los proyectos a menos que esté trabajando en algo muy especializado. Bootstrap le brinda una plataforma de gran apariencia con todo lo que necesita para comenzar a construir la interfaz sin preocuparse por el soporte del navegador y hacer que las cosas se vean igual en todos los dispositivos.

Esto es un gran ahorro de tiempo y es todo gratuito y de código abierto. Los archivos ya son bastante pequeños y la personalización al incluir solo lo que usa puede reducirlo significativamente. Es especialmente bueno para maquetas, prototipos, sitios internos / intranet, documentación o cualquier cosa que solo necesite una interfaz de usuario que funcione muy rápidamente.

En general, lo recomiendo, pero como siempre, depende del caso de uso. Pruébelo y vea si funciona para usted.

Pros
– móvil
– Responsive
– SASS usado
– JavaScript incluye
– Documentación perfecta
– El aprendizaje es fácil y rápido.
– Casi todos los componentes de desarrollo front-end están listos
– Gratis y de código abierto

Contras
– Faltan algunos elementos
– La resolución de gran tamaño es un problema (a veces)
– jQuery debería mejorarse o reemplazarse con diferentes marcos JS.

Es un marco de creación rápida de prototipos, creado para desarrolladores. Es una muy buena opción si esto es lo que quieres. Digamos que usted es un desarrollador (no un diseñador) que ha creado una aplicación web y necesita implementar rápidamente la interfaz de usuario. Entonces agregas las clases y listo. Fácil.

No es una buena opción si quieres algo más que eso. Tan pronto como se alcance cualquier nivel de complejidad, el tiempo invertido en anular y pelear con BS habría sido mejor gastado escribiendo CSS y marcado específicos y enfocados.

Hablando personalmente, desde el punto de vista del diseño, entrar en un proyecto basado en BS es una pesadilla, increíblemente frustrante. De los (muchos) problemas que tengo con él, los más problemáticos son: anulación, que si se usa mucho (que es muy común, ya que es la opción fácil) hace que sea brutalmente difícil de depurar, y el uso intensivo de la anidación, lo que hace que navegar por el DOM es un horror.

Los profesionales

  • Le ayuda a ahorrar tiempo
  • Le ayuda a evitar errores entre navegadores
  • Le ayuda a seguir las mejores prácticas
  • Le ayuda a evitar la sopa de complementos jQuery
  • Te ayuda a conseguir un trabajo

Los contras

  • Puede requerir muchas anulaciones de estilo
  • Sin personalización de estilo, sus sitios se verán igual
  • Una ligera curva de aprendizaje para aprender las clases y el flujo de trabajo

Escribí un artículo con más detalles para cada profesional y contra, así como proporcionar un cuadro que muestra las diferentes formas en que puede utilizar Bootstrap en un proyecto.

¿Cuáles son las ventajas y desventajas de usar Bootstrap en el desarrollo web?

Pros

  • Se está convirtiendo en un tipo de estándar de la industria. Quizás no sea EL estándar, sino una de una breve lista de herramientas similares.
  • Ahorra tiempo. Esculpir lo mismo no es una tarea fácil.
  • El CSS y JS está disponible a través de CND.
  • Utiliza jQuery

Contras

  • Puede ser un poco voluminoso.
  • Puede hacerte perezoso. Es decir, Mani Gandham dijo: “Los sitios web pueden comenzar a verse igual si no personalizas mucho los estilos y colores”. Pero esa no es realmente la culpa de la herramienta, ya que esa falla pertenece a muchos de los que la usan.
  • Utiliza jQuery.

La única otra cosa que vale la pena mencionar es que se llama Bootstrap por una razón. La idea es ponerlo en funcionamiento con una fricción mínima, cuando la fricción adicional no está en el presupuesto. Bootstrap es un gran martillo. Pero eso no significa que todo sea un clavo.

Además lo que ya se dijo:

Pro:
Sus plantillas serán legibles para que pueda comprender fácilmente lo que está sucediendo. Especialmente favorable si hay muchos desarrolladores que tendrán que trabajar en las plantillas sin tener conocimiento de CSS, ya que tendrán una idea intuitiva de lo que está sucediendo y usted puede enseñarles fácilmente el uso.

Estafa:

  • Para aplicar los cambios de diseño, deberá reescribir muchas marcas, ya que los nombres de clase utilizados en el marcado describen su diseño.
  • Especialmente si los diseñadores tienen menos experiencia en diseño web, esto a menudo da como resultado variantes de diseño únicas en todo el lugar, ya que podría ser más impreso que orientado a patrones.

Conclusio:
Para mí es una especie de pregunta de arquitectura: “Primero las plantillas”, lo que significa escribir primero las plantillas y luego aplicar el estilo y el comportamiento, en contraste con “Plantillas como código de pegamento”, suponiendo que CSS y JS son bibliotecas preescritas y el HTML describe que usar

Hay algunos bootstrap basados ​​en YUI por lo que no está obligado al 100% a usar jQuery.

Algunas variantes de Bootstrap basadas en Sass facilitan muchas sobrescrituras, ya que son altamente configurables.

Pros

  • Podría reducir una cantidad significativa de tiempo en desarrollo / creación de prototipos.
  • Los desarrolladores que no están completamente versados ​​en CSS pueden evitar algo de eso.
  • Se puede cargar desde un CDN.
  • Excelente ayuda y documentación.

Contras

  • El diseño receptivo no incluye “extra grande” para pantallas de hasta 1920 de ancho, que son muchas pantallas. Esa es mi primera modificación.
  • La cuadrícula de diseño necesitará ser reemplazada si desea una columna de ancho fijo, como para publicidad.
  • Puede ser detallado y un poco exagerado, especialmente para proyectos pequeños.

Soy fanático de bootstrap, pero creo que hay un límite de personalización sin ser un desastre.

Pros

  • Desarrollo rápido de front-end
  • Menos errores de navegadores cruzados
  • CSS receptivo
  • Sistema de red

Contras

  • Sobrescriba una gran cantidad de CSS para personalizar su sitio web
  • La estructura HTML puede ser fácilmente un desastre

En un mundo tecnológico, todo tiene sus propios méritos y deméritos. Según yo, Bootstrap parece ser el mejor marco CSS para desarrollar sitios web compatibles con dispositivos móviles y dispositivos móviles de manera rápida y factible.

Hay muchas razones por las que estamos usando Bootstrap . Por supuesto, tiene algunas desventajas y son muy naturales para cualquier otra cosa tecnológica nueva.

Me gustaría comparar este marco con otros dos marcos muy familiares llamados Foundation y Skeleton. Escribí un blog sobre los pros y los contras de estos marcos. Puedes verlo aquí – Fundación, Bootstrap y Skeleton – Pros y Contras

Siempre ha sido mejor comparar las cosas con los demás para obtener la mejor idea para la que nos queda mejor. Es por eso que terminé este artículo.

Bootstraps es una técnica para cargar un programa en una computadora mediante unas pocas instrucciones iniciales que permiten la introducción del resto del programa desde un dispositivo de entrada. En primer lugar, debe saber que bootstrap nunca se debe utilizar como marco de desarrollo de sitios web. En otras palabras, si usted es un desarrollador que trabaja en alguna característica interesante en Twitter, puede presentar lo que es esta característica a través de Bootstrap muy rápidamente, sin la necesidad de pasar tiempo creando una apariencia web fresca desde cero. Esto hace que Bootstrap sea una herramienta realmente hecha a medida. Un propósito que no está totalmente en línea con el concepto estándar de desarrollo web. Esto se considera uno de los contras. Por otro lado, bootstrap es realmente un código abierto, lo que significa que puede usarlo como la base de un proyecto de cliente que luego puede vender al cliente sin preocuparse por nada. Bootstrap facilita el trabajo en equipo, lo que significa que cada vez que una nueva persona se une al equipo, se le puede enseñar fácilmente todos los entresijos de la plataforma. Bootstrap también proporciona consistencia y maneja lo mundano que le permite desviar su tiempo para trabajar en otra cosa, algo que es más emocionante. Para aprender todos los lenguajes de desarrollo web, Holberton School es una de las mejores soluciones.

Pros

Bootstrap es un kit de herramientas de código abierto para desarrollar con HTML, CSS y JS. De ahí una forma rápida para que los principiantes aprendan también, ya que el código es de código abierto

Contras

A veces, debido a su naturaleza de desarrollo rápido. Incluimos los archivos fuente Sass y JavaScript de Bootstrap a través de Bower, Composer, Meteor o npm, de alguna manera ignoramos los conceptos básicos de la web. Y nuestra curva de aprendizaje se hunde.

Para agregar a las respuestas anteriores … bootstrap hace que su sitio responda con solo unos pocos trucos … Y con la capacidad de sobrepasar las clases, puede personalizar su sitio y ser más creativo … Definitivamente tiene más ventajas que desventajas

Pros: no tiene que saber cómo escribir marcas de calidad o CSS

Contras: todo lo demás.

Bootstrap es una de las mejores plataformas para un desarrollo rápido. Puede consultar las 5 razones principales para usar Bootstrap para conocer las ventajas y las limitaciones de usarlo.