FE301

Webpack 5 入門

從模組化帶你認識 Webpack,工程師不能不認識的打包工具!

當你專案裡的程式碼越來越多,開發和管理維護是否日益困難?Webpack 可以將各式檔案資源模組化並打包,讓瀏覽器好編譯,更不用手動逐一檔案操作引入,只要使用 Webpack 就能有效提升開發效率,算是現代前端不得不了解的工具,可以有效提升開發效率!

現在報名只要 NT$1,000
  • 終身存取權
  • 影片時數
  • 結業證書
  • 可行動裝置使用

講師介紹

使用者大頭貼

奶綠茶

資深前端開發者與程式開發講師,授課資歷十年以上。
擅長 HTML、CSS、JavaScript、jQuery、Vue、React 開發應用與 Webpack 前端打包工具等,專修各種前端跨平台的疑難雜症。
另一個身份為花鬍子樂團吉他手,育有二貓,喜愛小酌。

課程特色

專修各種前端跨平台的 Webpack 打包工具,除了可以將各種檔案資源如.pug / .sass / .js / .png / .jpg 等一次打包,讓你好進行模組化開發,更減少翻找檔案的時間,讓工程師可以將更多心力放在開發上,讓你輕鬆解決管理和維護的困難。

課程內容豐富多元,你將認識:
✓ Webpack 簡介和打包原理
✓ 環境安裝
✓ ES6 Module
✓ Webpack 套件
✓ 整合 React.js
✓ 業界常用範例演練
✓ 可搭配的外掛和社群資源

decoration image

課程影音

檔案下載

範例檔案下載

課程內容

01 : 50 : 28

01 - Webpack 簡介

01 : 19

02 - 環境安裝

02 : 43

03 - Hello Webpack!

14 : 25

04 - ES6 Module

11 : 58

05 - Webpack 套件 cross-env

08 : 56

06 - Babel preset-env

07 : 58

07 - Style Loader 與 Url Loader

09 : 24

08 - Webpack-dev-server

09 : 36

09 - Webpack-dev-server 與 Pug

05 : 15

10 - Webpack 套件 mini-css-extract-plugin

04 : 30

11 - contenthash

07 : 40

12 - DefinePlugin

04 : 36

13 - Webpack 最佳化

05 : 52

14 - Multiple Entry

04 : 38

15 - ESLint

05 : 49

16 - 整合 React.js

03 : 58

17 - 小結

01 : 51

decoration image
FE301

Webpack 5 入門

現在報名只要 NT$1,000
  • 終身存取權
  • 影片時數
  • 結業證書
  • 可行動裝置使用

其他課程推薦

常見問題

這個課程將於何時開始收看呢?

只要完成付款流程,即可開始觀看課程囉!

這個線上課程可以看多久?要如何收看?

在您付款完成後,該線上課程即能不限次數並永久收看,不用擔心過期喔!

課程上線後,您隨時隨地都可以透過電腦、平板或手機觀看課程影片,沒有時間和地點的問題!

線上課程和實體課程的差別為何?
  1. 實體與線上課程所教授的內容都很精實,最大的差異在課程內容深度會因實體上課同學的發問,而講師針對內容有所延伸。
  2. 線上課程因是經過剪輯的預錄影片,故沒有與講師的互動與實際操作指導。
如何評估課程是否適合我?

部分課程會開放幾個章節的「試看影片」,讓您能在購買前試看後再決定是否購買,降低課程與期望不符的可能性。

付費前請自行確認該門課程是否有提供影片試看。

如果想要更改或取消購買的課程,可以怎麼做?

除了「試看影片」的章節外,若您於購買後曾觀看正式課程的內容,即不符合退費資格,無法申請退費。

若是沒有瀏覽過「正式課程」的內容,則可以依照下方的規範辦理退費:

  1. 購買課程當日起算 7 日內申請退費,全額退還該課程您所支付之課程費用。
  2. 購買課程當日起算第 8 日至第 14 日以內申請退費,返還該課程您所支付之課程費用 30%。
  3. 購買課程當日起算第 15 日後,該課程您所支付之課程費用不予退還。

確認符合退費資格後, 五倍學院依當初交易時,所使用之付款方式將課程費用退還。

完成退費申請後,將於二十個工作天內完成退款。

課程學習中遇到問題,該到哪裡尋求協助?

問題討論

每個課程影片章節下方皆有問題討論區,在這討論區裡,你可以與老師進行交流及互動,解決你在線上課程中遇到的問題;也能與其他學員交流心得,或許會有意外的收獲喔!

課程 Discord 群組

為了能快速又便利的幫同學們解決學習時面臨的問題,我們會為該課程建立專屬群組,並於學員完成課程購買時提供群組連結,請學員們記得要加入唷!

關於發票的問題

五倍學院為響應環保,僅提供電子發票,免費課程不開立發票。

因五倍院學係屬教育機構提供之教育勞務,依法可免徵營業稅,故開立『免稅』發票。

取得電子發票

發票形式:以電子郵件寄送

待購買完成後的七個工作天內,會依照您所填寫的電子信箱寄出。

公司 / 單位需要報帳

請您於結帳時填寫「統編資訊」,並務必填寫正確公司名稱及統一編號

交易成功後的七個工作天內,電子發票將寄送至您所填寫的電子信箱,您可以將它列印並作為會計憑證。

如果對課程有問題,該如何詢問呢?

若您對課程內容有任何問題,您可以透過以下管道諮詢:

  1. 在有問題的章節下方留言
  2. Email 來信 course@5xcampus.com 或傳訊息給我們的 Facebook 粉絲專頁,我們會盡快回覆