5分钟读懂web前端需要学什么？要用到哪些工具？

程序员的工作可谓一直都是热点

问问身边的人

仿佛10个里面就有3个是从事IT相关工作

程序员也分很多种类的工作

今天上元喵给大家说的就是

Web前端开发

需要学会什么、掌握哪些内容？

web前端工程师其实在不同的公司，

有不同的职能，但是称呼都是类似的：

1.做网站设计、网页界面开发

2.做网页界面开发

3.做网页界面开发、

前台数据绑定和前台逻辑的处理

4.设计、开发、数据

web前端开发需要掌握的技术：

HTML、CSS

首先要学的是HTML、CSS，这两个东西是一套的，非常容易理解，随着web移动端开发的大趋势，HTML5和CSS3的出现，对前端工程师来说面临着新的挑战。

所以建议想系统学习的同学，最好是到专业的机构去学习，（插播广告：上元教育web前端班要开课啦）这样收获的效果会更好。

如果选择自学，应该先跟着书仔细、扎实的学一遍。然后就需要做大量的练习，做各种常规的、新颖的布局练习来捆固、理解自己的知识。

css要熟练掌握float、 position、width、height，以及对于的最大最小、会使用百分百、overflow、margin、padding等等，这些都是跟布局 有关系的样式，是必须要掌握的。

JavaScript

再次就是Javascript，很多同学谈到JS就很困惑，当然不是所有的网页都必须有js，但是要想实现一些超酷的功能和界面的时候，就需要涉及到js。如果没有其他编程语言的基础的话，学起来可能要费些力。

在学习js的时候, 会接触一些后端的东西，没错，就是ajax。这个是需要后端返回数据的， 这个时候你要开始学习php了, 入门php相比于js会更麻烦一些，因为运行php需要有很多细节要处理。

再次就是学习jquery。jquery是相当于把js封装了一套的一个js插件。目的就是操作起来更方便，代码写的更少，jquery入门比较简单，那些是入门需要学的和js一样，只是换成了jq的代码。

其他方面技术学习

谈到如何高效学习H5前端开发的问题，也要了解学习前端开发使用的工具，目前最常用的是Dreamweaver， 其曾经风靡一时，到现在也没有退出历史舞台，证明DW还是有很大优势的，尤其是针对初学者，其强大的提示功能可以帮助我们很快的熟悉并掌握网页布局。

web前端开发需要用到的工具:

最常用的就是dreamweaver。推荐大家使用dreamweaver cs6，cs6目前是功能最强大、问题最少的了，dw有一个比较方便的就是可视化编程，可以边看效果边敲代码，还有自动提示代码的功能。

还有就是ediplus，这个其实就相当于一个字体有颜色的记事本。eclipse可以写java、php还有上面的各种代码。

Zend Studio是专门写php的，但是上面这2种工具比较专业，所以大家自己看着办。

最后还有一个Photoshop，这个就不用说了，大家都懂。