一。核心技术(可去各技术官网学习)

1.html5的六大核心技术:Html5,CSS3,JavaScript,WebSocket,PhoneGap,Node.js,它们覆盖了设备端,浏览器端和云端的开发,可作为一套技术系统。

2.做Web开发要学好JavaScript和设计模式,讲师(就是王家林本人)推荐的JS教材《JavaScript框架设计》司徒正美 著,《JavaScript设计模式》(美)哈梅斯,(美)迪亚斯 著,建议读英文版。

3.王家林讲师对我们人生的建议:

1)每天最好10点睡,早上5点起,起来研究两个小时技术

2)每周写3篇博客,多多分享

3)2014年的机遇在于Spark技术,推荐了“spark亚太研究院公益课程 王家林”

4)真正的高手能够通过读你使用的平台的实现源码来培养,这是唯一途径

二。知识点回想:

1.html5之所以重要的最大原因:能够在智能设备上实现既能应用云服务又能运用本地设备功能(如Camera)特性的应用。

2.html5如何运用本地设备(如手机)的特性呢?通过使用本地浏览器提供的API,html5可与本地交互。

3.html5的几大核心变化:a.WebSocket技术,使得云端(server端)能够主动推送数据到client! b.多线程,通过利用本地的操作系统实现真正的多线程 c.可定制浏览器,使得浏览器具有本地存储数据和离线浏览等功能 d.通过Js整合云端和设备端的特性 e.新增了新标签和本地存储以及操作数据库的功能。

4.html5的API使用特点:API对象在浏览器启动的时候就初始化而不是用户请求页面的时候;每一个API接口都有回调callBack,这些回调里的代码是由浏览器调用和控制的而不是编程人员,这叫做控制反转技术IOC。

5.html5中,工作线程(Worker对象)的出现使得在web页面进行多线程编程成为可能。编写多线程程序应把耗时的线程交给worker,worker是子线程,而主线程仅仅负责页面的绘制和重绘以及响应用户操作。比如,用户请求了一些产品信息数据,那么由主线程把请求发给子线程去处理,主线程能够继续响应用户的其它请求。

6.html5跨平台的本质,是不同的浏览器提供了对不同平台的支持,使得html5开发人员能够忽略去解决平台兼容性的问题。

7.JavaScript的闭包特性:在Js方法(对象)外实现訪问方法的内部变量。可是这样可能导致内存泄露,同一时候要注意保护方法的内部代码。

8.PhoneGap是一个整合了html5,JavaScript和Css3的移动设备的开发平台,在该开发平台上可以开发出既可以使用Web网页技术,又可以使用移动设备的本地功能的应用。其PlugIn(插件)机制很强大,由于可以用java语言来开发本地功能,然后整合到html5中。也体现出Hmtl5结合了云端(网络 html开发)和本地设备(java开发)特性的特点。

9.三款不错的JS框架:JQueryMobile,Sencha,XUI.

10.Node.js,基于Chrome JavaScript 执行时建立的一个平台,用于搭建易拓展的网络应用,是事件驱动的,非堵塞I/O模型,使得其高效轻量,适用于分布型设备和数据密集型的实时应用,如2000人同一时候在线的聊天系统。学习资料:《The
Node Beginner Book》可在www.nodebeginner.org下载

10. html5   =   device +   browser +  cloud

device设备端,使用技术:html5,Css3,JavaScript(这三者由phoneGap打包,phoneGap提供浏览器内核WebView,能够解析html)

browser浏览器,使用技术:html5,Css3,JavaScript,Js框架(用于暴露本地功能的接口),可想象这是手机浏览器

cloud云端,使用技术:Node.js

