自動播放
自動完成
上一堂課程
完成並繼續課程
670065
使用 gulp 進行網頁前端自動化
Gulp 是什麼以及它需要的環境
介紹 (4:41)
Windows 與 Mac 安裝說明
Gulp 環境 (Windows 安裝 Nodejs 篇) (9:48)
Gulp 環境 (Mac 安裝 Nodejs 篇) (4:59)
Nodejs 與他的環境 (8:35)
有沒有加入 -g 差異在哪裡呢？
Gulp 自動化原理 (4:10)
開始前的說明 (2:14)
Apple M1 觀看公告
Gulp 開發流程
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)
補充說明
圖片壓縮技巧 (4:22)
Gulp 與 Git (5:17)
一鍵部屬到 Github Pages (4:20)
npm install 中的 --save 與 --save-dev 之差異 (7:48)
額外課程 Template Language
Template Language 可以做什麼 (5:40)
透過簡單的語法，快速入門 Jade (8:11)
透過工具來快速轉換 Jade 語法 (6:50)
製作你的 HTML 樣板 (7:24)
Jade 匯入外部 JSON 資料內容 (8:55)
使用 Each 處理資料並產生選單 (6:53)
使用 Each 處理大量資料 (3:28)
使用 Mixin 來製作 HTML 模組 (8:00)
補充課程：Sass 與 includePaths
章節簡介 (2:15)
使用 includePaths 載入外部 Sass 資源 (7:05)
合併來自於 NPM 的 JavaScript 資源 (6:32)
補充課程：Gulp 4.0
如何升級成 Gulp 4.0 (9:27)
確認任務完成的方法
直接將 watch, browserSync 加入任務函式中 (3:36)
Gulp 4.0 的模組化手法 (3:34)
一鍵部屬到 Github Pages
/courses/670065/lectures/11953926/hotmart_lecture_video_download_link/24227041
670065
範例 Gulp 儲存庫
完成並繼續課程