蓝鸥西安web培训 H5学习路线

 

CSS预处理器

预处理器以CSS默认不支持的功能丰富了后者。可选项有很多，包括Sass、Less、Stylus等等。要我选的话，我会选择Sass。然而，PostCSS近的发展势头也不错，这属于一个锦上添花的东西，有点类似于CSS的“Babel”。你可以拿来独立使用或者在Sass的基础上叠加。目前我建议你先学Sass，等后面有时间了再看看PostCSS。

CSS框架

你已经不再需要学习CSS框架了，然而如果你想学一个的话。我会推荐在Bootstrap、Materialize和Bulma里面选。但如果你要考虑它们的市场需求的话，我会选择Bootstrap。

CSS组织

随着你的应用不断膨胀，CSS也开始变得混乱难以维系。有多种手段可以对你的CSS进行组织，让它更好地应对伸缩性，比如OOCSS、SMACSS、SUITCSS、Atomic以及BEM。你应该了解它们之间的不同，但是我更偏好BEM。

构建工具

工具可以帮助你进行JavaScript应用的构建/打包以及开发。这一类包括了linter（代码检查）、task runner（自动构建）以及bundler（打包工具）。

对于自动构建，这个本来是是很多选项的，包括npm脚本、gulp、grun等等。不过这一次，既然webpack能够处理gulp能做的大部分东西，所以只有自动构建中的npm脚本可以用来对webpack能做的任务进行自动化。你不需要学习Gulp，然而到后面如果你有点时间的话，可以去看看它能否对你的应用有所帮助。

至于linter，再次地也有很多选项，其中包括ESLint、JSLint、JSHint以及JSCS等。但是目前主要是ESLint用得多。

对于模块打包工具，不同的选项包括Parcel、Webpack、Rollup、Browserify等。如果你必须选一个，目前你可以闭着眼睛选Webpack就是。Rollup也很常用但是主要建议用到库上面，至于app，还是以webpack为主。所以现在你就先学习一下webpack吧，后面如果想的话再了解一下Rollup。

蓝鸥科技西安中心，移动互联网科技育人专家，教育部产学合作协同育人项目承办企业，专注西安Java培训、西安大数据培训、西安unity培训，西安VR/AR培训、西安UI设计，西安HTML5培训、西安PHP培训，选择蓝鸥，不止高薪更是高起点！