Différences entre bootstrap et ionique
J'ai lu cet article Où se situe le cadre ionique , et j'essaie de comprendre les différences entre Ionic et bootstrap. D'après ce que je comprends, ils ont des objectifs très similaires: ils facilitent le développement d'applications Web, offrant ainsi de nombreux modèles et outils de conception de qualité pour les fichiers CSS, JS et HTML.
Autant que je sache, Ionic est davantage destiné aux applications hybrides mobiles hybrides, tandis que le bootstrap est davantage destiné aux applications basées sur un navigateur, ai-je raison? Mais, encore une fois, Ionic ne peut à lui seul convertir le html en application native pour mobile, il nécessite cordova pour cela. Encore une fois, quelle est la place d'Ionic? Comment est-ce différent du bootstrap? En outre, Ionic nécessite angularJS pour en tirer le meilleur parti. Vous ne pouvez utiliser que la partie CSS de Ionic sans AngularJS. Donc, si vous ne voulez pas angularJS dans votre projet, alors on pourrait dire, vous êtes mieux avec bootstrap et cordova? Ce que j’ai compris, c’est que le bootstrap de Twitter est également beaucoup utilisé dans les sites Web habituels afin de fournir une bonne interface aux navigateurs de PC. L’objectif n’est donc pas simplement de le rendre beau sur un smartphone ou une tablette.
Serait-il possible qu'Ionic soit meilleur pour donner une impression de mobile dans une application hybride native d'un mobile? Avec juste cordova et bootstrap, on ne pourrait pas faire la même chose, du moins aussi facilement? Donc, avec bootstrap, vous pouvez plus facilement donner une sensation native à une application de navigateur, mais pas aussi facile à une application mobile hybride native?
Je sais que cette question peut être très basée sur les opinions, mais s'il vous plaît, ne la fermez pas, je veux comprendre les différences et les meilleurs cas d'utilisation. Dans quels cas il pourrait être préférable d'utiliser bootstrap, et dans quels cas ionique serait-il préférable? Y aurait-il un sens à les utiliser tous les deux, s'ils pouvaient se compléter?
Vous ne pouvez pas comparer Ionic et bootstrap de cette manière.
Ionic sert à la création d'applications mobiles et intègre de nombreux outils de construction. Il est basé sur bootstrap pour le style du contenu et sur cordova pour la création de l'application. Mais vous ne pouvez pas créer avec elle des applications Web normales.
Bootstrap lui-même n’est qu’un framework simple pour le style des éléments html . Cordova permet d’envelopper des pages Web dans un contexte d’application native.
Bootstrap est un composant d'interface utilisateur multiplateforme pour les applications Web/mobiles.
Ionic est Cordova + Composants d'interface utilisateur de plate-forme Cross + Cross + Cross Platform + Native plugins.
Le cadre ionique a des objectifs similaires en ce sens que nous voulons aider à promouvoir modèles de conception recommandés et documenter les meilleures pratiques.
Ionic combine AngularJS (JavaScript, soit dit en passant) avec HTML5 + CSS et utilise Cordova pour accéder aux fonctions natives de l'appareil.
Vous avez donc effectivement raison de dire que cela ressemble à Bootstrap, mais ils prétendent qu'Ionic est conçu pour les appareils actuels et futurs, et non pour ceux construits il y a des années. Il est axé sur le développement d’applications natives et non sur la création de sites Web mobiles.
En savoir plus différences ici .
Construire une application Web est un peu plus viable dans Ionic2 qu'avec Ionic1. Ils ont ajouté la prise en charge des applications Web progressives (ainsi que la prise en charge continue des applications natives), ce qui vous permet d'héberger votre application sur le Web tout en conservant l'aspect des applications mobiles. Découvrez cette procédure pas à pas de la création d’un PWA dans Ionic2 .
Bien entendu, vous souhaitez probablement que votre application Web soit plus conviviale. Vous pouvez vous en approcher à l'aide de responsive grid (très similaire à la grille de Bootstrap), du volet divisé et des composants de navigation imbriqués. Ce n'est pas tout à fait Bootstrap, mais nous sommes sur le point de pouvoir écrire une fois, courir partout ... j'espère!
Nous ne pouvons pas comparer ionique et bootstrap. Fondamentalement, bootstrap aide à développer une première application Web. Ionic est utilisé pour développer une première application mobile. Bien que nous puissions développer des applications mobiles à l'aide de bootstrap, les applications ioniques ont une apparence plus native et offrent de meilleures performances que bootstrap. Si vous êtes impatient de développer une application mobile avec une belle apparence native, utilisez Ionic.
Ionic gagne sur le plan de la performance, où une application native doit se comporter comme telle. Cela signifie que sa coordination angulaire rend les transitions d'interface utilisateur plus faciles par rapport au bootstrap. Vous pouvez facilement identifier les décalages de transition/animation en cas de css/jquery normal.