An excellent example of Web apps: the characteristics of Web apps

Article Description: Google Web App Development Guide Chapter One: What is Web Apps?

A lot of people asked me about the authority to learn HTML5 technology, I always hesitate to recommend Google launched by the Html5rocks, this site is like a treasure trove, including classic tutorials, articles, demo and code. Recently, the Chrome team has launched a cool web App ebook that tells the Chrome developers about web apps and best practices, and recommends that each developer who focuses on the web apps read it. Web Apptrend for the convenience of domestic developers to browse the full text of the translation.

Note: This book is a great example of a web apps, and according to the development team, the ebook web app uses a lot of CSS3 features such as Box-shadow, opacity, multiple Backgrounds to make a rich interactive experience, using AppCache and other URL rewriting techniques, not using a single line of service-side code, and using the HTML5 history API to keep the application state.

The following is the first chapter, which clearly describes the Web apps conceptual problems that many people are very confused about.

From today onwards, we will gradually release the Web application area Guide, please look forward to.

People's demand for applications is very strong, it is everywhere! This comprehensive guide will provide you with an introduction to the techniques and conventions needed to build modern web applications. This area guide is designed to help you create a good user experience in a Web application. Whether you're building a Web application for the first time or looking for ways to upgrade existing applications, this guide can help you!

Bless you with all your efforts.

The future towards the application of it!

The change of Web apps

HTML5 allows developers to break the constraints of building web apps in the past

Not so long ago, the web was used only for "search"; its main function was to provide information. To perform tasks, users will purchase and install software to their computer desktop. The key to understanding your Web apps is to understand how technology has impacted the web apps, and now, even if web apps does not provide more than desktop applications, it can at least do as much as desktop applications.

The asynchronous Web apps has changed the user's interaction

The early Web page content was static, and now everything has changed radically. The page is dynamically loaded or changed, rather than displaying all of the content at once.

New language standards provide a richer user experience

Before modern browsers support HTML5, the features needed to build a Web application are varied and often require plug-ins or Java such as Flash or ActiveX. New open platform standards such as CSS3, HTML5, and JavaScript ensure that developers have enough tools and performance to build more interactive Web applications than ever before.

Figure 1.1– New technology has strengthened our ability!

The future of Web apps

You should use whatever technology is available in your Web Apps

Critics of Web apps quickly point to a major drawback--web app users need networking to complete their tasks. Users cannot rely entirely on Web applications to complete their work if the network is not available anytime and anywhere. At least this assumption is tenable.

The future of Web apps depends on whether it is flexible enough to have all the benefits of accomplishing tasks on the web, and to accomplish these tasks offline. Enabling offline applications is now achievable.--HTML5 provides performance such as application caching and client-side storage (for example, local storage, indexed databases) so that your application can work when there is no network connectivity.

Cloud can provide more for users than desktop

The cloud provider provides a platform on which server-side functionality can be hosted and shared. With hosted Web applications in the cloud, users can collaborate with others or collaborate among their different devices to keep data on a secure server. Without heavy overhead costs, Web applications can consume only a fraction of the cost of desktop applications.

Figure 1.2– full display of your equipment potential!

Features of Web Apps

Web apps can be as complex as spreadsheets, document editors, or as simple as to-do managers. Whatever it is, it has to do something.

Web Apps redefine the meaning of "surfing the Web," which has become a mix of web sites and apps. Here are three things to differentiate between web apps and Web sites:

1. One provides a good user experience that allows users to easily complete tasks and take advantage of some of the local performance of the device.

2. A Web application provides a rich visual experience without distracting attention; it pays attention to aesthetics, uses the same design pattern as the local application, and loses ease of use.

3. A Web application is very focused on user interaction, participation, and completion of tasks, rather than just browsing the web. The application is self-contained (self-contained), which means that the user does not have to navigate to other sites or applications to complete the task.

Figure 1.3– Smaller, bigger, simpler, more complex? Just do something!

Confirm Web Apps List

If your answer to these questions is yes, then you are in front of a Web application

Is it self-contained, without redirecting me to a completely different application to accomplish what I need to do?

Can I interact, participate, and accomplish something while I'm using it?

Does it have a rich user interface, the interface looks very beautiful, and is basically full of available Windows?

Does it use the same pattern as a local application, such as a button, dialog box, or other element?

Can it work offline?

Does it apply certain features of the device, such as GPS positioning data and motion sensor data?

Are the traditional Web site navigation elements and links hidden?

Is this application designed to refer to the client-side architecture model?

This article is compiled from Ling, the original address.