使用 gulp 進行網頁前端自動化
課程特色
課程範例開源
本次課程範例都在 Github 上，且會持續更新，另外還提供 Github Page 快速部屬案例給同學參考！
包含主流開發套件
課程中將會介紹如何建立 Sass、PostCSS、ES6 等等開發環境，讓同學自己的環境自己來打造。
ES6 課程即將加入
在 JavaScript 課程中，我們將會補上 ES6 的基本使用概念，讓同學輕鬆入門 ES6 不落人後。
課程大綱
Gulp 是什麼以及它需要的環境
Available in
days
days
after you enroll
Gulp 開發流程
Available in
days
days
after you enroll
- Gulp 4.0 課程更新說明
- 課程使用的套件與相關連結
- 加入 Jade Template Language (7:06)
- Jade src 路徑修改說明
- Node Sass 高速編譯你的 SCSS (9:35)
- PostCSS 更高明的 CSS 優化流程 (7:33)
- AutoPrefixer 更新說明
- 關於 Watch 的監控
- load plugins 簡化 gulp 載入流程 (3:50)
- Babel ES6 編譯 (上) (10:03)
- Babel ES6 編譯 (下 - Source Map 的運用) (6:09)
- Babel 套件補充說明
- Bower 簡介 (0:53)
- Gulp 與 Bower 流程串接 (4:41)
- Gulp 與 Bower 程式碼串接 (5:17)
- Bower 額外補充說明
- 建立 網頁開發不可或缺的 Webservice (5:06)
- 壓縮優化你的程式碼 (6:41)
- gulp minify CSS 與 Webservice 補充說明
- 依據開發環境調整你的輸出內容 (8:43)
- 釋出你的開發成品 (7:02)
補充說明
Available in
days
days
after you enroll
額外課程 Template Language
Available in
days
days
after you enroll
補充課程：Sass 與 includePaths
Available in
days
days
after you enroll
補充課程：Gulp 4.0
Available in
days
days
after you enroll
現在上課去 NT$ 800
不滿意 30 日內 全額退費
此為境外交易會產生額外交易手續費用（詳細規定請洽發卡公司）
