Microsoft recently came ut with the Command Line Interface for building Hybrid Mobile Applications. It is known as TACO CLI or Tools for Apache COrdova CLI. The home page for TACO CLI is at http://taco.tools. In this blog post i will be talking about 3 templates i have developed for TACO CLI and release it to the community.

About Kendo UI:

Kendo UI is a flagship product from Telerik. Kendo UI Core is the Open Source version of the Kendo UI Professional which is a commercial product. As part of the Kendo UI Core – we get the core framework components that Kendo UI uses, Basic Web Widgets and complete Kendo UI Mobile Framework. Using Kendo UI Mobile Framework you can build Mobile Web Applications or Hybrid Mobile Applications. You can know more about Kendo UI Core here: http://www.telerik.com/kendo-ui/open-source-core.

About TACO CLI:

For many of you who use Visual Studio, you will be familiar with a project template called Apache Cordova Apps under JavaScript language. TACO CLI is an effort to make non Windows users to get on the Hybrid Mobile App development with ease and breeze. TACO CLI provides what is known as Kits and these kits provide a validated combination of Platforms, Build Tools and Plug-ins. You can know more on TACO CLi here: http://taco.tools

Kendo UI Mobile Templates:

Kendo UI Mobile is very well suited for Hybrid Mobile App development. It has everything you need to support your hybrid mobile app. It has pretty good widgets covering  all aspects of a mobile app. Out of the bix Kendo UI Mobile apps support MVVM concept. I have been working with Kendo UI for almost 3 years now and find it quite easy to get along with. If you know jQUery – you know Kendo UI. Eversince i read about TACO CLI being released – i thought why not create a Kendo UI tenplate for this system. I started working on it, went through the documentation of TACO CLI to see how to create a custom template. In the documentation i found that we can create a github repo and provide that repo as a template to TACO CLI. Here is the documentation link: http://taco.tools/docs/create.html#link-2

I have created 3 templates based on Kendo UI. Below are the template name and Github URL:

Kendo UI Blank Template:

As the name says, this is a blank template. When you use this template it sets the necessary files for you to work with Kendo UI Mobile. There will be one page created called “Home”. This acts as a starting point to you and you can contiue from here on wards. Github link for this template is: https://github.com/lohithgn/vs-taco-kendoui-blank-tmpl. Here is how you use this template with TACO CLI:

taco create helloWorld -–template https://github.com/lohithgn/vs-taco-kendoui-blank-tmpl

Kendo UI Blank Template

Kendo UI Blank Template

Kendo UI Drawer Template:

This template will provide you a nvigation based on Drawer. It will put 3 screen – Home, Settings and Contact. The navigation is available from a left side drawer. The template can be found on github at this link: https://github.com/lohithgn/vs-taco-kendoui-drawer-tmpl. Here is the TACO CLI command to create the app:

taco create helloWorld –-template https://github.com/lohithgn/vs-taco-kendoui-drawer-tmpl

Kendo UI Drawer Template

Kendo UI Drawer Template

Kendo UI TabStrip Template:

This template will give you a navigation based application using a TabStrip. It will put 3 screens – Home, Settings and Contact and the navigation is provided using a TabStrip. You will have 3 tabs for the 3 screens. The template can be fouond on githib at this link here: https://github.com/lohithgn/vs-taco-kendoui-tabstrip-tmpl. Here is the TACO CLI command to create the app:

taco create helloWorld –-template https://github.com/lohithgn/vs-taco-kendoui-tabstrip-tmpl

Kendo UI TabStrip Template

Kendo UI TabStrip Template

 

If you are using TACO CLI, do try out the templates, take them for a spin and let me know if you have any feedback/suggestion regarding the templates.

 

Looking forward to hearing from you.

 

Till next time – Happy Coding. Code with Passion, Debug with Patience.