OnsenUI and components.onsenui.io - onsen-ui

Could someone please clarify me the relationships between OnsenUI AngularJS based directives and the patterns I can find on components.onsenui.io?
I mean, when I find an interesting pattern, should I use plain html or are there corresponding pre-implemented OnsenUI angular directives which "translate" it?
Thanx!

I am a member of Onsen UI team.
We have plan to combine the Onsen CSS Components and the Onsen UI.
Currently we concentrate on the release of Onsen UI next version.
If you have any question, please contact us.

Related

AngularJS with Kendo/Bootstrap/JQuery/

I am researching to find which UI framework is good with AngularJS, in the basis Performance, Compatibility, Visual look and feel.
Can someone please suggest me to select the UI framework with AngularJS.
So far I can see that UI Bootstrap is the super cool and easy to use framework to work with AngularJS.
Please go through the amazing features of this framework here
For developers using AngularJS, Angular Material is both a UI Component framework and a reference implementation of Google's Material Design Specification. This project provides a set of reusable, well-tested, and accessible UI components based on Material Design.
You can refer here

Angular Material for multi-page website

I have old multi-page Rails website (more than 30 pages) and I'm going to implement Material design with some JavaScript effects for it. After investigations I found that Angular Material provides the most appropriate solution for me. But I'm not sure if it's good to use it, because I have multi-page site. As I understand basically Angular is used for single-page applications.
In fact I'll use only Angular Messages, Material, Animation and View features. Please advise if using such massive JS framework worth it in this case.
Angular does not need to be used only for SPAs. Here's a more in depth discussion of the topic Is AngularJS just for single-page applications (SPAs)?. That said, if all your using is messages, material and animation, those should be the only components you need to add to the project and so you shouldn't be bringing in anything more than is required, such as angular routing. Hope this helps!

it is necessary to learn bootstrap before angular js

i am newbie in Angular-js and wants to learn Angular-js effectively.i have not worked in Bootstrap before. Is it necessary to learn Bootstrap before learning Angular-js ??
Bootstrap is a HTML/CSS framework to play smartly with HTML and CSS and have
best User experience.
Whereas, AngularJS is a javascript framework which handles your middle layer between HTMLs and Server Calls.
So to learn angular without bootstrap is not bad deal.
I hope i am clear to you.
Not at all. Bootstrap is one several styling libraries, which are quite optional. But they do give you a way to get a great looking site with little effort.
If you learn bootstrap it would help you to develop a website with bootstrap popups,modals etc without giving css guy a additional work , learning bootstrap is optional but if you leaarn u will become a good front end angular js developer

Where to after bootstrap and Angular Material

Is there a UI framework or library that is as comprehensive as Twitter Bootstrap, uses Material Design, and is a good fit with AngularJS?
I have used Twitter Bootstrap for a few years. Recently I have started developing in AngularJS and have been trialing Angular Material.
I really like the overall look and feel of Angular Material and the way it uses flexbox. My design skills are limited though, so I really need a comprehensive solution and I find that Angular is just not comprehensive enough (yet).
By way of example, the kinds of things that are available in Bootstrap but not Angular Material include:
Typography: Definition lists, address formatting, inline forms
Components: Jumbotron, page header, panels
I realize that Angular Material has similar things in some areas, but they seem to be quite specialized. For example, you could say that Angular Material cards are akin to Bootstrap Panels, but as far as I can see there's no real point in having a card that doesn't have an image header.
Should I be looking at Polymer? Or something else? Bootstrap 4 looks promising, but I need something now.
Bootstrap has been already 'angularized': https://angular-ui.github.io/bootstrap/ . You can now use the framework you are comfortable with together with angular.
Splitting your requirements: "UI framework or library that is as comprehensive as Twitter Bootstrap, uses Material Design, and is a good fit with AngularJS"
UI framework or library that is as comprehensive as Twitter Bootstrap:
Twitter Bootstrap.
Uses Material Design:
Twitter Bootstrap + Bootstrap material design theme.
Is a good fit with AngularJS:
Twitter Bootstrap + Bootstrap material design theme + Angular Bootstrap Material
Disclaimer: I wrote the last component, Angular Bootstrap Material

Integrate mobile app with Kendo mobile UI , angularjs and topcoat

I have started an android app development.
I want to integrate Kendo Mobile UI with Angularjs and Topcoat . But I am getting confused with all this. Please help me to understand the implementation of this thing.
Also I am confused with the fact that is the implementation of Angularjs and Kendo UI is same as the implementation of Angularjs and Kendo Mobile UI ?
Please help me with this. Thanks in advance.
I recommend checking this blog post: http://developer.telerik.com/featured/announcing-support-for-kendo-ui-mobile-with-angularjs/
Regarding your AngularJS/KendoUI concern, the Telerik resource linked here should be helpful to devs looking to optimally use AngularJS functionality within Kendo UI Mobile. AngularJS documentation and integration methods were updated in late 2014: http://docs.telerik.com/kendo-ui/mobile/angular/sushi-angular-tutorial

Resources