联网时代，程序员无疑是走在时代前沿，在职场十分吃香的一个群体。无论外行小白还是初级码农，都想进阶成为程序员大牛，分互联网红利的一杯羹。近一段时间，尤其是小程序上线以来，HTML5技术成为了掀起互联网浪潮的主角，HTML5技术得到了更广泛的应用，相应的，H5程序员也成了缺口极大的互联网人才，是每个互联网公司都乐意花重金聘请的对象。

人才争夺大战愈演愈烈，H5人才却是乐哉其中，因为这对于他们来说是千载难逢的大好机会，意味着离名企高薪又进一步。圈外人却都是羡慕嫉妒恨的目光，多想来跟你分这块大蛋糕，可惜是个门外汉，入门难啊！初级H5程序员想进阶，有什么方法吗？

小编搜集了一些有用靠谱的方法，希望能对大家有所帮助

适合自学的网站

W3C

全称“W3School”，被很多人成为学习网站中的“战斗机”

Dive into HTML5

这里的内容差不多都是跟HTML5相关的文档，知识点比较基础，简洁清新。在这里不仅能学习知识，还能提高你的英语阅读能力。类似的英文网站还有woorkup。如果英文水平不够硬，只能百度翻译了，也就看个大概意思吧。

H5之家

据说这是装B必进的网站，因为这里不仅有死知识，还有专家对行业的解读和相关新闻的调侃。

HTML5案例网站

HTML5xCSS3

这里有大量的HTML5案例和模板，随便点开一个案例都好看到让人震惊。

360HTML5基地

这是360旗下的一个用来展示HTML5作品的网站，大部分是HTML5游戏展示，可爱有趣。

HTML5技术网站

whatwg

网络超文本应用技术工作小组（Web Hypertext Application Technology Working Group）的博客，里面一些文章能让人受益匪浅。

HTML5技术网

绝对满满的都是硬货，甚至极其边缘的问题你都能在这里找到答案。

HTML5测试网站

HTMLDemos

测试HTML5标签在各浏览器的兼容性，还可以查看HTML5的标准Demo演示。

网站类的工具就先为大家推荐这么多，很多人可能在学习的时候如果能有工具书的辅助效果会更明显，小编也认为，这种搭配是极其正确和明智的，理论结合实践。那就再为大家推荐两本入门级必备两本教材《Head first HTML&CSS》和《JavaScript DOM编程艺术》。相信有了这两大法宝你也可以很快进阶成为技术大牛的。你有更好的方法推荐吗？欢迎留言讨论。

欢迎关注微信公众号【中软卓越北京EEC】

由于前端开发的火热和一些IT巨头公司对HTML5前端开发人员的需求旺盛，让越来越多的人转入前端。前端开发领域是IT技术语言领域唯一一个男女老少都可以快速入门并快速提升兴趣的领域，今天千锋武汉HTML5培训老师就来聊聊HTML5前端到底该怎么学！

话不多说，让我们直接进入今天的主题。HTML5前端到底怎么学？一般据千锋武汉HTML5培训老师的经验，在喜欢并且决定和她恋爱之前，大多数都会做一下充分准备和调查，有必要了解和研究清楚‘她’的几个特性和习惯。

HTML5前端的基本工作职责和基础技能(要清楚)

HTML5前端开发必看的书籍资料(干货重点)。

如果你已经了解清楚HTML5前端的基本工作职责和基础技能，那就跳到后面的“HTML5前端开发 :必看的书籍资料 ”。

HTML5前端的基本工作职责

“入一行，要先知一行 ”;我们来看看HTML5前端开发职位无论什么门派都要做到的一些基本工作职责。

首先，你必须是一个合格的“页面仔”，这个叫法不好听，但很生动。

我们都知道，所有呈现的内容都是基于HTML网页的。

如果你的HTML、CSS(包括现在的HTML5+CSS3)基础不会，或者不够扎实，都很难在有大的进步，或者你的JS很好，但布局基础不行，还是不能算合格的HTML5前端。

其次，HTML5前端主要负责实现视觉和交互功能，以及与后端服务器通信，完成业务逻辑。现在前端的核心价值在于对用户体验的极致追求。

