## 構建和任務自動化
>構建自動化是軟件構建和相關流程的自動化過程, 包括: 將計算機源碼編譯成二進制代碼, 打包二進制代碼和運行自動化測試. - wikipedia
**入門學習:**
<ul>
<li><a href="http://www.pluralsight.com/courses/javascript-build-automation-gulpjs" target="_blank">JavaScript Build Automation With Gulp.js</a> [watch][$]</li>
<li><a href="https://www.packtpub.com/web-development/getting-started-gulp" target="_blank">Getting Started with Gulp</a> [read][$]</li>
<li><a href="https://www.packtpub.com/web-development/rapid-gulp-video" target="_blank">Rapid Gulp</a> [watch][$]</li>
<li><a href="http://hmphry.com/gulp" target="_blank">Learning Gulp - Getting started with the font end factory</a> [read]</li>
<li><a href="http://teamtreehouse.com/library/gulp-basics" target="_blank">Gulp Basics</a> [watch][$]</li>
<li><a href="http://teamtreehouse.com/library/using-npm-as-a-task-runner" target="_blank">Using npm as a Task Runner</a> [watch][$]</li>
</ul>
**參考/文檔:**
* [gulp](https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md)
Gulp 是非常棒的構建工具, 然后, 你可能僅僅只需要 `npm run`. 在你的應用程序棧變得負責之前, 問問你自己, `npm run`是否能完成自動化構建. 如果你需要更多, 可以同時使用 `npm run`和 Gulp.
推薦閱讀:
<ul>
<li><a href="http://www.sitepoint.com/guide-to-npm-as-a-build-tool/" target="_blank">Give Grunt the Boot! A Guide to Using npm as a Build Tool</a></li>
<li><a href="http://substack.net/task_automation_with_npm_run" target="_blank">Task automation with npm run</a></li>
<li><a href="http://engineering.hobsons.com/2015/06/26/build-tools-vs-npm-scripts-why-not-both/" target="_blank">Build Tools vs npm Scripts: Why Not Both?</a></li>
<li><a href="https://drublic.de/blog/npm-builds" target="_blank">Using npm as a build system for your next project</a></li>
<li><a href="http://blog.keithcirkel.co.uk/how-to-use-npm-as-a-build-tool/" target="_blank">How to Use npm as a Build Tool</a></li>
</ul>
**譯者補充:**
* [Gulp不完全入門教程](http://www.ido321.com/1622.html)
- Introduction
- 什么是前端開發者?
- 第一部分: 前端開發實踐
- 前端的工作職稱
- 常用的網絡技術
- 前端開發技術棧
- 前端開發做什么
- 團隊中的前端
- 全才神話
- 前端的面試問題
- 前端工作版塊
- 前端薪資
- 如何培養前端開發者?
- 第二部分: 前端開發學習
- 自主學習
- Internet/Web
- Web瀏覽器
- DNS
- HTTP/網絡
- Web 主機
- 前端開發綜合學習
- 用戶界面和交互設計
- HTML & CSS
- SEO
- Javascript
- Web 動畫
- DOM, BOM & JQuery
- Web 字體
- 無障礙設計
- Web/瀏覽器 API
- JSON
- 靜態網頁生成器
- 前端應用架構設計
- 接口/API 設計
- Web 開發者工具
- 命令行
- Node.js
- 模塊加載器
- 包管理器
- 版本控制
- 構建 & 任務自動化
- 網站性能優化
- JS 測試
- 無殼瀏覽器
- 離線開發
- 安全
- 多平臺開發
- 指導學習
- 前端指導學習
- 前端開發者從哪里學
- 前端簡報, 資訊 & 博客
- 第三部分: 前端開發工具
- 常用前端開發工具
- DOC/API 瀏覽
- SEO
- 原型和框架
- 圖表
- HTTP/網絡
- 代碼編輯
- 瀏覽器
- HTML
- CSS
- DOM
- JavaScript
- 靜態網頁生成器
- APP(桌面, 移動, 平板等) 管理
- 腳手架
- 模板
- UI 部件 & 組件
- 數據可視化
- 圖形
- 動畫
- JSON
- 測試框架
- 數據存儲
- 模塊/包加載
- 模塊/包倉庫
- Web/云/靜態主機托管
- 項目管理 & 代碼托管
- 合作 & 交流
- CMS 托管/API
- BASS
- 離線
- 安全
- 任務管理
- 部署
- 網站/APP 監控
- JS 錯誤監控
- 性能