Your approach and app architecture greatly depends on the app you want to build. Since you are new to Kendo UI, I suggest you take a look at the Friends sample app that comes with the Telerik Platform. When you open the Telerik Platform you should have a workspace named Friends App
. Enter it and click on AppBuilder
. The Friends App needs a bit of configuring before it can start normally. Read more about it here - Sample Friends App Hybrid
You can review this app to get a hold on how you can declare your models, views and view models. This sample app showcases how you should organize your files when you build a real app. Once you start the app you might need to scroll down to "Don't have an account?" and click it to register.
I just want to clarify some things that you might not understand correctly. When you build mobile hybrid apps, you always build a single page application or SPA
that will be run in a mobile web view, not in the browser. A single page application does not mean you have all your code in a single file. It means that all your code (HTML, JS and CSS) will be loaded at the start of the app and navigation actually occurs when one view is hidden and another is shown. So whether you have all your HTML in a single file or in multiple files across folders only results in a better code and an easier maintainability. The Friends App is a beautiful example of that.
Keep in mind that the app you want to build is not simple and the Friends App is just a sample app. You will need to take a look at multiple sample apps to understand what exactly you need to do. For example, you need to use a TabStrip layout and you can see a sample of it in the CoffeeHouse app. You can also take a look at the Telerik Verified SQLite Plugin
and its sample app.
I hope this information was useful. Let me know if you have any further questions or have any problems implementing the app you want to build.
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.