La différence / s réelle (ou cachée) entre bootstrap Twitter et Angular.js

Je viens de comparer ces 2 frameworks frontend et d’après ce que je peux dire, ils semblent faire exactement la même chose en termes de fourniture du dev avec une interface HTML, CSS et JS.

Boostrap: cadre frontal élégant, intuitif et puissant pour un développement Web plus rapide et plus facile. (plus de 53 000 vedettes sur GitHub)

Angular.js: AngularJS est un framework structurel pour les applications web dynamics. (12 000 vedettes sur GitHub)

Les cotes ne veulent rien dire, mais je pensais juste que je mettrais là-dedans pour montrer que ce n’est pas une question «rapide» que je n’ai pas étudiée.

D’après ce que j’ai compris d’Angular par le biais de Wikipédia, il vise à séparer complètement le design / layout / ui du serveur frontal du serveur principal – là où se trouve la firebase database, où se trouve le serveur Web et la logique métier.

D’après ce que j’ai compris du bootstrap (avec son JS), vous pouvez réaliser exactement la même chose.

Le site angular mentionne:

D’autres frameworks de travail traitent des lacunes du langage HTML en éliminant le HTML, le CSS et / ou le JavaScript, ou en fournissant un moyen impératif de manipuler le DOM. Aucun de ces problèmes ne résout le problème fondamental que HTML n’a pas été conçu pour les vues dynamics.

Maintenant, je ne suis pas sûr qu’ils prennent des potshots à quelque chose comme backbone ou même bootstrap (et si vous êtes offensé facilement, alors ignorez le commentaire des potshots), mais pour moi, je ne peux pas les différences sont entre les 2.

Peut-être y a-t-il des informations avancées sur le DOM ou d’autres minuscules / minuscules aspects de JS ou HTML qui rendent les 2 différents, mais je ne les vois pas.

PS Aucune question SOF de ce genre n’existe, et aucun blog n’en parle (à moins qu’il ne soit classé très bas ou que je ne me trompe).

J’ai également découvert que certaines personnes travaillaient sur le portage de certains aspects du bootstrap en angular.

Edit: En y repensant, je me suis rendu compte que le bootstrap offre cette option de redimensionnement pour différentes vues d’écran, je ne sais pas si c’est angular. Si non, est-ce la seule différence?

Bootstrap et AngularJS sont deux frameworks très différents.

À partir des balises-info SO

Twitter-Bootstrap

Bootstrap est un framework frontal de Twitter conçu pour lancer le développement de webapps et de sites. Entre autres choses, il inclut les bases CSS et HTML pour la typographie, les icons, les formulaires, les boutons, les tableaux, les grids de présentation, la navigation ainsi que les plug-ins jQuery personnalisés et la prise en charge de mises en page réactives.

AngularJS

AngularJS est un framework JavaScript open-source pour la création d’applications Web de type AJAX centré sur le CRUD. Son but est de modifier le navigateur pour augmenter le vocabulaire HTML avec des directives utiles pour créer des applications Web dynamics.

Angular est livré avec des directives qui ajoutent une liaison de données bidirectionnelle, un contrôle DOM et un déroulement, un code DOM, une validation de formulaire et une liaison profonde.

D’après ce que j’ai compris du bootstrap (avec son JS), vous pouvez réaliser exactement la même chose.

Non, la même chose ne peut être obtenue par bootstrap. AngularJS vous offre des fonctionnalités telles que la liaison de données bidirectionnelle, la liaison profonde, le routage, les animations de transition et bien plus encore. Où bootstrap fournit des plugins basés sur jquery, un look sympa, des classes css pour les requêtes média, etc. Ils sont géniaux car angulars peuvent être utilisés avec d’autres bibliothèques.

Bootstrap est un cadre de conception permettant de créer des composants simples et beaux et un design réactif. Il comporte également des composants js de base qui facilitent la vie de tout développeur, en particulier un développeur backend, peu familiarisé avec les règles de conception HTML.

Alors, placez simplement le css, vérifiez les exemples et reproduisez-le dans votre projet. C’est le principal stream avec Bootstrap.

