​   之前规划了2015关注的技术方向是html5和node.js,虽然前面也搜集过html5相关的评论介绍性能容,但对如何学习和有哪些可利用要经常的看的资源有明显的界定,刚上网搜索了半个多小时,对结果进行整理,如何循序渐进的用html5做些东西,而不仅仅停留在只会谈一些表面概念的程度:

HTML5 包含了以下几个部分:
1. 一部分语义化标签;
2. 一大批 Browser API,支持系统状态读取(地理位置、陀螺仪、加速度等)、数据存取(IndexedDB、LocalStorage 等)、浏览器状态读写(全屏、标签是否激活等)、数据传输(Web Socket 等);
3. 一大批用来替代插件(Flash)的组件(Audio、Video、Canvas、WebGL 等)。
学习 HTML5 之前,需要详细了解 HTML、CSS 和 JavaScript(语言层面)。HTML5 的许多功能都要依赖 JavaScript 的调用,所以你需要先充分了解 JavaScript。这一部分不建议你学习任何 JavaScript 框架(jQuery、Angular 等),因为框架并未封装这些 API(第三方插件可能完成了封装,但不利于你去了解原始的 HTML5 Browser API)。

  大的方向上个人感觉还是要理论和实践相结合,理论是指要看一些经典的书籍、博客、教程、例子,实践是指用技术用它来做点东西,来重构修改例子,提炼其中的精华,看技术论坛上相关提问并努力回答并争取被对方采纳。开始学理论要加快速度可不求甚解,建立一个话题知识索引,知道有什么,然后在遇到问题时再理解消化掉对应的理论。从现在起到3月底重点关注html5方面的理论加实践,对刚收集到的一些好的资源整理如下:

书籍推荐:

html5书籍推荐:
《HTML5高级程序设计》 
《大巧不工》 
========================================= 
css书籍推荐: 
初级:《CSS网站布局实录》(侧重技术方法) 
初级:《网站重构-应用web标准进行设计》(侧重编程思想)

中级:《精通CSS:高级web标准解决方案》

高级:《CSS禅意花园》(侧重web UI的css创意化实现) 
高级:《超越css-web设计艺术精髓》

javascript书籍推荐:
初级读物:
《JavaScript高级程序设计》:一本非常完整的经典入门书籍,被誉为JavaScript圣经之一,详解的非常详细,最新版第三版已经发布了,建议购买。
《JavaScript王者归来》百度的一个Web开发项目经理写的,作为初学者准备的入门级教程也不错。

中级读物:
《JavaScript权威指南》:另外一本JavaScript圣经,讲解的也非常详细,属于中级读物,建议购买。
《JavaScript.The.Good.Parts》:Yahoo大牛,JavaScript精神领袖Douglas Crockford的大作,虽然才100多页,但是字字珠玑啊!强烈建议阅读。
《高性能JavaScript》:《JavaScript高级程序设计》作者Nicholas C. Zakas的又一大作。
《Eloquent JavaScript》:这本书才200多页,非常短小,通过几个非常经典的例子(艾米丽姨妈的猫、悲惨的隐士、模拟生态圈、推箱子游戏等等)来介绍JavaScript方方面面的知识和应用方法。

高级读物:
《JavaScript Patterns 》:书中介绍到了各种经典的模式,如构造函数、单例、工厂等等,值得学习。
《Pro.JavaScript.Design.Patterns》:Apress出版社讲解JavaScript设计模式的书,非常不错。
《Developing JavaScript Web Applications》:构建富应用的好书,针对MVC模式有较为深入的讲解,同时也对一些流程的库进行了讲解。
《Developing Large Web Applications》:不仅有JavaScript方面的介绍,还有CSS、HTML方面的介绍,但是介绍的内容却都非常不错,真正考虑到了一个大型的Web程序下,如何进行JavaScript架构设计,值得一读。
要做优秀的前端工程师,还需要继续努力:《高性能网站建设指南》、《Yahoo工程师的网站性能优化的建议》、“YSLOW”性能优化建议、《网站重构》、《Web开发敏捷之道》、“ jQuery 库”、“前端框架”、“HTML5”、“CSS3”。。。 这些都要深入研究!

掌握一门互联网技术,是需要天天学习的,所以除了书,追随一位男神,是必须的:
国外23位知名JavaScript开发
========================================== 
编程相关:
《重构:改善即有代码的设计》
web前端技能汇总:JacksonTian/fks · GitHub

实战性很强的书:

1、《CSS高效开发实战:CSS 3、LESS、SASS、Bootstrap、Foundation 》

这是一本站在CSS前沿为读者答疑解惑的实战书,作者严格恪守知识来源于实践这一原则,对每个CSS特性都进行了示例演示。
2、超实用的JavaScript代码段 》这是一个系列,有js代码段,css代码段,jquery代码段。
1000段代码纯粹是帮大学生练手用的。

前端开发工程师互动平台

html5例子:http://html5demos.com/

HTML5教程:http://www.gbtags.com/gb/postgroup/6.htm

大熊君学习html5系列:http://www.cnblogs.com/bigbearbb/category/655422.html

html5主要知识点:

HTML5 视频(video)、音频
HTML5 拖放(Drag和drop)
HTML5 画布(Canvas)
HTML5 SVG            
HTML5 地理定位(Geolocation)
HTML5 Web 存储(localStorage和sessionStorage)
HTML5 应用缓存(cache manifest)
HTML5 Web Workers
HTML5 服务器发送事件(Server-Sent)
HTML5 标签、属性、事件

2015第9周三html5学习0的更多相关文章

  1. HTML5 学习总结(一)——HTML5概要与新增标签

    一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸 ...

  2. HTML5学习总结——canvas绘制象棋(canvas绘图)

    一.HTML5学习总结——canvas绘制象棋 1.第一次:canvas绘制象棋(笨方法)示例代码: <!DOCTYPE html> <html> <head> & ...

  3. HTML5 学习笔记(一)——HTML5概要与新增标签

    目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2 ...

  4. html5学习笔记一

    HTML5学习笔记 <video>标记:定义视频,Ogg.MPEG4.WebM三种格式 <video src=”movie.ogg”  controls=”controls”> ...

  5. HTML5 学习笔记--------》HTML5概要与新增标签!

      一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电. ...

  6. HTML5学习笔记(一):HTML简介

    Web前端涵盖的内容较多且杂,主要由3个部分组成:HTML标记语言.CSS样式语言和JavaScript脚本语言组成,而下面我们将先学习最新的标记语言HTML5. <!DOCTYPE>标记 ...

  7. HTML5学习总结——HTML5入门与新增标签

    一.HTML5概要 1.1.为什么需要HTML5 概念: HTML5 是继 HTML4.01, XHTML 1.0 和 DOM 2 HTML 后的又一个重要版本, 旨在消除富 Internet 程序( ...

  8. [html5] 学习笔记-表单新增的元素与属性(续)

    本节主要讲解表单新增元素的controls属性.placeholder属性.List属性.Autocomplete属性.Pattern属性.SelectionDirection属性.Indetermi ...

  9. Html5 学习系列(四)文件操作API

    原文:Html5 学习系列(四)文件操作API 引言 在之前我们操作本地文件都是使用flash.silverlight或者第三方的activeX插件等技术,由于使用了这些技术后就很难进行跨平台.或者跨 ...

随机推荐

  1. 用VS2013+VELT进行Linux开发

    快乐虾 http://blog.csdn.net/lights_joy/(QQ群:Visual EmbedLinux Tools 375515651) 欢迎转载,但请保留作者信息 1.1.1  什么是 ...

  2. yum 配置详解(转发)

    一.yum 简介 yum,是Yellow dog Updater, Modified 的简称,是杜克大学为了提高RPM 软件包安装性而开发的一种软件包管理器.起初是由yellow dog 这一发行版的 ...

  3. What’s the difference between an interface and an abstract class in Java?

    原文 What’s the difference between an interface and an abstract class in Java? It’s best to start answ ...

  4. POJ3261-哈希

    这个题让求至少出现K次的最大长度的子串,属于最大化最小值问题,首先应该想到二分求字串的长度,二分的过程是O(logN)的,注意judge的时候怎样判断是否满足情况以及满足情况后l,r的变化.可以给每一 ...

  5. xcode 执行时模拟器不可选的问题

    好久没写博客了,上一次是什么时候都想不起来了. 之前总认为脑袋记住了,用过了就能够了,干嘛要写博客,简直浪费时间.事实上没事写写博客优点还是挺多的.这样既能够对自己用过的和学到的东西做一个总结,也能提 ...

  6. EEPlat vs saleforce 配置 Knowledge Article 演示样例

    ==================================================================================================== ...

  7. 智能路由——ESB

    SOA之我见 SOA已然是企业级开发的必定之路.有人会问:我们有了OOP,还须要SOA吗?好吧我承认,这个问题也困扰了我非常久.现现在我得出的结论是:OOP是OOP,SOA是SOA. OOP是指面向对 ...

  8. 关于Emit中动态类型TypeBuilder创建类标记的一点思考

      利用TypeBuilder是可以动态创建一个类型,现在有个需求,动态生成一个dll,创建类型EmployeeEx,需要继承原dll里面的Employee类,并包含Employee类上的所有类标记. ...

  9. ORACLE/MYSQL/DB2等不同数据库取前几条记录

    选取数据库中记录的操作是最基础最频繁的,但往往实际应用中不会这么简单,会在选取记录的时候加上一些条件,比如取前几条记录,下面就总结了如何在ORACLE/MYSQL/DB2等一些热门数据库中执行取前几条 ...

  10. “有箭头的视图”,即程序的Storyboard Entry Point。

    设置方法很简单:打开StoryBoard文件,选中要设置为第一视图的ViewController,在右边工具栏勾选Is Initial View Controller就好了,此时你会看到ViewCon ...