web前端工程师是近几年才发展出来的新兴职业，也是目前火爆且高薪的职业。大需求的市场环境下，出现了越来越多的人群转行做web前端工程师，如设计师、后台程序员、网虫、大学其他专业、策划、编辑等等。

要学习web前端开发，需要掌握哪些知识呢？

1HTML

这个是最简单的，也是最基础的。要熟练掌握div、form table、ul li 、p、span、font这些标签，这些都是最常用的，特别是div和table，div用于布局、table也可以用于布局，但是不灵活，基本 table是用来和数据打交道。

2CSS

这里说的css不包括css3，一般我们看到web前端开发工程师的要求里面，有一个会使用css+html或者 css+div来进行界面布局，所以css是用于辅助html来布局和展示的，我们称之为“css样式”，为什么会说css+div呢?

因为我上面说了div就是 html主要用于布局的东西，所以div就是核心掌握的东西!那么css肯定必须要配合div来使用才好。css要熟练掌握float、 position、width、height，以及对于的最大最小、会使用百分百、overflow、margin、padding等等，这些都是跟布局有关系的样式，一点要掌握。

3JavaScript

可能前两个大家觉得还过的去，看到js就蛋疼了，其实吧，js入门很简单的，不需要会很多东西的，只要会根据某个id、或者name拿到网页dom或者样式、或者值，然后会给某个id或者name的元素标签赋值、或者追加数据、追html，这个是跟数据有关系的操作，然后数据逻辑判断，效果方面的，无非就是跳转、弹框、隐藏什么的，把这些全部结合其他就是实际用途了，代码一点都不难，会了这些基础js，其他的直接百度就好了。然后看多了，用多了，就什么都不是问题了。

4jQuery

jquery是相当于把js封装了一套的一个js插件，目的就是操作起来更方便，代码写的更少，jquery入门也很简单，那些是入门需要学的和js一样，只是换成了jq的代码。其他的一样百度就够了。

5最好会点后台语言

比如java、php，为什么呢?因为我们前台界面的数据都是从后台来的，如果会点后台代码，就知道怎么跟后台交互数据是最好的，这样节约时间，也可以让前端代码更规范。不然可能因为你的写法和后端给来的数据不能结合上，那么前端代码又得重新写，那就更蛋疼了。

6学习CSS3 + HTML5

为什么这个放最后呢?哈哈，因为我自己也不太会，毕竟术业有专攻嘛，虽然这个很流行，但是我是搞后端的，在工作中用不到它，(m.zz.cnitedu.cn)只有在自己网站需要改样式，或者朋友网站样式出问题的时候，我才会去临时去研究下。但是如果你们是准备专门搞前端，那么最好还是学一下的。

7最后总结

当然，以上技能能够帮助你成为一个合格的前端工程师，但要成为一个优秀的前端，必须掌握除技术以外的东西，例如设计，用户等等。因为web前端分为两大方向，设计型和开发型，如果掌握这两大技术，等于拥有了企业最需要的技术技能，到时候你就是企业争相抢聘的人才。

如果有对web前端感兴趣前端程序员,，可加入我们的web前端技术学习群的618522268，里面免费送前端的零基础教程噢！

写在最后：

很多人都知道我是学全栈的，都天真的以为我有全套的前端、网页制作等视频学习资料。我想说你们是对的，我的确有前端的全套视频资料。