说在前面的话
这篇文章属于野路子，没什么理论依据，仅为博主浅显的类比理解，站在 Java 后端的视角来理解目前的前端开发，这篇博文的实际意义只是让 Java 开发快速简单地理解前端开发环境
IDE
Webstorm
现在我觉得我是 Intellij 的无脑粉，极其好用不接受任何反驳(滑稽)Dreamweaver
但近年来前端一直有全代码编程的趋势，过去的 DW 已经不太适应当前开发的环境了，不过在 CC 版之后 DW 已经开始尝试去适应前端新潮流。到目前为止估计处于前端开发工具鄙视链的底端，有趣的是，鄙视它的人可能都没怎么用过 DW。
PS ：我个人还是挺喜欢这个软件的，附赠 DW 官方新特性传送门：Dreamweaver 新功能概述
- Sublime
前端开发工具鄙视链挺顶端的 IDE，站在博主个人的浅显的视角来看，它主要一点就是开放性，似乎什么都能干。对于“大佬”来说用 Sublime 真的是可以“为所欲为”的，但对于“普通人”来说，很多特性根本用不上。 Sublime 刚安装时功能其实很少，类似刚出生的婴儿，但是你可以教会它新东西（装插件、写脚本）。能接受这种风格的话 Sublime 不失为你的一个选择。
开发环境
现在前端也趋于工程化，常见的就是 NodeJs 环境下安装各种东西。必须得提一下的是 npm。
NPM 是随同 NodeJS 一起安装的包管理工具，能解决 NodeJS代码部署上的很多问题，常见的使用场景有以下几种：
允许用户从NPM服务器下载别人编写的第三方包到本地使用。
允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
— 引自 菜鸟教程
按照后端的类比理解，npm 类似于前端世界的 Maven。
npm 介绍传送门：npm介绍与cnpm介绍
我再提两个东西，yeoman、webpack，站在后端的视角用通俗的话来描述：
yeoman 一套“组合拳”完成了你在 Eclipse 之类的 IDE 完成了 new Project、 next、next、finish 的一通操作，自动帮你完成了项目的默认文件结构
webpack 一套“组合拳”完成了把项目“编译”并把你的 WebProject 打包、发布到 Eclipse 内置 Tomcat 并让你浏览的一通操作 。
主要区别就在于 Eclipse 的“组合拳”基本上都是 UI 形式操作的，而前端的开发环境需要通过命令行操作。
开发语言
H5、Css3、ES6……
这些东西似乎被说的特别玄乎，尤其在刚出来时。按照Java后端的理解，类似于 JDK1.5 升级到了 JDK 1.8，最直观的感觉就是多出了很多新“API”、新特性。
- .sass 、.scss……
听起来也很玄乎，按照我的理解就是附带了“语法糖”的 css，它的出现是想解决 css 样式维护的问题。另：.scss 本质上还是 .sass
一个能直观看出 sass 意义的传送门:sass十分钟入门
前端框架
听得多的三个”大佬”大概是：vue、react、angular，博主个人现在只有 react 的使用经历。站在 java 后端的视角来看，vue、react、angular 的关系类似于 struts、springMVC…… 的关系