Authoring cross-platform apps with the Intel XDK (ii)

Authoring cross-platform apps with the Intel XDK (i)

Authoring cross-platform apps with the Intel XDK (ii)

In the previous article in this series, we have a general overview of the Interl XDK. In this section, we'll show you how to build apps with this framework, and here we'll take a simple photo sharing app as an example.

You can find the final code for this example on GitHub.

Compare several frames

The Intel XDK supports several different HTML5 architectures: APP framework, Bootstrap, topcoat, and jquery Mobile. APP Designer also supports these different frameworks. Beginner Mode app starter only supports app Framework.

The app framework is a simple front-end framework, and its UI components can only be used to build this type of application, and it can be equipped with a variety of mobile phone operating systems. On an iOS device, it looks like the iOS local component, and on Android devices it looks similar to the Android local component, as is the case with other devices. Not only that, the APP framework is a lightweight framework that is also very fast.

JQuery Mobile is a classic mobile app framework. It already has a lot of history to look at and is one of the few frameworks that still exist today. You can find a lot of components in its library, but this framework has a lot of problems, it's slow, it doesn't work well, and it doesn't look like a native app.

Topcoat It is a well-known framework. It's not really a complete framework, it just provides a complete UI component.

Bootstrap It is a framework for the most star, it is used to build Web pages and mobile phone responsive website. It was a bit of a surprise when I first used it because it wasn't a hybrid application development framework after all.

now, start coding!

Let's start by creating a project where you can create an app by tapping the start New Project button at the top left. Then select "App Starter" to create a project for the app framework.

Is the prototype of the project you created:

Create a style.css file in the CSS folder, and then create a app.js in the JS folder. The Imageswhere folder is used to store picture resources. We do not use any third-party APIs in this project, and if you need to use them in other projects, you can edit the items to add

。。。。

。。。。

From: Authoring cross-platform apps with the Intel XDK (ii)

Authoring cross-platform apps with the Intel XDK (ii)