那么我们靠什么来提升用户体验和人性化操作，让用户觉得体验牛x、舒服呢？(当然细分厉害的公司，会有专门的用户体验攻城狮)当然是我们自始自终的主角JavaScript了，毕竟它最初就是为浏览器而生的脚本语言。

然而，JS这门语言并不是一种强类型语言，更像是一种解释型语言，所以很多属性，在不同的浏览器环境解释有很大不同导致，效果和性能千差万别，而且很多属性之长之多之巨都很有工作量。

之后，就出现了jQuery这种的框架神器，由于其好用，简单，效果多样，兼容完美，高效率等特性，迅速席卷全世界，所以如果想入门，jQuery这个东西你是逃不掉的，而且利用它简单的语法，你会很快将一些效果实现出来，迅速提升兴趣。

再后，既然涉及到视觉和用户体验，那么UI设计知识，你肯定要涉及或者懂一些设计方面的技能和基本素养，比如PS的一些基本操作，切图，和颜色值(比如会改个字，隐藏个图层，改个尺寸，变个颜色什么滴)，屏幕适配方案等，讲道理说：平时并不需要我们做，但技能包里绝对要有。

最后，服务器知识+后端语言基础，这个职责和话题就比较hight了，到后面我们会一一解释。

总之，HTML5前端同样是程序员，由于前端是位于后端程序和界面设计师之间的岗位，相当于中间桥梁，要完成三者的对接，涉及到广泛的知识，规模大到工程级，也就有了HTML5前端工程师的说法(某人总结，很是到位)。

HTML5前端工程师，是一个要精通本职HTML、CSS、JavaScript，也要了解后端编程，了解界面设计，了解软件工程的综合人才。

看到这一大篇的职责和技能，你也别害怕，因为这些就像小孩子，会走路，会说话。只要你有兴趣，只要有人领路，有教程自然而然就能掌握的技能，至于一些设计素养，反正你不是UI，有最好，没有又有什么所谓呢？

HTML5前端开发：必看的书籍资料

HTML + CSS这部分建议边学边练，每个属性后还有测试。然后过一遍之后可以模仿一些网站做些页面。记住这个一定要多练、多练、多练 ，最重要的事儿还得我说三遍？

JavaScript要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，还是建议先通过学习一些基本语法和定义。

然后你必须要看书，然后实践(好多人问有没有快速捷径，我只能告诉你：如果有捷径，码农们就不用天天如此苦逼了吧)。

记住：忍得住寂寞枯燥，才能拿得到高薪！

对于习惯看视频学习的同学，以上内容也可以在千锋网站上去搜，现在大部分基础课程讲解都还不错。跟着敲一起学，确实可以避免看书查资料的枯燥。

以下内容都是千锋武汉HTML5培训老师集合自己的经验，再整理汇总了网络各路大神的资料，希望能帮助源源不断入坑的新人更好的学习。

HTML5前端书籍必读、必买

★越多，推荐等级越高，和难度无关。最好按照给的顺序入门，这样不会让你枯燥，想放弃，如果先推荐经典的厚的，满篇定义，我估计是害你们放弃。

1 . JavaScript

先说 JavaScript，因为前面说了，CSS最好跟着视频练习，毕竟都是可视化的，像做艺术。

《JavaScript DOM编程艺术》

★★★★★

最好的JS入门书籍，最让人有兴趣读完的那种书。

它通过一个幻灯片案例，从头到尾教你实现出来，最后效果实现的同时，基本的JS常用属性，你也就滚瓜烂熟了，很有成就感。

一目了然地告诉你如何用JS操作DOM(这是浏览器端编程的基本功)，还灌输了最符合标准的编程理念。可惜有点老，最新一版是2010年的。不过不影响阅读和实现，全部按照最新ES5属性就行了。

《JavaScript高级程序设计》

★★★★

又称红宝书，雅虎首席前端架构师，YUI的作者Zakas出品。虽然书名带了“高级”二字，但是讲得都很基础的属性内容，事无巨细。关键一点是翻译的也很到位，并不是如嚼蜡一般，这很重要。看此书，建议配着下面的犀牛书一起看效果更佳。

《JavaScript权威指南》

