大约在几个月之前，让我看完了《webkit技术内幕》这本书的时候，突然有了一个想法。想把整个web前端开发所需要的知识都之中在一个视图中，形成一个完整的web前端知识体系，目的是想要颠覆人们对于前端只有三大块（html、css、js）的认识&&做web前端需要的比这三大块要多得多。
　　拖了好几个月了，但是由于近期将要参加的某一个活动，我不得不这两天把这个东西整出来。说干就干。上午我就开始在办公室画草图，乱七八糟的在那儿理思路。
　　大家不要害怕，其实下文中的这个知识框架要比草图中的好看的多，草图大家权当没看见。
　　好了，废话不扯。下面请跟随我本博客的内容，来看看web前端开发除了htm、css和js之外，还有哪些东西需要你一步一步去掌握。
　　在看内容之前，先看一下这个知识框架的预览图。图太大不好展示，看不清除，可在此下载清晰版：&（内有整个知识体系的图片和xmind文件）
　　所有知识框架，那肯定是一个结构型的展现，就是一棵树。web前端的知识点非常多，也非常散，需要好几层结构来组织这个体系，否则就会显得很乱。那么如何组织、把谁和谁放在一块儿？这是真正值得我们去思考的，你也可以自己来思考一下这个问题。
　　在我总结的这个知识框架中，首先第一层我划分为：理论知识，类库框架，编码开发，运行环境。如下图：
　　接下来给大家解释一下：
　　这个图要从下往上看，为何？&&因为下面是上面的基础；
首先，我们需要一定的理论知识，不管是你听别人讲授、自己看书还是网上淘资料，你都需要一定的理论知识，每一种程序开发，都避免不了。
第二，有了这些理论知识我们就可以编码了&&不错&&but，没有人能抵挡住第三方框架和类库的诱惑，例如jquery；
第三，有了这些理论知识和协助我们的类库框架，我们就可真正的编码了。大家可能以为编码开发不就是写代码吗，还有啥？&&这里面道道多着呢；
最后，开发程序的目的，最终是为了能高效、稳定的运行在相应的环境中，这其中又有哪些事情需要我们去做？请期待；
3. 理论知识 包括&软知识&和&硬知识&
　　&软知识&和&硬知识&大家可能觉得词陌生，其实我一说大家就能明白。
所谓&软&的就是能在各个程序开发中都用到的，算是基本功、内功，例如数据结构、算法、设计模式、面向对象等等；
所谓&硬&的就是能直接用于本程序开发的。用C语言你就得学C语言语法，此时学java没用。我们web前端开发所需要的硬知识其实都包含在三个标准里面：http标准、W3C标准和ECMAScript标准；
4. 聊一聊web前端开发中的&硬知识&
　　&软知识&的内容非常多，也是我们大学时代学习的重点（没学好是另回事儿，毕业再恶补）。我们本次主要讨论的是web前端这一个方向，因此就点到为止，让大家知道这些知识也在知识体系中扮演重要角色。
　　刚才说道，硬知识有三个标准：http标准、W3C标准和ECMAScript标准，那咱们就挨个聊聊这三个标准。
4.1 http标准
　　为什么做web前端要了解http标准？&&因为浏览器要从服务端获取网页，网页也可能将信息再提交给服务器，这其中都有http的连接。web系统既然和http链接有瓜葛，你就必须去了解它。
　　我的意见是：你不必去非常了解http的详细内容，但是你要了解web前端开发常用的一些http的知识&&就是上图中我列出来的那些。当然，我知识列了一个纲，详细内容还得靠你自己去查阅（本文章讲的是知识框架，不会涉及任何知识点的详细内容）
　　关于这方面的知识，建议去查阅《图解http》这本书，浅显易懂的讲述了这些内容，我曾经也看过。
4.2 W3C标准
　　如果说你只知道web前端的一个标准，估计肯定是W3C标准了（据我了解，貌似大部分人真的都只知道这一个标准）。它的内容非常多，看看这个页面。
　　写到这里让我想起了一句话：2/8原则&&20%的功能满足80%的需求。我觉得这句话用到这里非常合适，我们在平时开发过程中根本用不到这么多东西。反而，你要把平时用的多的东西搞懂了。
　　下图的这些知识，我想不用再过多解释了，这就是我文章开发说的&三大块&（html、css、js）。现在你要知道，它们只不多是W3C标准的一部分，而W3C标准也只是web前端开发知识体系中的一部分而已。
　　（下图没有完全展开，想看权展开的图，可下载本文一开始提供的附件）
　　关于CSS的基础知识，毛遂自荐一下自己之前的一篇系列博客：《》
4.3 ECMAScript　　
　　简称ES，写全称太麻烦了。
　　有些人可能只知道javascript，而不知道ES&&其实，js是在ES的基础上，为web浏览器做了一部分封装（增加了DOM操作、BOM操作等）。
　　如上图中的这些概念，大家可能平时都在javascript中看到，其实他们是ES的内容。只不过javascript继承了ES的这些特性，并且javascript用的比较广泛，因此才会在js中讨论的多一些。
　　还是那个&2/8原则&。其实ES中的内容也非常多，而且更新很快，现在都到ES6了。但是我上图中列出来的这些都是最重要的概念。如果你不懂原型、闭包和作用域，那就说明你还不完全了解ES，也就是不完全会用javascript。
　　在此毛遂自荐自己之前的一篇系列博客，大家可以去参考：《》
5. 框架和类库
　　前面已经描述完了web前端开发所需要的理论知识。如何实践呢？&&不能蛮干&&还得绕世界去看看，有哪些大牛已经为我们做出了如此多的贡献。
　　用下面的这些类库或者框架，能大大提高你的开发效率。
首先，jquery一定是大部分web前端开发者不可或缺的工具。而我利用jquery不仅仅停留在只使用它的API和插件上，我还会自己去写jquery插件，我还会去读jquery的源码、了解jquery的设计思路。如果你也能那样做，请相信我，你会收获到意想不到的效果。如果有一个问题：怎样才能最最透彻的理解javascript的事件系统？最佳答案之一：读几遍（一遍可能读不懂）jquery关于事件处理部分的源码！
bootstrap不用再过多解释了吧，从github上的排名也能看出道道来。甚至连我们公司的UI设计师，都从bootstrap上截图作为素材。
是全世界最强大的图标系统。相比于css制作图标来说，这个要好很多倍，不管是开发、效率还是维护上。能让我自定义选择自己的图标文件。
requirejs和seajs这种模块定义系统，也一定是你系统中不可或缺的。我曾经看过一个教程，讲师就说：requirejs带来了既jquery之后的第二次前端技术变革。
其他的，backbone、angular、react这些也慢慢的开始发挥了他们的价值，此处精力有限就不再赘述了&&但是，他们很重要&&你至少要试着去了解它们。
6. 编码开发
　　要问编码IDE哪家强，当然要属微软的visual studio！但是即便是微软的VS最新版本，它也代替不了下面要说的这套开发环境。
　　如果你专门做web前端，就不要在用vs了，当然要选择sublime。写html语句还用手动一条一条写吗？你得需要zencoding的协助，否则效率太差了。
　　另外，针对html、css、js的压缩、合并、语法检查，文件的清除、复制这些操作，你还要手动去做吗？&&你需要grunt或者gulp的帮助。
　　在此毛遂自荐自己的教程《》，讲的比较详细，适合初学者学习。
　　如果你的系统中有比较多的js代码或者文件，请选择一个合适的模块定义规范&&CMD / AMD
　　请用git来帮助你做文件版本管理，最简单的就是使用github。
　　调试、测试，也都有专门的工具，都是需要学的&&
　　&&我的天哪&&这些字写到现在写的我的手都酸了，别说要学习这些知识了&&再也别说我们web前端是&三大块&了！
7. 运行环境
　　当系统真正到了运行环境中，当你觉得终于完事儿的时候，其实还有好几个知识点需要你掌握。看下图：
　　首先，你要知道web系统虽然大部分是在浏览器下运行，但是js可能会被运行在node环境。
　　在浏览器环境下，最重要的两点是：web安全和性能优化。需要注意的纲要我都列出来了，如果想了解推荐两本书《白帽子将web安全》《高性能网站建设指南》
　　以上这些是全部的知识体系。如果你想成为一名合格的、让leader喜欢的程序猿，你除了知道这些知识之外，我觉得还需要以下几点：
要了解敏捷软件开发流程（如SCRUM）和项目管理知识（如考取PMP），这也属于一种&软&知识吧；
要学会在网上和别人交流（博客、qq群、开源项目），交流能让自己看到自己的不足；
要学会自我反省和自我学习。就像我现在一样，试着自己总结一下属于自己的东西，随时反省随时进步。
-------------------------------------------------------------------------------------------------------------
欢迎关注我的教程：
《》《》《》
《》《》《》
------------------------------------------------------------------------------------------------------------
也欢迎关注我的开源项目&&
-------------------------------------------------------------------------------------------------------------
随机视频聊天&&
-------------------------------------------------------------------------------------------------------------
阅读(...) 评论()web前端开发工程师都需要掌握哪些技能_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
web前端开发工程师都需要掌握哪些技能
青海中公教育|
总评分0.0|
&&小编为大家整理了IT优就业的教程,想要学习的小伙伴们快来围观啦,希望对大家有所帮助。
阅读已结束，下载文档到电脑
想免费下载更多文档？
定制HR最喜欢的简历
你可能喜欢2017年3月 PHP大版内专家分月排行榜第三2016年12月 PHP大版内专家分月排行榜第三2016年11月 PHP大版内专家分月排行榜第三2014年10月 PHP大版内专家分月排行榜第三2014年8月 PHP大版内专家分月排行榜第三2014年3月 PHP大版内专家分月排行榜第三2014年1月 PHP大版内专家分月排行榜第三2012年8月 PHP大版内专家分月排行榜第三2012年2月 PHP大版内专家分月排行榜第三2012年1月 PHP大版内专家分月排行榜第三2011年12月 PHP大版内专家分月排行榜第三2011年11月 PHP大版内专家分月排行榜第三2011年6月 PHP大版内专家分月排行榜第三
2009年9月 总版技术专家分月排行榜第一
2009年8月 总版技术专家分月排行榜第二
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。初学Web前端开发，需要掌握哪些技术？
我的图书馆
初学Web前端开发，需要掌握哪些技术？
一、学习HTML5和CSS3基础随着这移动互联网快速发展的时代，尤其是4G时代，HTML5+CSS3已然成为新一代的web前端技术。随着HTML5的发展和普及，了解 HTML5 也将成为 Web开发人员的必修课。涉及到网页外观时，就需要学习 CSS 了，它可以帮你把网页做得更美观。利用 HTML5 和 CSS3 模拟一些你所见过的网站的排版和布局（色彩，图片，文字样式等等）。如：京东首页的实现当然，达内Web前端开发课程第一阶段还会学习 PS设计工具使用和互联网UI设计理论。在阶段项目实战中，大家常见的京东详情页、360专题页、淘宝首页都可以实现。二、学习JavaScript，了解DOMJavaScript 是一种能让你的网页更加生动活泼的程序语言。学习 JavaScript 的基本语法，学会用 JavaScript 操作网页中 DOM 元素。在达内 Web前端开发课程第二阶段完全可以实现大家平常喜欢玩的 2048 游戏。（是不是感觉挺有意思）接着学习使用一些 JavaScript 库，比如 Jquery 是大部分 Web开发人员都喜欢用的，通过 Jquery 可以有效的提高 JavaScript 的开发效率。三、学习Web前端核心学习 Jquery 之后，大家就要学习 HTML5 高级阶段（HTML5 Canvas 绘图、HTML5 SVG、音频和视频处理、表单处理、表单验证...等）达内培训每学习一个阶段，都是让学员真正进行项目实战，在熟悉和消化所学习知识的同时，增加自己的项目经验和团队协作能力。在学习 Jquery 和 HTML5 学习结束后，就可以完成飞机大战、飞扬的小鸟以及复杂订单的实现。四、学习HTTP协议及Server端技术服务器端脚本编程（后台开发）也是Web开发人员的基本功之一，达内学员现在学习的是最流行的php。要构建动态页面通常会使用到数据库，通常PHP使用Oracle、MySQL数据库。对于Web服务器来说，Apache 一个就已经是了。那么Apache、php、数据库，该怎么理解它们的关系？1、Apache是服务器基础，php和数据库都需要Apache来协调工作2、php是脚本解释，如果不用php，那么Apache出来的东西就只是静态的，而不能在服务器实现功能3、数据库完全可以单独使用，但是和Apache、php一起，则是由php代码调用数据库接口，而apache就负责解释php代码，让他能真正地实现对数据库的调用这个阶段的项目实战是实现京东订单页和个人论坛。五、学习Web前端高级技术当你掌握了HTML5，CSS3，JavaScript等技术之后，就应该找一个Web框架加快你的Web开发速度，使用框架可以节约你很多时间。在达内学习的Bootstrap是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷，是web前端开发者最喜欢，也是现在企业里最常用的前端框架。Angular JS是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC编程、模块化、控制器、路由、事件绑定等等。AngularJS通过为开发者呈现一个更高层次的抽象来简化应用的开发。如同其他的抽象技术一样，这也会损失一部分灵活性。换句话说，并不是所有的应用都适合用AngularJS来做。AngularJS主要考虑的是构建CRUD应用。幸运的是，至少90%的WEB应用都是CRUD应用。但是要了解什么适合用AngularJS构建，就得了解什么不适合用AngularJS构建。
TA的最新馆藏[转]&[转]&
喜欢该文的人也喜欢}