2015第9周三html5学习0

时间：2022-02-17 08:57:51

​　　 之前规划了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 标签、属性、事件

相关文章