gulp 實戰 | Lidemy 鋰學院

自動播放
自動完成

上一個單元 Complete and Continue

[FE201] 前端中階：那些前端會用到的工具們

課前須知

課前須知

課程簡介

課程簡介 (3:08)

再戰十年：jQuery

jQuery 簡介 (9:08)
jQuery 基礎示範上集 (14:33)
jQuery 基礎示範下集 (9:46)
jQuery 實戰 - todo list (11:52)
jQuery 與 Ajax (14:18)
jQuery 總結 (3:11)

四處可見的 UI library：Bootstrap

Bootstrap 簡介 (11:11)
Bootstrap 的網格系統 (6:55)
初探 Bootstrap 元件 (7:03)
Bootstrap 實戰 (15:38)
Bootstrap 總結 (4:32)

寫 CSS 好簡單：CSS 預處理器

什麼是 CSS 預處理器？ (3:58)
SCSS 簡介 (7:31)
SCSS 實戰 (10:57)
CSS 預處理器總結 (2:57)

Sass 實作補充 by minw

Sass 簡介與安裝 (14:40)
Sass 結構化 - 變數與巢狀 (8:54)
Sass 模組化 - import, extend, mixin 與 function (12:53)
Sass 與 CSS 渲染規則 (3:35)
Sass 自動化 - condition 與 loop (8:25)
Sass 實戰 (12:51)

體驗最新的 JS 語法：Babel

babel 簡介 (1:23)
babel 實戰與總結 (5:20)

用程式碼整合流程：gulp

gulp 簡介 (2:02)
初探 gulp (3:00)
gulp 實戰 (16:21)
gulp 總結 (3:18)

打包程式碼必備 bundler：Webpack

為什麼需要 webpack？ (13:39)
webpack 簡介 (9:40)
繼續探索 webpack (17:38)
webpack 實戰 (19:32)
webpack 與 gulp 差多了好嗎？ (8:45)
webpack 總結 (2:48)

Teach online with

gulp 實戰

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock