​   之前规划了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. 【转】vim文件编码和乱码处理

    原文网址:http://edyfox.codecarver.org/html/vim_fileencodings_detection.html 在 Vim 中,有四个与编码有关的选项,它们是:file ...

  2. PHP初识

    1. php是一种跨平台的语言,支持几乎全部的数据库. 以前觉得PHP与MYSQL是黄金组合,对于PHP能否支持MSSQL没有过了解,PHP支持几乎全部的数据库,也支持MSSQL(5.2.X版本可以用 ...

  3. springMVC+mybatis用户登录实例

    1.整体结构 2.准备工作 数据库: --Mysql 5.6 创建数据库 wolf 1 CREATE DATABASE wolf; 创建用户表 user 1 2 3 4 5 6 create tabl ...

  4. (3)选择元素——(5)为项目列表加样式(Styling list-item levels)

    Let's suppose that we want the top-level items, and only the top-level items, to be arranged horizon ...

  5. HDU4496_D-City(并查集删边/逆向)

    D-City Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65535/65535 K (Java/Others) Total Sub ...

  6. Android应用程序注册广播接收器(registerReceiver)的过程分析

    前 面我们介绍了Android系统的广播机制,从本质来说,它是一种消息订阅/发布机制,因此,使用这种消息驱动模型的第一步便是订阅消息:而对 Android应用程序来说,订阅消息其实就是注册广播接收器, ...

  7. RS-232通信原理

    rs232串口通信原理 串口是计算机上一种非常通用设备通信的协议(不要与通用串行总线Universal Serial Bus或者USB混淆).大多数计算机包含两个基于RS232的串口.串口同时也是仪器 ...

  8. Oracle - 使用序列+触发器实现主键自增长

    Oracle中的自增,不如Sql server那般方便. --.创建序列 CREATE SEQUENCE "TABLE_NAME"."SQ_NAME" MINV ...

  9. [转]CENTOS6 VNCSERVER安装

    标签:vncservercentos6.0 ssh隧道 vncviewer centos 休闲 职场 原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律 ...

  10. Web 上一页下一页 用超链接 用按钮

              方法一超链接 Default.aspx.cs html代码************************************************************* ...