open - La diferencia real(u oculta) entre Twitter bootstrap y Angular.js

ng bootstrap datepicker

Question

Acabo de comparar estos 2 marcos frontend y, por lo que puedo decir, parece que hacen exactamente lo mismo en términos de proporcionar al desarrollador una interfaz HTML, CSS y JS.

Boostrap: marco frontal elegante, intuitivo y potente para un desarrollo web más rápido y sencillo. (Más de 53 000 protagonizó GitHub)

Angular.js: AngularJS es un marco estructural para aplicaciones web dinámicas. (12 000 protagonizó GitHub)

Las calificaciones no significan nada, pero simplemente pensé que las pondría allí para mostrar que esta no es una pregunta "rápida" que no haya investigado.

Por lo que he entendido de Angular a través de wikipedia, su objetivo es separar completamente el diseño / diseño / interfaz de usuario del frontend, donde está la base de datos, el servidor web y dónde ocurre la lógica de negocios.

Por lo que entiendo de bootstrap (con su JS) puede lograr exactamente lo mismo.

El sitio angular menciona:

Otros marcos de trabajo se ocupan de las deficiencias de HTML, ya sea abstrayendo HTML, CSS y / o JavaScript o proporcionando una forma imperativa para manipular el DOM. Ninguno de estos aborda el problema de raíz que HTML no fue diseñado para vistas dinámicas.

Ahora no estoy seguro de si están tomando disparos en algo como la columna vertebral o tal vez incluso de arranque (y si te ofendes fácilmente, entonces ignora el comentario del disparo), pero para mí, simplemente no puedo entender qué es real y verdadero. Hay diferencias entre los 2.

Tal vez haya alguna información avanzada sobre el DOM o algún otro minuto / pequeño aspecto de JS o HTML que haga que los 2 sean diferentes, pero simplemente no lo veo.

PD. No existe una pregunta de SOF como esta, ni los blogs hablan de ello (a menos que esté clasificado muy bajo o lo pregunte de manera incorrecta).

También descubrí que algunas personas están trabajando en trasladar aspectos de bootstrap a angular.

Edición: Pensándolo bien, me di cuenta de que bootstrap ofrece esa opción de cambio de tamaño para diferentes vistas de pantalla, no estoy seguro de si Angular lo hace. Si no, ¿es esa la única diferencia?

Answer 1

Angular y Bootstrap En primer lugar, Angular y Bootstrap no son alternativas, sino complementarias. Significa que uno no está sustituido por el otro, pero pueden combinarse y complementarse entre sí. En otras palabras, manejan diferentes aspectos de la aplicación web. Por lo tanto, no son comparables en ningún sentido. Sin embargo, la diferencia y la similitud entre ellos se pueden ilustrar siguiendo los puntos con viñetas.

¿Qué es angular?

• desarrollado y mantenido por Google
• marco integral de JavaScript del lado del cliente (amigo-final)
• Hecho para aplicaciones de página única de JavaScript ambiciosas
• proporciona un conjunto de componentes para estructurar su aplicación y organizar el proyecto
• La capa lógica para el extremo frontal se ajusta muy bien en forma de módulos, directivas, enlace de datos.

¿Qué no es angular?

• no proporcionar estilos CSS, clases de cuadrícula o componentes de JavaScript (como Modal, Tabs, Barra de navegación, menú desplegable)

¿Qué es Bootstrap?

• Desarrollado por Twitter y ahora de código abierto.
• un conjunto de estilos CSS bien estructurados, clases de Grid y componentes de JavaScript ayudan con las animaciones, creando widgets atractivos (tienen que escribir por su cuenta de lo contrario)
• útil para crear un diseño responsivo adecuado para pequeños proyectos sin mucha personalización y esfuerzos de desarrollo

¿Qué no es Bootstrap?

• No proporcionar estructura a la aplicación.
• no proporcionar funcionalidad común (como enrutamiento, controladores y modelos, arquitectura MV *)

En Común (Angular y Bootstrap)

• marcos de amigos
• inmenso soporte de código abierto
• vienen con un conjunto de componentes predefinidos para asegurar / facilitar el desarrollo

En Contraste (Angular Vs Bootstrap)

• Marco JS (estructural) vs marco CSS (temático)
• Maneja Logic vs Trata con Style
• marco robusto vs marco a pequeña escala
• Para aplicaciones de una sola página vs para cualquier estructura

Answer 2

Bootstrap es un marco de diseño, para la construcción de componentes de aspecto hermoso y fácil y un diseño sensible. También tiene componentes js básicos que hacen que la vida de cualquier desarrollador sea más fácil, en lugar de un desarrollador backend, que no tiene mucha experiencia con las reglas de diseño HTML.

Entonces, solo coloque el css, verifique los ejemplos y replíquelo en su proyecto. Ese es el mayor flujo con Bootstrap.

Angular, es un framework JS, para construir aplicaciones web complejas. Viene en línea con Backbone, Ember Js.

Tome un ejemplo simple de un formulario, donde desea realizar una llamada ajax en Enviar. Ahora puede hacer el formulario, hermoso, mediante Bootstrap CSS, pero necesita usar javascript o, en este caso, angular, para realizar la llamada ajax y hacer la funcionalidad requerida.

Estas van de la mano en las aplicaciones web, no son competidores.

Answer 3

Buena respuesta @tony Puthenveettil Para agregar (y tomarla a un nivel de 5000 pies). Asumamos tu sitio web como tu propia tienda física departamental. El diseño de su tienda departamental tendrá como áreas principales:

1. Cómo le gustaría dividir su tienda en varias secciones como: a. leche y desayuno b. chips y choclates c. Cererls y alimentos integrales d. carne y pollo

2. ¿Cómo se crea el diseño de cada sección?

Si bien algunos de ustedes pueden pensar que, ¿por qué necesitamos compartimentar su tienda? Pero eventualmente, es muy importante. Porque sería mucho más fácil administrar y mantener tus cosas.

Imagina que tu tienda no tiene pedido y se colocan diferentes artículos en diferentes áreas

Por ejemplo, usted está encontrando carne nevera junto a chocolates. extraño eh? Difícil de gestionar y mantener. si si

Así que necesitamos la compartimentación de sus varias secciones.

Ahora vamos a ver cómo se ve cada sección. Es posible que desee poner diferentes mensajes y un aspecto diferente para organizar los chocolates en comparación con la carne. Mientras que su sección de carne puede tener refrigeradores grandes, ¡su sección de chocolates puede tener bandejas abiertas!

Entonces, lo que ayuda a Angular es la creación y el mantenimiento de su compartimiento. ¡Una nevera o una bandeja abierta, es lo que es el bootstrap!

Answer 4

Bootstrap y AngularJS son 2 marcos muy diferentes.

Desde SO tags-info

Twitter-Bootstrap

Bootstrap es un marco de front-end de Twitter diseñado para impulsar el desarrollo de aplicaciones y sitios web. Entre otras cosas, incluye CSS y HTML base para tipografía, iconos, formularios, botones, tablas, cuadrículas de diseño, navegación junto con complementos jQuery personalizados y soporte para diseños sensibles.

AngularJS

AngularJS es un marco de JavaScript de código abierto para crear aplicaciones web de estilo AJAX centradas en CRUD. Su objetivo es cambiar el navegador para aumentar el vocabulario HTML con directivas útiles para crear aplicaciones web dinámicas.

Angular se envía con directivas que agregan enlace de datos bidireccional, control y desenrollamiento de DOM, DOM de código subyacente, validación de formularios y enlaces profundos.

Por lo que entiendo de bootstrap (con su JS) puede lograr exactamente lo mismo.

No se puede lograr lo mismo con bootstrap. AngularJS le ofrece funciones como, enlace de datos bidireccional, enlace profundo, enrutamiento, animaciones de transición y mucho más. En donde bootstrap proporciona complementos personalizados basados ​​en jquery, apariencia agradable, clases css para consultas de medios, etc. Son increíbles juntos, ya que Angular se puede usar junto con otras bibliotecas.