Html5培训之精髓的更多相关文章

  1. HTML5培训哪里靠谱

    兄弟连IT培训教育,是学科最全的IT培训机构,涵盖HTML5培训.等学科,并是业内推出真实千万级服务器架构课程的唯一培训学校.兄弟连已分别在北京.上海.广州.沈阳.郑州.济南.成都.杭州.南京.南宁. ...

  2. HTML5培训入门基础知识了解CSS3 3D属性

    CSS3 3D 什么是3d的场景呢? 2d场景,在屏幕上水平和垂直的交叉线x轴和y轴 3d场景,在垂直于屏幕的方法,相对于3d多出个z轴 Z轴:靠近屏幕的方向是正向,远离屏幕的方向是反向 CSS3中的 ...

  3. 前端培训教程 jquery半透明设置

    function setOpacity(eles){ $(eles).each(function(){ if($.browser.msie){ $(this).clone().empty().inse ...

  4. Web开发者应当开始学习HTML5的新功能

    据国外媒体报道,谷歌开发者业务部门高管马克·皮尔格雷姆(Mark Pilgrim)在WWW2010会议上表示,尽管还需要进一步完善,HTML5已经获得大多数平台支持,适合完成大多数任务. 但并非所有人 ...

  5. UI培训怎么学才高效

    随着互联网科技的爆炸式发展,UI设计越来越受到我们的青睐,绝大部分企业已成立U设计部门来提高自身影响力,但现在许多从事UI设计的人,都是从零基础过度过来的,他们不乏大牛,在阿里巴巴,在腾讯等国内一流企 ...

  6. 零基础如何迅速学习HTML5?新手小白学习web前端H5自白!

    很多的人在毕业之后才发现原来学的专业不是自己想做的工作,或者专业对口的工作待遇让人觉得并不满意,于是很多人选择培训机构学新的一门技能转换行业.IT行业的web前端H5受到很多学员的青睐.那么学习web ...

  7. 自学HTML5难 我们应该怎么做

    互联网发展到今天,越来越多的技术岗位人才出现了稀缺的状态,就拿当前的HTML5来讲,基本成为了每家互联网公司不可缺少的人才.如果抓住这个机会,把HTML5搞好,那么前途不可限量,而且这门行业是越老越吃 ...

  8. 作为新手 HTML5如何自学为好?

    互联网发展到今天,越来越多的技术岗位人才出现了稀缺的状态,就拿当前的HTML5来讲,基本成为了每家互联网公司不可缺少的人才.如果抓住这个机会,把HTML5搞好,那么前途不可限量,而且这门行业是越老越吃 ...

  9. 移动端HTML5性能优化

    移动端HTML5性能优化 [导读] 得益于智能手机的普及和各行各业互联网+的运动,移动端的市场占比疯狂增长. 2016年1月发布的2015年电商数据显示,2015年中国移动端网购交易额同比暴涨123 ...

随机推荐

  1. opencv中ptr的使用

    #include <QCoreApplication> #include<stdio.h> #include<opencv2/highgui/highgui.hpp> ...

  2. GYM 101350 G

    G. Snake Rana time limit per test 4.0 s memory limit per test 256 MB input standard input output sta ...

  3. Vector模板类----构造与析构

    /* 基于C++平台*/ typedef int rank; //用int来定义 “秩” 这种概念 #define DEFAULT_CAPACIITY 3 //默认初始容量,实际应用中可以取更大的值 ...

  4. 创建安卓模拟器的两种方式及常用Android命令介绍

    创建安卓模拟器有以下两种方式: 1>通过图形界面创建,在Eclipse中单击Windows->Android Virtual Device Manager启动图形界面窗口 2>如果用 ...

  5. python的re模块常用方法

    正则表达式模式 模式字符串使用特殊的语法来表示一个正则表达式: 字母和数字表示他们自身.一个正则表达式模式中的字母和数字匹配同样的字符串. 多数字母和数字前加一个反斜杠时会拥有不同的含义. 标点符号只 ...

  6. BZOJ 1829 [Usaco2010 Mar]starc星际争霸 ——半平面交

    发现最终的结果只和$s1$,$s2$,$s3$之间的比例有关. 所以直接令$s3=1$ 然后就变成了两个变量,然后求一次半平面交. 对于每一个询问所属的直线,看看半平面在它的那一侧,或者相交就可以判断 ...

  7. BestCoder Round #36

    HDU5198 Strange Class 问题描述 在Vivid的学校里,有一个奇怪的班级(SC).在SC里,这些学生的名字非常奇怪.他们的名字形式是这样的anbncn(a,b,c两两不相同.).例 ...

  8. Spoj-NPC2015A Eefun Guessing Words

    Eefun Guessing Words Eefun is currently learning to read. His way of learning  is unique, by trying ...

  9. STL学习笔记(一) 容器

    0.前言随机访问迭代器: vector.string.dequeSTL的一个革命性的方面就是它的计算复杂性保证 条款01:慎重选择容器类型 c++提供的容器:标准STL序列容器:vector.stri ...

  10. 【Codeforces Round #505 (Div. 1 + Div. 2) 】

    A:https://www.cnblogs.com/myx12345/p/9843966.html B: C:https://www.cnblogs.com/myx12345/p/9844084.ht ...