Getting started with HTML5Plus mobile development

HTML5Plus is HTML5+, the core of the core, the dependency for calling native capabilities. In the development of 5+App, based on the original Web development, developers need to focus on mastering this API specification.

HBuilder

DCloud is an IDE for front-end development. The code indicates that these functions are really useful. The development of 5+App relies on the HBuilder integrated environment. Therefore, HBuilder can be regarded as a development tool and environment.

MUI

The UI framework for mobile apps that is closest to native experience

Provides rich UI components to facilitate the development of mobile applications. I don’t know why, but there are always developers who misunderstand this product.

• HTML5+ has no absolute dependency on MUI

• MUI is to make it more convenient to develop 5+App, some methods are in the 5+Runtime environment 5+API will be called next.

• MUI has extended some non-UI plug-ins to provide more convenience for developing 5+ Apps.

• It is not necessary to introduce MUI to develop 5+ App. You can choose a UI framework that you are more familiar with.

Some questions

Can MUI call the system lock screen? Can HBuilder implement this layout?

I’m not exaggerating on purpose. The above problem is real. The reason is that developers do not understand their own needs and the role of related products.

Learning Route

Once you understand the relationship between products, the learning route will be clearer. In fact, the official documents and examples are enough for developers to understand and learn from. Maybe some developers don't like to spend time reading documentation, but prefer ready-to-use source code.

HTML5Plus

HTML5+ has many APIs, and it is definitely unrealistic to read them all one by one. Just go through the definition of each module and become familiar with some commonly used and key modules.

• Webview window management: This is the most basic and must be learned first.

• Device device information: APIs for some system devices are here.

• Downlaoder Download task: It has many uses.

• Uploader Upload task: It has many uses.

For other modules, you can get familiar with them according to your specific needs.

Source code

HBuilder -> Menu-> File-> New-> Mobile App -> Hello H5+
to get the HTML5Plus specification Demo application source code. Refer to the source code of this sample project, combined with the documentation, and make some small demos to familiarize yourself with the relevant APIs faster.

MUI

As mentioned earlier, some methods of MUI are encapsulated based on 5+ API. Therefore, it is more appropriate to start learning after getting familiar with some basic 5+ APIs, so as not to cause many doubts and misunderstandings.

Source code

Many people will complain about the incomplete documentation of MUI. In fact, all components and plug-ins of MUI are in the Hello MUI sample project.
HBuilder -> Menu-> File-> New-> Mobile App -> Hello MUI
This project contains all components and plug-ins of MUI, and provides a large number of example. In actual development, copy the source code from here and paste it directly, and then you can use it with slight modifications. If the components and plug-ins here cannot meet your needs, you can try to find other libraries or spend some effort to implement them yourself.

Community

When learning new knowledge, you will inevitably encounter questions and even find bugs. Asking questions and reporting bugs are also essential skills as a developer. When learning 5+ App development, don’t rely on QQ groups. You must learn to use the official community to search and ask questions.

Reference Document

• Document Center

• HTML5+ Specification

• mui product Overview

Summary

This is the end of this article, and the opening part about the development of HTML5Plus is concluded. The opening part mainly talks about some of my views and understanding on the development of HTML5Plus. For more and more complete content, you still need to read the official documents.

Related products

If you want to master HTML5Plus mobile development, you must first clarify the relationship between several products of DCloud company. Otherwise, it will just be a mess, and even preconceptions may lead to some misunderstandings.

HTML5Plus

That is, HTML5+, the core of the core, calls the dependencies of native capabilities. In the development of 5+App, based on the original web development, developers need to focus on mastering this API specification.

HBuilder

DCloud is an IDE for front-end development. The code indicates that these functions are really useful. The development of 5+App relies on the HBuilder integrated environment. Therefore, HBuilder can be regarded as a development tool and environment.

MUI

The UI framework for mobile apps that is closest to native experience

Provides rich UI components to facilitate the development of mobile applications. I don’t know why, but there are always developers who misunderstand this product.

• HTML5+ has no absolute dependency on MUI

• MUI is to make it more convenient to develop 5+App, some methods are in the 5+Runtime environment 5+API will be called next.

• MUI has extended some non-UI plug-ins to provide more convenience for developing 5+ Apps.

• It is not necessary to introduce MUI to develop 5+ App. You can choose a UI framework that you are more familiar with.

Some questions

Can MUI call the system lock screen? Can HBuilder implement this layout?

I’m not exaggerating on purpose. The above problem is real. The reason is that developers do not understand their own needs and the role of related products.

Related recommendations:

HTML5plus mobile application development example sharing

The above is the detailed content of Getting started with HTML5Plus mobile development. For more information, please follow other related articles on the PHP Chinese website!