Choosing bootstrap vs material design [closed] - angularjs

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 years ago.
Improve this question
I'm going to start new project using AngularJS (full stack). My project needs to be responsive and I'll be creating templates from scratch.
So I need an advice on whether to choose bootstrap 3 (with angular directives) or material design for layouts?
I'd greatly appreciate if someone can list the pros & cons of both.

As far as I know you can use all mentioned technologies separately or together. It's up to you. I think you look at the problem from the wrong angle. Material Design is just the way particular elements of the page are designed, behave and put together. Material Design provides great UI/UX, but it relies on the graphic layout (HTML/CSS) rather than JS (events, interactions).
On the other hand, AngularJS and Bootstrap are front-end frameworks that can speed up your development by saving you from writing tons of code. For example, you can build web app utilizing AngularJS, but without Material Design. Or You can build simple HTML5 web page with Material Design without AngularJS or Bootstrap. Finally you can build web app that uses AngularJS with Bootstrap and with Material Design. This is the best scenario. All technologies support each other.
Bootstrap = responsive page
AngularJS = MVC
Material Design = great UI/UX
You can check awesome material design components for AngularJS:
https://material.angularjs.org
Demo: https://material.angularjs.org/latest/demo/

Related

Should I use Ant.Design or MaterialUI or React-Bootstrap? [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 2 years ago.
Improve this question
I want to use one of the theme library with reactJs.
My requirements are:
Theme Control
Fast Development
Easy to Read Code and Debug
If necessary, I can easily modify my Components UX in future
and obviously, Mobile Friendly
Its good to use a UI framework for react as they give you pre-build components that are efficient, responsive, and customizable. However, each framework has its pros and cons. Before choosing a framework I recommend checking how good the documentation is as well as checking the stars on GitHub although it's not the only metric to judge how good a framework is. Every framework is great in its own place however here are some features of Ant Design, Material UI, and React Bootstrap.
Ant Design
High-quality React components out of the box.
Written in TypeScript/ Supports Typescript.
Powerful theme customization in every detail.
Internationalization support
Great documentation
Open-source.
Material UI
Premium themes available.
Not easy to customize.
Based on material design spec developed by Google.
Lots of components.
Open-source.
React-Bootstrap
More control over form and function of each component.
Easy Responsiveness.
Great documentation.
Open-source.
One of the oldest React library.
Mobile first.

How to convert my angular 1.x App to Angular 2 App [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
I'm having an angular app built on angular 1.4 I want to update the app to angular 2 What are the steps that should I follow to do this.
Without breaking my existing functionality. Please let me know.
This is not a task to be taken lightly. You will find Angular 2 very different to Angular 1.x so you will need to spend time learning the new framework before you jump in.
That said, there are libraries to help this transition.
I would start here:
https://angular.io/docs/ts/latest/guide/upgrade.html
The answer would be really big, so I will just redirect you to proper ressources:
UPGRADING FROM 1.X
Preparing for and Migrating Applications to Angular 2
Seamless Ways to Upgrade Angular 1.x to Angular 2
Migrating from Angular 1.x to Angular 2: Upgrade Strategies
Of course, this list is not exhaustive, but I would highly advise you to make your own research and check the link I gave you (especially the first two links) to make it work.
I think it is a big task to change from angular to angular 2 framework. as there are many diffrence between them Please click here for more information

Non-Angular alternative to "Mobile Angular UI" [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
I want to build a mobile web app, and I like a few of the features of Mobile Angular UI. My favorite features are:
The way momentum scrolling is set up
Allowing toolbar items at the bottom to be clicked without interfering/activating iOS Safari's navigation toolbar
Overall how well catered it is to making a mobile web app feel like a native mobile app
The problem is, it looks as if Angular knowledge is required for usage.
I know nothing about Angular, and I don't want to spend a lot of time learning Angular if there is an alternative. Especially since I already know native HTML/CSS/JS quite well.
Is there an alternative to Mobile Angular UI, that includes those 3 features I listed that doesn't require knowledge of Angular JS?
Bootstrap(Responsive Design) or Material Design Lite

Angular Material Vs Bootstrap material [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I am making a project a small test application.I would like to make it on material design than I have three options angular material,bootstrap material and materialize. Bootstrap material is less complicated than any other one but not as good as angular material (when compared on the basis of features) but too easy as compared to angular material.
While bootstrap material uses traditional methods of responsive design angular material uses flex(not supported by many browsers) and this application will go live in schools and collages in india where browsers are old? So I want a expert's comparision and review on this problem and which one I should use and also want to know some nice resources on angular material
In a single line
how can I remove layouting code from css and js of angular material so that I can use bootstrap for that purpose?

How to render charts in angularjs? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
I am new to angularjs
For my project work I need to display the data I am getting from backend in form of charts
(Pie charts,Bar graphs,column charts etc)
I googled for this,and found various websites such as highcharts,d3 but have no clue how to implement them in angularjs.
Are there any tutorials for this?
How to get charts working in angularjs?
I am newbie to angular and completely new to charts.Never worked on them before.
Can someone guide on how to strat with charts and how to integrate them with angularjs?
Maybe try this site http://chinmaymk.github.io/angular-charts/
Since you are new to both angularJS and charts let me give you some hints (some could be really obvious).
angular is a MVC framework
angular scope is the application context for your model -> so you can think of M in MVC as a scope in angular
chart is nothing else than data visualisation -> it means it is a V in the MVC
if you want your charts to be interactive the controller is taking place. The view change only as a result of change of your model (this happens via angular controllers)
I have a personal preference for n3-charts and n3-pie-charts:
it is easy to use
it has great aesthetics

Resources