HTML5 app development for Web cloud: Browser&html5&css3&phonegap&jquery mobile& websocket&node.js (3 days)

Source: Internet
Author: User

Course Description:


Liaoliang Teacher (Contact email [email protected] Tel: 18610086859 qq:1740415547 No.: 18610086859)

HTML5 theme One -time through the HTML5 of all technology;

Clean sweep HTML5 era device, (device side),Browser(browser), and Cloud (browser) of all technologies;

Based on the browser customization technology, Html5+css3+phonegap+web Socket +jquery Mobile +node.js and other HTML5 of the six core technologies;

What is the insider of the newly developed HTML5 operating system?

Where is the core and power of HTML5?

What is the architectural thinking of HTML5?

Why is all in JavaScript?

How do I customize my browser?

Why is a custom browser a starting point and an end point to understand the nature of HTML5 technology?

Why is the interaction between JavaScript and native APIs a key to understanding HTML5 ?

What are the real new features of HTML5?

How do I debug HTML5?

How do I use push technology in HTML5?

What is the magic power of canvas in HTML5?

How does HTML5 's audio and video impact the development of multimedia?

What are the passwords behind HTML5, local storage, offline storage, geo-location, etc.?

What is the password behind the HTML5 development framework PhoneGap?

What is the origin of PhoneGap technology?

How to use PhoneGap at your own whim?

How do I expand the functionality of PHONEGAP?

What 's the Plugin behind PHONEGAP's business code?

How is the HTML5 page exactly like the Native App ?

How to get a thorough insight into jQuery Mobile?

Where is Ajax in HTML5 value?

How does JSON connect Native APIs,Ajax,node. js , and so on?

In the HTML5 era, how to deal with high concurrent service requests?

How to play on the server side and the client in the perfect concurrent non-synchronous processing scheme?

This course is a complete solution to all of the above questions, all of which are simple and code-driven, with HTML5,CSS3,PhoneGap,Ajax,jQuery Mobile, The secret of node. JS tells you the way.

Course Objectives:

This course covers HTML5, CSS3, PhoneGap, Ajax, JQuery Mobile, node. js, and other column HTML5 related technologies, emphasizing the practical capabilities of the code and the rationale behind the analysis.

After mastering this course, can be fully competent for any needs of the Html5+css3+javascript+phonegap+ajax+jquery mobile+node.js development of the HTML5 era.

Specifically:

Customizable browser and ability to open HTML5 browser;

Master HTML5 , such as multi-threading, local storage, and all the new feature technology;

Learn to write Device-side apps in JavaScript ;

Learn to integrate Native APIwith PhoneGap;

Learn to develop server-side Services (Cloud)with node. js;

Specific HTML5 Deep insight and business perspective;

Training target:

Especially suitable for financial institutions, internet companies, intelligent terminal developers;

Mobile App developer

Traditional Web developers;

Architect;

Traditional smartphones, such as Android developers ;

those who want to learn HTML5 ;

Browser customization staff;

Art development staff;

Media agencies;

Time

Content

Note

First day

1th topic: HTML5 Architectural thinking

All in JavaScript Architect of Device & Cloud 1,3 Open Platform & API

2nd theme: Business opportunities and change in the HTML5 era

2,1 HTML5 is different from previous HTML;

2.2 The new business model of the HTML5 era;

2.3 HTML5 with the traditional native App;

2.4 HTML5 will bring new changes to the entire IT community;

3rd topic: Through a blog instance of the actual combat HTML5&CSS3

3.1 Actual Combat HTML5 added page elements;

3.2 The form in actual combat HTML5;

3.3 The canvas in actual HTML5

3.4 Actual Live HTML 5 pages in video and audio

3.5 CSS3 Technical Combat

4th theme: Browser Development and customization

4.1 Browser customization and development of the core principles of analysis

4.2 Browser customization and development of technical means analysis

4.3 Browser customization and development combat

5th theme: Browser Customization technology Cornerstone:WebView how JavaScript interacts with local APIs

5.1 Using Android as an example to explore the new world of making Android interface

5.2 javascriptinterface of the browser

5.3 native API call JavaScript

5.4 JavaScript calls the local API

6th topic: Multithreading techniques for HTML5

6.1 Why HTML5 's multithreading technology is a revolution in device-side programming

The principle and mechanism of 6.2 webworker

6.3 Dedicated worker and shared worker explanation

6.4 Worker thread life cycle

6.5 Through the background numerical computation, the sharing thread, the thread proxy and so on actual combat multithreading technology;

7th topic: HTML5 offline applications and local storage features

7.1 Problem Scenario: How do I work offline on an airplane?

7.2 Offline applications three main points: server, configuration file, update

