Develop mobile Web apps with HTML5

At the last weekly meeting, I gave you a report entitled "roaming mobile platform frontend development". Now I recommend some additional learning materials.   According to the current situation that iPhone/Android rapidly increases market share, if you want to write applications on advanced smart phones in the future, if you choose to use objective-C + cocoatouch framework to write iPhone/iPad applications, you can select Java + Android framework to write Android applications. If you want to support both platforms, it is necessary to maintain two sets of code, which is a small and affordable maintenance cost for small services.

Let's use HTML5 to develop mobile Web apps!

I. Preface Fortunately, browsers on iPhone and Android provide better support for HTML5 and css3, so that they must use the native application development framework to achieve the effect, many of them can now use HTML5 or css3 technologies. Therefore, you can use HTML5 and css3 to write Web-based applications. To support both iPhone and Android, you almost only need to maintain one code (a small part must be modified based on clients), and if other mobile devices have browsers supporting HTML5 in the future, the same webapp directly has an additional support platform. Ii. Current situation Currently, a large number of mobile webapps developed using HTML5 belong to Google's series of services. In the official blog of Google, some mobile webapp's Article Now, you can use the iPhone or android browser to connect to services such as Gmail, Google Voice, and Buzz to see the results of Google. Gmail mobile Google buzz Google's series of services use a lot of HTML5 cache, storage and database specifications to achieve the effect of offline access programs. Compared with desktop applications, mobile device network connections are less stable and sometimes no network can be used on mobile devices, with these technologies, users can continue to use your webapp even in a non-network environment. HTML5 also defines many technical specifications for 2D graphic processing and multimedia (video/audio). It is not completely impossible to create a variety of visual applications on it, using HTML5 to write mobile Web apps does not have full control over mobile devices as native apps, but it is definitely worth the effort to make a wide array of apps. 3. Preparations before development First of all, you need to understand the operation modes of HTTP and web, even though HTML 5 is used to write webapps, learn how to use HTML, CSS, and JavaScript to develop Web Front-end images and interactive programs. After getting started with these basic skills, you need the following resources: HTML5 specifications. Of course, you need to know what HTML5 specifications are developed to know how many weapons can be used. References: Good references can bring you to heaven and increase the learning efficiency:
The iPhone web app development guide provided by Apple will also show you various new HTML5 specifications.
The accelerated webapp Guide provided by Google. To make the browser better behave in webapps, developers must try their best to increase the speed of webapps, reduce the response time, and avoid increasing user frustration after a long wait. Since it is a webapp, it is bound to (in most cases) need a Web server. Now there are many free Web/APP server hosting instances (such as Google App Engine ), webapp is an indispensable element.

4. Other References (from IBM developmerworks) Battle of Android and iPhone browsers: 1. Battle between Android and iPhone browsers, Part 1: WebKit 2. The battle between Android and iPhone browsers, Part 1: Creating browser-based applications for iPhone and AndroidProgram Use HTML 5 to create a mobile Web application series: 1. Use HTML 5 to create mobile Web applications. Part 1: Use HTML 5, geo-positioning API, and Web Service to create mobile mashups 2. Use HTML 5 to create a mobile Web application, Part 1: Use HTML 5 to enable local storage of mobile Web Applications 3. Use HTML 5 to create mobile Web applications, Part 1: Use HTML 5 to support offline work of mobile Web Applications 4. Use HTML 5 to create a mobile Web application, Part 1: Use Web workers to accelerate your mobile Web Application 5. Use HTML 5 to create a mobile Web application, Part 1: Use HTML 5 to develop new visual UI features -------------------------------- end ------------------------------