编辑：崇高，网络风暴，原子，vim等。
浏览器提供的调试工具： devtools，手机页面远程调试等。
建筑工具：大口，咕噜，网络包
包管理工具： bower
远程服务器工具： filezilla/shell
该工具的主要功能是帮助工程师减少工作量和自动化处理，如压缩css、合并js/css、上传cdn、优化图片、管理jquery等三方库。
前端操作非常简单。
1.学习css。这个css不包含css3。通常，我们看到对web前端工程师的要求是能够使用css div或css html来布局界面。因此，css被用来帮助HTML显示和布局，这就是所谓的css样式。css div中上面提到的div是布局主要用html，div是核心要掌握的东西。
而且css必须和div一起使用，所以学习css要熟悉位置、高度、浮动、宽度、最大最小接口、100%使用、边距、溢出、填充等等。这些与版面风格相关的一定要能熟练掌握。真不明白你可以咨询杭州有道互联网。所有有代码的讲师都有三年以上的项目经验。
2.html是最基本、最简单的web前端开发工具。html中有表格、跨度、P、div、ul li、字体等各种标签需要掌握。尤其是表和div。虽然布局上也可以用表格，但是不方便。通常，表用于处理数据。div用于布局。
3.如果你学习web前端开发，如果你会一些java、php等背景语言，你会得到加分。因为web前端的界面数据来自后台，如果你懂后端语言，会节省更多的时间，不仅知道后台如何交互数据最好，而且知道前端代码怎么写会更规范。写的方法和后端的数据不会不匹配，会再现写的尴尬现象。
4.js大师。可能上面提到的大家都觉得还行。但是说到js，你头晕吗？其实js的介绍很简单，只要你能根据某个名字或者id得到网页的样式、价值和dom。除了赋值、追踪html以及将数据附加到某些名称或id的元素标签上，这也是逻辑推断。至于效果，无疑是弹跳、跳跃、躲藏等等。把这些和其他结合起来，代码就一点也不难了。学完基本的js，其他方面看学习资料、用学习资料基本没问题。
5.学习jquery.jquery是一个封装js的js插件。最后希望代码简化，操作更方便。开始使用jquery并不难。它需要学习和js一样的东西，但是它被改成了jq代码。可以结合其他学习材料。
6.最后，学习目前最流行的css3 html5。如果你从事后端，你不会在工作中使用它。一般网站上都会出现问题，需要用css3 html5来修改。