The essence of HTML5 training

One. Core technology (can go to the technical website to learn)

1.HTML5 's six core technologies: Html5,css3,javascript,websocket,phonegap,node.js, which cover device-side, browser-side and cloud-ready development, as a set of technical systems.

2. Do Web development to learn JavaScript and design patterns, the lecturer (is Liaoliang himself) recommended JS textbook "JavaScript Framework Design" Masaki , "javascript design mode"(Beauty) James , (US) Dias , suggested reading English version.

3. Liaoliang Instructor's advice on our life:

1) better sleep at 10 o ' Day, start at 5 in the morning and study two-hour technology.

2) Write 3 blog posts a week and share more

3) 2014 opportunity is spark technology, recommended "Spark Asia-Pacific Institute of Public Interest Course Liaoliang"

4) A true master can be cultivated by reading the implementation source code of the platform you use, which is the only way

Two. Knowledge Point review:

The biggest reason why 1.HTML5 is important: applications that can apply cloud services and use local device features (such as camera) on smart devices.

How does 2.HTML5 use the features of a local device (such as a mobile phone)? You can interact with the local by using the API,HTML5 provided by the Local browser.

Several major core changes in 3.HTML5: A. WebSocket technology, so that the cloud (server side) can proactively push data to the client! B. Multi-threading, through the use of local operating system to achieve real multi-threaded C. Customizable browser, so that the browser has local storage data and offline browsing and other functions D. Integrating cloud and device-side features via JS E. New tags and local storage and the ability to manipulate the database are added.

4.HTML5 API Usage Features: API objects are initialized when the browser is launched rather than when the user requests the page, each API interface has callback callback, the code in these callbacks is invoked and controlled by the browser rather than the programmer, this is called the control inversion technology IOC.

In 5.HTML5, the presence of worker threads (worker objects) makes multithreaded programming possible on Web pages. Writing multithreaded programs should give time-consuming threads to worker,worker as child threads, while the main thread is responsible for drawing and redrawing the page and responding to user actions. For example, the user requests some product information data, then the main thread sends the request to the child thread to process it, and the main thread can continue to respond to other requests from the user.

The nature of 6.HTML5 cross-platform is that different browsers provide support for different platforms, allowing HTML5 developers to ignore the issue of platform compatibility.

7.JavaScript closure Feature: An internal variable that implements an access method outside of the JS method (object). However, this can lead to memory leaks, while keeping in mind the internal code of the protection method.

8.PHONEGAP is a development platform that integrates Html5,javascript and CSS3 mobile devices, where it is possible to develop applications that can use both Web page technology and local capabilities of mobile devices. Its plugin (plug-in) mechanism is very powerful because native functionality can be developed in the Java language and then integrated into the HTML5. It also shows that HMTL5 combines the features of the cloud (web HTML development) and native device (Java development) features.

9. Three good JS frame: Jquerymobile,sencha,xui.

10.node.js, based on a platform built on the Chrome JavaScript runtime, is an event-driven, non-blocking I/O model for building easy-to-expand network applications, making it efficient and lightweight for distributed devices and data-intensive real-time applications. such as 2000 people at the same time online chat system. Learning materials: "The Node Beginner book" can be downloaded in www.nodebeginner.org

HTML5 = device + browser + cloud

Device devices, using technology: Html5,css3,javascript (these three are packaged by PhoneGap, PhoneGap provides browser kernel WebView, can parse HTML)

Browser browser, using technology: HTML5,CSS3,JAVASCRIPT,JS Framework (interface for exposing local functions), can imagine this is a mobile browser

Cloud, using technology: node. js