2015第9周三html5学习0
之前规划了2015关注的技术方向是html5和node.js,虽然前面也搜集过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高级程序设计》
《大巧不工》
=========================================
css书籍推荐:
初级:《CSS网站布局实录》(侧重技术方法)
初级:《网站重构-应用web标准进行设计》(侧重编程思想)
中级:《精通CSS:高级web标准解决方案》
高级:《CSS禅意花园》(侧重web UI的css创意化实现)
高级:《超越css-web设计艺术精髓》
初级读物:
《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的更多相关文章
- HTML5 学习总结(一)——HTML5概要与新增标签
一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸 ...
- HTML5学习总结——canvas绘制象棋(canvas绘图)
一.HTML5学习总结——canvas绘制象棋 1.第一次:canvas绘制象棋(笨方法)示例代码: <!DOCTYPE html> <html> <head> & ...
- HTML5 学习笔记(一)——HTML5概要与新增标签
目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2 ...
- html5学习笔记一
HTML5学习笔记 <video>标记:定义视频,Ogg.MPEG4.WebM三种格式 <video src=”movie.ogg” controls=”controls”> ...
- HTML5 学习笔记--------》HTML5概要与新增标签!
一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电. ...
- HTML5学习笔记(一):HTML简介
Web前端涵盖的内容较多且杂,主要由3个部分组成:HTML标记语言.CSS样式语言和JavaScript脚本语言组成,而下面我们将先学习最新的标记语言HTML5. <!DOCTYPE>标记 ...
- HTML5学习总结——HTML5入门与新增标签
一.HTML5概要 1.1.为什么需要HTML5 概念: HTML5 是继 HTML4.01, XHTML 1.0 和 DOM 2 HTML 后的又一个重要版本, 旨在消除富 Internet 程序( ...
- [html5] 学习笔记-表单新增的元素与属性(续)
本节主要讲解表单新增元素的controls属性.placeholder属性.List属性.Autocomplete属性.Pattern属性.SelectionDirection属性.Indetermi ...
- Html5 学习系列(四)文件操作API
原文:Html5 学习系列(四)文件操作API 引言 在之前我们操作本地文件都是使用flash.silverlight或者第三方的activeX插件等技术,由于使用了这些技术后就很难进行跨平台.或者跨 ...
随机推荐
- 用VS2013+VELT进行Linux开发
快乐虾 http://blog.csdn.net/lights_joy/(QQ群:Visual EmbedLinux Tools 375515651) 欢迎转载,但请保留作者信息 1.1.1 什么是 ...
- yum 配置详解(转发)
一.yum 简介 yum,是Yellow dog Updater, Modified 的简称,是杜克大学为了提高RPM 软件包安装性而开发的一种软件包管理器.起初是由yellow dog 这一发行版的 ...
- 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 ...
- POJ3261-哈希
这个题让求至少出现K次的最大长度的子串,属于最大化最小值问题,首先应该想到二分求字串的长度,二分的过程是O(logN)的,注意judge的时候怎样判断是否满足情况以及满足情况后l,r的变化.可以给每一 ...
- xcode 执行时模拟器不可选的问题
好久没写博客了,上一次是什么时候都想不起来了. 之前总认为脑袋记住了,用过了就能够了,干嘛要写博客,简直浪费时间.事实上没事写写博客优点还是挺多的.这样既能够对自己用过的和学到的东西做一个总结,也能提 ...
- EEPlat vs saleforce 配置 Knowledge Article 演示样例
==================================================================================================== ...
- 智能路由——ESB
SOA之我见 SOA已然是企业级开发的必定之路.有人会问:我们有了OOP,还须要SOA吗?好吧我承认,这个问题也困扰了我非常久.现现在我得出的结论是:OOP是OOP,SOA是SOA. OOP是指面向对 ...
- 关于Emit中动态类型TypeBuilder创建类标记的一点思考
利用TypeBuilder是可以动态创建一个类型,现在有个需求,动态生成一个dll,创建类型EmployeeEx,需要继承原dll里面的Employee类,并包含Employee类上的所有类标记. ...
- ORACLE/MYSQL/DB2等不同数据库取前几条记录
选取数据库中记录的操作是最基础最频繁的,但往往实际应用中不会这么简单,会在选取记录的时候加上一些条件,比如取前几条记录,下面就总结了如何在ORACLE/MYSQL/DB2等一些热门数据库中执行取前几条 ...
- “有箭头的视图”,即程序的Storyboard Entry Point。
设置方法很简单:打开StoryBoard文件,选中要设置为第一视图的ViewController,在右边工具栏勾选Is Initial View Controller就好了,此时你会看到ViewCon ...