Using jQuery with Web components
As we were starting to use Baasic with Web components/Polymer, one of the first challenges was integrating the existing jQuery plugins into our components. See what we have tried and how it turned out.
Get to know Baasic
If you still haven't familiarized yourself with Baasic we've prepared a couple of articles to get you going.
Baasic Web components
News about Web components, a set of W3C standards and upcoming browser APIs for defining custom HTML elements, started appearing right about the time we started putting together a proof of concept for Baasic. Right away, it seemed like an ideal match for putting together simple yet powerful set of elements that could be easily reused and customized across totally different projects.
What is Baasic?
It is a big moment for the team here at Mono Software: a very first time we are letting the world know about the details of our new service that boldly goes where no BaaS has gone before. While we have your attention, let's explain a couple of basic terms.
Blend Baasic with Polymer
1
Build a site using your favourite platform.
Baasic is platform agnostic. Build up your site using your own tools and just add Baasic!
2
Flavour it up with Baasic Components.
Our premade baasic components make it really easy to give your site some dynamic content.
3
Add your content and get going!
Edit your content using our in built Markdown editor, save it up and you're good to go.
An example article from Polymer website
Give Baasic a spin!
Get involved — aquire a Baasic Guru account
Aquiring a Baasic Guru account gets you a full featured Baasic app account and an opportunity to help us grow Baasic!
Become a Baasic Guru
How to use Baasic Components
Add Baasic Components to your project
You can easily install Baasic Components in to your project by using Bower or downloading them directly from GitHub.
Install using Bower
We are continously adding new Baasic Web components to the main repository, and Bower takes care of all dependencies. To install components supporting minimal content management functionality, use:
bower install baasic-sdk-polymer-core-sessioncontrol
bower install baasic-sdk-polymer-membership-login
bower install baasic-sdk-polymer-article-moduleImport Baasic Components in your files
baasic-login component provides standard login interface. baasic-article component gives you the ability to create chunks of editable content and to control who can view and edit it. baasic-sessioncontrol component controls the expiration of user credentials on the client side. Internally, these components use several other low-level components (providing support for Ajax calls, CRUD operations, editing, configuration management, etc.)
<link rel="import" href="bower_components/baasic-sessioncontrol.html">
<link rel="import" href="bower_components/baasic-login.html">
<link rel="import" href="bower_components/baasic-article.html">