★★★★★

著名的淘宝前端团队翻译的，看译者列表都是一堆前期大神。

这本书又叫犀牛书，被国人誉为：JavaScript开发者的圣经。网上对此书评价很多很好，大概意思是说这本书是一本JavaScript文档手册，更适合当作字典和备忘录查询来使用。

千锋武汉HTML5培训的老师也是对这本书有很厚的感情和依赖(忘了属性就拿来翻翻，总有收获)，感觉这本书还是写得枯燥了些，毕竟是工具性质，不适合当作第一本入门来看，不过内容绝对是五颗星，无可挑剔!神书

《JavaScript语言精粹》

★★★★★

作者是大名鼎鼎的【老道】，他是 JSON格式的发明和维护者，也有很多著作和对JS这门语言的超多贡献，可见此人功力绝对顶级!

这本书，属于稍微入门以后看的，了解了一些中高级概念比如：闭包、原型链、作用域链、继承封装等以后，看此书有如神助，看一页相当于犀牛书几十页的讲解(不吹牛逼，当时我是这感觉的)

2 . CSS

CSS类，如果视频看完了，练习的熟练了，你还需要一些书的推荐和查询，也是有必要的，再来给你罗列几本经典的收藏书，买不买均可的。

《Head first HTML&CSS》

★★★

好的入门书。看两遍就对HTML & CSS有个大概印象了。

此时把w3cschool作为备查手册收藏起来，结合此书，事半功倍，成就感爆棚。

《CSS权威指南(第三版)》

★★★★

最权威的CSS书籍，除了阅读W3C的文档外的不二选择(就是翻译太操蛋，可能有的词你以为是火星语，不过不影响阅读)。有时间可以反复看，有css3内容，并当做字典随时查。类似犀牛书。

《图解CSS3：核心技术与案例实践》

★★★

这本书讲解的是最新的CSS3(前几本书停留在CSS2.1时代，2.1是基础)，CSS3也是必学的，不然真的跟不上时代了。

《CSS禅意花园》

★★★★

这本书很值得期待，看过PDF版本的，那时候还没翻译出来，翻译的也一般，不过作者是巨牛逼的，听说对css理解的就像自己的左右手，光靠写CSS他年薪就轻松百万了。。汗颜!思路清晰，图文并茂，还解决一些疑难杂症和高级技巧，类似于JS的语言精粹了，大神级别。

好了，差不多就推荐到这里，CSS这基本是基于情怀，罗列一下，买不买都没必要。真正起到决定作用的，还是JS语言的掌握和实践，JS能力越强基础越稳固，你的前端能力就会越好，自然薪资越高，所以现实点说大家，大家一起努力吧，让money都到碗里来!

有些童鞋认为：从来不需要买纸质书，我全程PDF就行了嘛，不过千锋武汉HTML5培训的老师建议有些书还是要纸质的，这样有感觉，也可以做笔记，甚至随时当工具书字典来查询，由于前端的特殊性和js语言的属性之繁多庞杂，建议你还是要买纸质的书，帮助很大。

以上就是千锋武汉HTML5培训老师整理的HTML5前端的基本工作职责及必读的书籍！HTML5又作为移动互联网主流前端开发语言，那么从事HTML5相关开发工作，就业前景一片光明，这一点从千锋HTML5学员平均薪资1万+就能得到很好体现。所以，想学HTML5前端的就趁早吧！

读：跨平台、免费、开源，谷歌又搞“大新闻”？谷歌最新前端开发框架Flutter1.0版本已发布，可以极速构建漂亮的原生应用。各位前端大神都在用什么开发？下面八本书会帮助你快速入门，成为顶尖前端！

01 《Flutter技术入门与实战》

推荐语：国内首本谷歌开源移动UI框架Flutter零基础快递入门读物。资深架构师撰写，从基础组件的详解到综合案例，从工具使用到插件开发。书中包含大量精选案例、详细实操步骤以及配套视频课程。关于作者：亢少军，捷智云视频会议系统联合创始人，从事流媒体技术研发工作多年，对于Android、iOS等开发技术有比较深入的研究和应用，作为主要程序员开发了多个应用项目，涉及医疗、交通、银行等领域。

