使用 gulp 进行网页前端自动化

课程介绍：

本次课程范例都在 Github 上，且会持续更新，另外还提供 Github Page 快速部属案例给同学参考！

课程中将会介绍如何建立 Sass、PostCSS、ES6 等等开发环境，让同学自己的环境自己来打造。

在 JavaScript 课程中，我们将会补上 ES6 的基本使用概念，让同学轻鬆入门 ES6 不落人后。

〖课程目录〗:

• | └──9、使用 gulp 进行网页前端自动化
• | | ├──01 Gulp 是什麼以及它需要的環境
• | | | ├──001 介紹[www.ko996.com].mp4 12.15M
• | | | ├──002 Windows 與 Mac 安裝說明[www.ko996.com].html 1.75kb
• | | | ├──003 Gulp 環境 Windows 安裝 Nodejs 篇[www.ko996.com].mp4 32.31M
• | | | ├──004 Gulp 環境 Mac 安裝 Nodejs 篇[www.ko996.com].mp4 13.69M
• | | | ├──005 Nodejs 與他的環境[www.ko996.com].mp4 18.80M
• | | | ├──006 有沒有加入 -g 差異在哪裡呢[www.ko996.com].html 1.09kb
• | | | ├──007 Gulp 自動化原理[www.ko996.com].mp4 6.92M
• | | | └──008 開始前的說明[www.ko996.com].mp4 5.41M
• | | ├──02 Gulp 開發流程
• | | | ├──009 課程使用的套件與相關連結[www.ko996.com].html 3.40kb
• | | | ├──010 加入 Jade Template Language[www.ko996.com].mp4 20.39M
• | | | ├──011 Jade src 路徑修改說明[www.ko996.com].html 0.51kb
• | | | ├──012 Node Sass 高速編譯你的 SCSS[www.ko996.com].mp4 32.88M
• | | | ├──013 PostCSS 更高明的 CSS 優化流程[www.ko996.com].mp4 30.42M
• | | | ├──014 關於 Watch 的監控[www.ko996.com].html 0.66kb
• | | | ├──015 load plugins 簡化 gulp 載入流程[www.ko996.com].mp4 16.23M
• | | | ├──016 Babel ES6 編譯 上[www.ko996.com].mp4 28.58M
• | | | ├──018 Babel 套件補充說明[www.ko996.com].html 0.63kb
• | | | ├──019 Bower 簡介[www.ko996.com].mp4 2.80M
• | | | ├──020 Gulp 與 Bower 流程串接[www.ko996.com].mp4 16.70M
• | | | ├──021 Gulp 與 Bower 程式碼串接[www.ko996.com].mp4 15.51M
• | | | ├──022 Bower 額外補充說明[www.ko996.com].html 1.60kb
• | | | ├──023 建立 網頁開發不可或缺的 Webservice[www.ko996.com].mp4 19.57M
• | | | ├──024 壓縮優化你的程式碼[www.ko996.com].mp4 20.21M
• | | | ├──025 gulp minify CSS 與 Webservice 補充說明[www.ko996.com].html 1.17kb
• | | | ├──026 依據開發環境調整你的輸出內容[www.ko996.com].mp4 27.80M
• | | | └──027 釋出你的開發成品[www.ko996.com].mp4 29.71M
• | | ├──03 補充說明
• | | | ├──028 圖片壓縮技巧[www.ko996.com].mp4 13.63M
• | | | ├──029 Gulp 與 Git[www.ko996.com].mp4 13.50M
• | | | ├──030 一鍵部屬到 Github Pages[www.ko996.com].mp4 13.82M
• | | | └──031 npm install 中的 –save 與 –save-dev 之差異[www.ko996.com].mp4 20.58M
• | | ├──04 額外課程 Template Language
• | | | ├──032 Template Language 可以做什麼[www.ko996.com].mp4 25.95M
• | | | ├──033 透過簡單的語法快速入門 Jade[www.ko996.com].mp4 21.69M
• | | | ├──034 透過工具來快速轉換 Jade 語法[www.ko996.com].mp4 19.00M
• | | | ├──035 製作你的 HTML 樣板[www.ko996.com].mp4 17.31M
• | | | ├──036 Jade 匯入外部 JSON 資料內容[www.ko996.com].mp4 24.22M
• | | | ├──037 使用 Each 處理資料並產生選單[www.ko996.com].mp4 19.89M
• | | | ├──038 使用 Each 處理大量資料[www.ko996.com].mp4 12.32M
• | | | └──039 使用 Mixin 來製作 HTML 模組[www.ko996.com].mp4 25.01M
• | | └──05 補充課程Sass 與 includePaths
• | | | ├──040 章節簡介[www.ko996.com].mp4 6.41M
• | | | ├──041 使用 includePaths 載入外部 Sass 資源[www.ko996.com].mp4 24.04M
• | | | └──042 合併來自於 NPM 的 JavaScript 資源[www.ko996.com].mp4 23.03M

yeyudao普通

收藏 海报 链接