7.3 Use local Storage and session Storage;

7.4 Use of the database;

7.5 Solve the last problem of offline office on the plane: monitor the online event;

8th topic: HTML5 Revolutionary Features:Web sockets

8.1 Traditional means of communication of client-server

The communication mode of Device-cloud in 8.2 HTML5 era

8.3 Why this is revolutionary

Comparison of 8.4 Web sockets with Ajax

8.5 Web Socket Combat

9th topic: Other new features of HTML5 and browser compatibility issues

9.1 The core principle and significance of the new tag

9.2 geolocation Get geo-location information

9.3 WebGL for 3G plotting

9.4 HTML5 The root cause of browser compatibility issues

9.5 How do I resolve HTML5 browser compatibility issues?

Time

Content

Note

Next day

10th topic: Architecture and business thinking of PhoneGap

Architectural Art of 10.1 phonegap

The relationship between 10.2 phonegap and HTML5, CSS3 and JavaScript

10.3 PhoneGap and Smartphone core features – including cameras, file access, geolocation, accelerators, contacts, sounds and vibrations

Advantages and disadvantages of 10.4 phonegap

11th topic: What are the technical cornerstones of the PHONEGAP framework?

11,1 using WebView

11,2 using JavaScript in WebView

11.3 Creating a local Java API

11.4 Using Javascriptinterface

11.5 JavaScript calls Java

11.6 java call JavaScript

11.7 PhoneGap is how to use the Javascriptinterface

12th topic: Install PHONEGAP develop the first PhoneGap program and thoroughly dissect the program

12.1 Installing the PhoneGap SDK;

12.2 PhoneGap Library's accession

Construction of 12.3 JavaScript

Construction of HTML files under 12.4 asset

12.5 Writing the configuration file

12.6 Packaging, installing, running the first PHONEGAP program

12.7 thoroughly analyze the operation principle, flow, mechanism, etc. of PHONEGAP program

13th topic: PHONEGAP Case Development Combat

13.1 Testing network links via connection

13.2 using accelerometer to capture the action of the device

13.3 Getting the current device orientation via compass

13.4 PhoneGap operating the camera on the local system

13.5 phonegap other local APIs;

14th topic: Plugin development of PhoneGap

14.1 How do I extend the functionality of PhoneGap?

14.2 IPlugin Interface

Application and value of 14.3 proxy-stub model in the development of plugin

How to control hardware vendors and Web developers in 14.4 plugin development

14.5 plugin core Code analysis and development combat

15th topic: Using HTTP&AJAX and remote server-side communication

15.1 The value of Ajax in the HTML5 era;

15.2 Http&ajax actual combat;

16th topic: JSON is a perfect match for JavaScript

16.1 parsing json;

16.2 JavaScript parsing JSON combat;

16.3 Java parsing JSON combat;

16.4 json:html5, native API, Ajax

17th topic: A thorough insight into jquery Mobile

Technical thinking and business thinking of 17.1 jQuery mobile design

17.2 JQuery Mobile entry first experience;

17.3 using headers, toolbars, and tab bars;

17.4 forms and buttons in JQuery mobile;

17.5 the list in jQuery Mobile;

17.6 JQuery Mobile and CSS combined;

17.7 jQuery Mobile theme;

17.8 JQuery Mobile's API;

17.9 and server integration;

17.10 JQuery Mobile and HTML5 development Framework PHONEGAP combined;

Time

Content

Note

Third Day

18th topic: node. JS architecture Concept, technology cornerstone, and how to respond to HTTP and TCP Protocols

18.1 node. JS Architecture

18.2 Why is multithreading and callback so important in node. js?

18.3 node. JS Use Case Appreciation

18.4 node. js WebServer and tcpserver Combat

19th topic: node. js Combat High concurrency and non-blocking service side

19.1 Blocking and Non-blocking

19.2 Event-driven mechanism

19.3 node. JS Development Combat

20th topic: Integration of node. js and WebSocket;

20.1 using node. js and WebSocket to create a non-synchronous processing mechanism and its significant value;

20.2 using node. js and WebSocket to create a non-synchronous processing mechanism Classic mode

20.3 creating a non-synchronous processing mechanism using node. js and WebSocket Classic case

21st Topic: HTML5 Game development case;

21.1 HTML5, among other things engine

21.2 Architecture of the game

21.3 Game Source Analysis

22nd topic: HTML5 's HyBrid Development Case

22.1 HyBrid 's classic architecture and technology

22.2 Case Architecture

22.3 Code Anatomy

HTML5 app development for Web cloud: Browser&html5&css3&phonegap&jquery mobile& websocket&node.js (3 days)

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.