Angular est un framework JS pour la création d’applications Web complexes. Il s’aligne sur Backbone, Ember Js.

Prenons un exemple simple de formulaire, où vous souhaitez faire un appel ajax sur Submit. Maintenant, vous pouvez rendre la forme, belle, par Bootstrap CSS, mais vous devez utiliser javascript ou dans ce cas, angular, pour faire l’appel ajax et faire les fonctionnalités requirejses.

Celles-ci vont de pair dans les applications Web, ce ne sont pas des concurrents.

Angular & Bootstrap Tout d’abord, Angular et Bootstrap ne sont pas des alternatives, mais complémentaires. Cela signifie que l’un n’est pas substitué par l’autre, mais qu’ils peuvent être combinés et peuvent se compléter. En d’autres termes, ils traitent différents aspects de l’application Web. Par conséquent, ils ne sont en aucun cas comparables. Cependant, la différence et la similitude entre eux peuvent être illustrées en suivant les points à puces.

Qu’est-ce que c’est angular?

  • développé et maintenu par Google
  • cadre JavaScript complet côté client (ami-fin)
  • Conçu pour les applications JavaScript mono-page ambitieuses
  • fournit un ensemble de composants pour structurer votre application et organiser le projet
  • la couche logique pour le frontal est bien intégrée sous la forme de modules, de directives, de liaisons de données

Qu’est-ce que Angular non?

  • ne pas fournir de styles CSS, de classes de grid ou de composants JavaScript (comme Modal, Tabs, Barre de navigation, Menu déroulant)

Qu’est-ce que Bootstrap?

  • développé par Twitter et maintenant open-source
  • un ensemble de styles CSS bien structurés, des classes de grid et des composants JavaScript facilitant les animations, créant des widgets agréables (écrivez vous-même autrement)
  • pratique pour créer un design réactif bien adapté aux petits projets sans trop d’efforts de personnalisation et de développement

Qu’est-ce que Bootstrap n’est pas?

  • ne pas fournir de structure à l’application
  • ne pas fournir de fonctionnalités communes (comme le routage, les contrôleurs et les modèles, l’architecture MV *)

En commun (angular et bootstrap)

  • frameworks amis
  • immense support open source
  • viennent avec un ensemble de composants prédéfinis pour fixer / faciliter le développement

En contraste (Angular Vs Bootstrap)

  • Framework JS (structurel) vs framework CSS (thing)
  • gère Logic vs traite avec Style
  • cadre robuste vs cadre à petite échelle
  • pour les applications mono-page vs pour toute structure

Bonne réponse à @tony Puthenveettil Pour append (et le prendre au niveau de 5000 pieds). Supposons que votre site Web soit votre propre magasin départemental physique. La conception de votre magasin départemental devra porter sur des domaines majeurs:

  1. Comment voulez-vous compartimenter votre magasin en différentes sections, comme: a. lait et petit-déjeuner b. chips et chocolatés c. cererls et aliments entiers d. viande et poulet

  2. Comment créez-vous la mise en page de chaque section

Alors que certains d’entre vous pensent peut-être que nous devons compartimenter votre magasin. Mais finalement, c’est très important. Parce qu’il serait beaucoup plus facile de gérer et d’entretenir vos données.

Imaginez simplement que votre magasin n’a pas de commande et que différents articles sont placés dans des zones différentes

Par exemple, vous trouvez un frigo à côté de chocolats. étrange hein? Difficile à gérer et à entretenir. Oui !

Nous devons donc compartimenter vos différentes sections.

Maintenant, passons à la façon dont chaque section ressemble. Vous voudrez peut-être mettre différents messages et différents aspects de l’organisation des chocolats par rapport à la viande. Alors que votre section de viande peut avoir de gros réfrigérateurs, votre section de chocolats peut avoir des plateaux ouverts!

Ainsi, la création et la maintenance de votre compartiment est ce que Angular aide à faire. Un réfrigérateur ou un plateau ouvert est ce que le bootstrap est!