Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
使用 gulp 進行網頁前端自動化
Highest Rated
Rating: 4.6 out of 5(233 ratings)
1,368 students

使用 gulp 進行網頁前端自動化

最佳化你的流程,將你寶貴的時間專注在重要的開發上
Last updated 8/2019
Chinese (Traditional)

What you'll learn

  • 能夠學會 Template Language, Sass, ES6 編譯
  • 學會如何自動化開發流程
  • 學會如何優化網站

Course content

6 sections48 lectures3h 54m total length
  • 介紹4:41
  • Windows 與 Mac 安裝說明0:35
  • Gulp 環境 (Windows 安裝 Nodejs 篇)9:48

    Nodejs 官方網站連結:
    https://nodejs.org/en/

    指令說明:
    ## Windows 指令
    # 回到資料夾頂端
    cd\

    # 回到上一層
    cd..

    # 進入資料夾路徑
    cd {‌{ 資料夾路徑 }}

    ## Nodejs 指令
    # Nodejs 版本

    node -v

    # npm 版本
    npm -v

    # 安裝 Global Gulp 環境
    npm install gulp -g

  • Gulp 環境 (Mac 安裝 Nodejs 篇)4:59

    Nodejs 官方網站連結:

    https://nodejs.org/en/

    指令說明:
    ## Mac OS 指令
    # 回到資料夾頂端
    cd \

    # 回到上一層
    cd ..

    # 進入資料夾路徑
    cd {‌{ 資料夾路徑 }}

    # Nodejs 版本
    node -v

    # npm 版本
    npm -v

    # 安裝 Global Gulp 環境
    npm install gulp -g

    # 如果無法安裝  Global Gulp 環境,請用以下並輸入系統密碼
    sudo npm install gulp -g

  • Nodejs 與他的環境8:35
  • 有沒有加入 -g 差異在哪裡呢?0:29
  • Gulp 自動化原理4:10
  • 開始前的說明2:14

Requirements

  • 對於 HTML, CSS, JavaScript 有基本暸解的學生

Description

在本課程中,您將會學習到如何使用 Gulp 處理網頁自動化流程
課程包含的自動化項目如下:

  1. Jade Template language
  2. Sass 與 PostCSS 
  3. Babel JavaScript ES6 
  4. Web Server
  5. CSS, JavaScript 依環境自動化壓縮

這些課程將會教你怎樣製作自己的自動化工具
並在一個指令下就完成以上操作
讓你開發不落人後

Who this course is for:

  • 想要優化網頁前端流程的開發者