02 《React Native 精解与实战》

推荐语：梳理大数据生态与技术栈，准确定位技能与路线；锁定离线和实时场景典型开发需求和方案，实用而高效；难点突破融入案例，示例代码可复用度高；作者来自阿里巴巴智慧服务事业部，多场景、高复杂度数据开发与处理经验分享。关于作者：邱鹏源，商业数据提供商咕咕数据创始人，前咕咕监控、饭妈妈创始人。从事软件研发一线工作已 10 年，拥有丰富的前端、后端以及移动 App 开发经验，主导过多款基于 React Native 框架的商业 App 设计与研发工作。慕课网实战课程讲师，出品视频课程《React.js 入门与实战》等。一直坚持在个人技术博客中分享大量的软件开发文章与视频教程。

03 《深入浅出React和Redux》

推荐语：资深架构师十余年工程经验结晶，由浅入深介绍如何用React和Redux构建前端项目，产出高质量易维护代码。关于作者：程墨，资深架构师，曾任职于摩托罗拉、雅虎和微软，云鸟配送平台联合创始人，目前服务于美国视频服务公司Hulu。

04 《Vue.js项目开发实战》

推荐语：本书不仅是Vue.js框架图书，更是JavaScript全栈图书：大案例全流程展示NoSQL数据库搭建、后端API编写、前端UI设计；涵盖HTML 5、CSS 3、Node.js、Express、Webpack、Babel、ES6、MongoDB等技术整合。关于作者：张帆，资深全栈“码农”。有多年的项目设计和Web开发经验，熟悉各种主流前端和后端开发工具，长期从事新技术的研究与项目实践。现专注于JavaScript全栈开发，以及微信小程序和小游戏的开发实践与探索。

05 《Angular从零到一》

推荐语：本书基于Angular 2，深入讲解基本概念的背后原理，以及众多优秀的设计模式和编程范式，摆脱复杂配置，带你从无到有地搭建前端应用，讲解开门见山，语言风趣幽默。关于作者：王芃，资深开发人员、创业者，曾经在多家软件公司历任项目经理、项目总监、部门经理，后创立成都索课科技有限公司。在多年的开发经历中用Java等语言开发了多种类型的项目，积累了丰富的开发经验。乐于分享，写了大量技术文章。

06 《高效前端：Web高效编程与优化实践》

推荐语：资深前端工程师、知乎著名前端专栏作者兼前端类话题优秀答主经验总结；从思想提升和内容修炼两个维度，围绕前端工程师必备的前端技术和编程基础，总结出高效编程和应用优化的34个最佳实践。关于作者：李银城，资深前端工程师，现就职于人人网。知乎著名的专栏作者，前端类话题知名答主，在知乎前端圈有一定的影响力。乐于分享。喜欢写博客，他的知乎专栏“Effective前端”，累计已经超过20万字，文章被大量转发和转载。

07 《Web前端自动化构建》

推荐语：国内第一本全面讲解Web前端自动化构建的实用指南，涵盖前端开发所需的各种工具，全方位梳理前端构建的整体概念和思路，深入探索使用Gulp、Bower和Yeoman等工具自动高效开发完整工作流的各种方法和技巧。关于作者：斯特凡·鲍姆加特纳（Stefan Baumgartner）在奥地利林茨生活和工作。他是一位非常热情的Web开发者和技术布道师，他经常在当地组织技术分享和会议。他的研究领域涵盖Web性能、自动化、架构和渐进式增强。

08 《JavaScript权威指南（原书第6版）》

推荐语：最权威的JavaScript工具书，从1996年以来，本书已经成为 JavaScript 程序员的《圣经》，前端开发工程师必备的“犀牛书”。该书已经印刷了50多万册，是程序员学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考。第6版涵盖HTML5和ECMAScript 5。很多章节完全重写，以便跟得上当今的最佳Web开发实践。该版本的新增章节描述了jQuery和服务器端JavaScript。关于作者：David Flanagan是一名程序员,也是一名技术书籍作家，其他作品包括《JavaScript Pocket Reference》、《The Ruby Programming Language》以及《Java in a Nutshell》。

华章科技原创，转载请联系我们。