Are AngularJS and KendoUI competing frameworks or are they used to solve different problems?
Yes, very different things.
Angular is a framework for building single page applications. Kendo is a control suite
Define "competitor".
AngularJS is a framework for building JS applications which doesn't come bundled with UI widgets (but there are projects like Angular UI).
Kendo UI provides UI controls like grids, date pickers, charts, but also things like a router module, view models and templating for bidirectional data binding. So while they're not equivalent (Kendo UI having a focus on, well, UI, and AngularJS on the framework aspect), there is some overlap.
You can also use them in combination, e.g. by making use of the Angular Kendo project.
Related
I’m developing a website design using bootstrap now I want to move to convert my application as angular JS application.
What are the main things are consider converting angular application.
Angular is a JavaScript framework, Bootstrap is a CSS toolkit with some javascript modules for UI elements. They do different things.
You might want to look at Angular UI Bootstrap for a collection of directives from bootstrap but otherwise its just a matter of JS to Angular.
Bootstrap and Angular are different technologies with different purposes. I would advise you to start with Bootstrap and Angular documentations first.
My project was developed by normal jquery with material design. But, now I am implementing AngularJs in my project. Material design does not support angular js(won't bind to scope object). My friend suggest me to use angular material design. My customer don't like angular material design UI, He wants material design UI.
Any solution to use MaterialDesign with angular instead of AngularMaterialDesign
Angular.js is a MVC framework, Material Design is just a design guide made by Google.
If you want to have your angular frontend look like Google's material design, you can either include the CSS only or use something like Angular material lite, which wraps angular with material design.
There is no need for you to include Angular.js if you want to have material design or the other way, include material design together with angular, both of them can be used separatly.
I need to know whether AngularJS only enable architecture for develop the applications and it self doesn't provide any UI components and Widgets (calenders, charts etc)?
Whether we have to get them (UI components) only via the third party UI Frame works?
it self doesn't provide any UI components and Widgets
try angularUI
https://github.com/angular-ui
AngularJS itself doesn't provide any UI controls, here are some other resources for UI controls:
Bootstrap with AngularJS
Angular Material - This project provides a set of reusable, well-tested, and accessible UI components based on Material Design.
Kendo UI controls - calender
3 AngularJS UI Frameworks
I've been developing a mobile app with AngularJS and zeptoJS but the combination of those two is not providing any UI widgets
I've seen this topic: Is there a UI library for angularjs for use in a phonegap app?
but I'm looking for more answers ( really, LungoJS is the only answer? and I'm not going to use jQueryMobile. ). Are there any other light libraries ?
IonicFramework is a framework designed for exactly this purpose. Its fairly modern though. As such it doesn't have much in the way of backwards compatibility.
Angular Material (currently for 1.x only)
Material Design components for Angular 2
OnsenUI - "The answer to PhoneGap UI Developement"
React Native
NativeScript Angular
Mobile Angular UI lets you use Bootstrap 3 css stripped out of desktop related media queries and Angular.js to develop mobile apps fast.
Its purpose is to achieve the same of Jquery Mobile but using Bootstrap 3 for the UI and AngularJs in place of Jquery.
It provides also other essential mobile components that are not included in Bootstrap 3 like sidebars, scrollable areas, absolute positioned top and bottom navbars that don't bounce on scroll and more.
I also like TopCoat which is a CSS mobile/desktop framework that works well with Angular. See it in action with angular here: http://coenraets.org/blog/2013/11/sample-mobile-application-with-angularjs/ and the library at http://www.topcoat.io
Check my answer here where I resumed other options for UI frameworks as well as Pros and Cons.
Including kendo UI, phone.js, chocolate chip, steroids.
Custom CSS for Mobile development using Phonegap/Cordova
Top coat and bootstrap also nice ones as already mentioned.
Maybe reconsider jQueryMobile.
Quite a few months ago we started a new project and considered all of the options listed above for a client side framework. We were looking for a large set of mobile-optimized UI widgets. A widget catalog was more important to us than whether the framework provided an MV* architecture, so tools like AngularJS, MeteorJS and EmberJS were secondary. We found jQueryMobile as the best option for us. Bootstrap, Ionic, Kendo, Sensa, etc. didn't seem to have as many and varied out-of-the-box widgets specifically for mobile. The space of mobile tools is in transition, but so far I think we made the best decision for our use case.
I am quite new in Angular world. I am working on an application which involves Angular JS. I've been confronted with the requirement to implement custom scrollbar. My application does have jQuery too, but so far most part of my project uses Angular. So should I be using some jQuery widget or implement it via Angular.
If Angular, can you provide me pointers on how should I proceed?
You should probably implement it in the Angular way, i.e., building / using a custom Angular's directive:
http://docs.angularjs.org/guide/directive
Learning resources for Angular:
https://github.com/jmcunningham/AngularJS-Learning
You can always use jQuery plugins / widgets in an Angular app, but in that case the best way is to encapsulate each plugin within a directive. Angular-UI is a project which does that for several components, including Twitter Bootstrap:
http://angular-ui.github.io/
I'm aware of angular-perfect-scrollbar, a simple Angular's directive for perfect-scrollbar, but haven't tested it yet:
https://github.com/itsdrewmiller/angular-perfect-scrollbar
http://www.yuiazu.net/perfect-scrollbar/
Depending on what your requirements are, you can style your scrollbars strictly in CSS and not need any JavaScript:
http://css-tricks.com/custom-scrollbars-in-webkit/