一转眼，一年又要过去了，在踏上码农这条不归路后，我就曾未后悔过。所以一直在想怎么扩展自己的技能。刚好h5这两年开始火起来，那么我就自己敲开H5的大门吧~

H5是什么?

       h5?你会做h5吗？h5到底是什么？相信很多人都是带着这样的疑问踏上h5学习之路的。在这里，百度什么的都太专业了，借用知乎上 笔者-王德福的一段高分解答是这么说的：

先科普一下，HTML5并不是一项技术，而是一个标准。

标准的意思就是：学生准则手册。你可以按照准则做，甚至可以超出准则更加严格的要求自己，也可以不按照准则来，但是会被老师训斥小伙伴讨厌，别人都不找你玩，就像IE6一样。

那HTML5这些标准浏览器厂商到底姿持不姿持呢？这要看他们各自的尿性了。像chrome这种不仅在很多标准上支持的非常好，还积极上进很多地方超出了标准，支持一些标准中还是草案的部分。

所以其实要么我们是作为理论派讨论HTML5标准，要么是作为实践派讨论HTML5标准在某浏览器的应用。但是实际上我们在说到H5的时候，并不是指标准，也不是指标准的应用，而是一个硬生生造出来的奇怪概念合集，所以我是旗帜鲜明的反对这个称呼的。

作者：王德福

链接：https://www.zhihu.com/question/30363342/answer/53957010

来源：知乎

其实就像这位笔者说的，一开始我也以为h5是一门新起web语言，后来才明白原来是在HTML的基础上增加的新规则新特性，只要你已经有了html开发的知识基础，h5的学习对你来说不算什么难事。

H5学习需要准备什么？

1.首先你要先学习html语言，包括h5的新标准和之前的标准，html其实就是搭建网页的基础，也是学习css,js的前提。

2.学习css以及css3,了解如何使用css来控制网页样式及布局。

3.学习原生js来了解网页的交互操作。

4.学会使用jQuery,轻松做h5开发。jQuery 是目前最流行的 JS 框架，而且提供了大量的扩展。

5.选择性了解Bootstrap框架，Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。

H5学习资料大放送

菜鸟教程

官网地址： http://www.runoob.com/

W3school

官网地址： http://www.w3school.com.cn/

私藏的视频教程

链接: https://pan.baidu.com/s/1dEXYiIH 密码: 2thb

链接: https://pan.baidu.com/s/1jIuO7Im 密码: wptf

链接: https://pan.baidu.com/s/1slHAUAh 密码: 6f9h

再来一本jQuery秘籍宝典

《锋利的jQuery》高清扫描PDF带书签目录完整版+源码

链接: https://pan.baidu.com/s/1o8KyO5s 密码: 6vhh

关于开发工具

      现有的开发工具已经有好多，Dreamweaver,WebStorm,notepad++,Eclipse等...很早接触html的时候老师教我们使用dw，界面可视化的功能给很多人带来方便，但是现在自己在写代码追求简介，选择的开发工具是IntelliJIDEA，界面简洁干净，码代码看着舒服，同时也支持Mac系统。如果你还在纠结，不妨问问身边做html开发的朋友，挑一款最适合自己的。

IntelliJIDEA界面及下载地址

官方下载地址：  https://www.jetbrains.com/idea/

小结：如果你是一名刚开始接触html的初学者，建议先去菜鸟教程或者W3C学习基础知识，因为这些网站提供编辑板块，你可以边学边写，会很快进入学习状态。到中期的时候可以边看教程视频边用开发工具写一些初级的功能页面。等到后期，成功入门，就跟着身边的老手参与开发任务吧。

         说了这么多，其实我也是一枚刚加入h5没多久的渣，毕竟本职是iOS开发。但既然我已经走了这么多弯路，就把资源共享出来给大家铺个路，如果资源链接失效请私信或评论@我吧。这是我在简书投稿的第一篇文章，如果你喜欢这篇文章或者觉得分享的资源对你有用，随手点个“喜欢”可好？这样我就更有动力继续码农之路啦\(^o^)/~

       2017，给大家拜个早年，另，希望所有的开发者们都能新年get新技能，升职加薪，做一枚单纯快乐的程序猿~ 比心❤