fbpx

2022 年的 Webpack 5:初學者完整指南

從基礎到高級學習 Webpack 5!將 Webpack 與 JS、CSS、NPM、模組聯合和微前端一起使用。

從這 4.5 小時的課程,你會學到

  • 快速上手,無需冗長的介紹和漫無邊際的介紹。
  • 從頭開始創建功能齊全、生產就緒的 Webpack 5 配置。
  • 深入了解 Webpack 的真正工作原理以及何時使用它。
  • 優化你的 Webpack 生產構建,使其體積小且速度快。
  • 通過啟用熱模組替換、更好的錯誤處理等來優化你的開發體驗。
  • 深入了解 Webpack 5 資產模組、加載器和外掛。
  • 通過 Webpack 5、Babel 7 和 npm 使用最新的尖端 JS 功能。
  • 使用 EcmaScript 6 模組和 Webpack 程式碼拆分更好地組織你的程式碼。
  • 能夠理解和改進現有的 Webpack 配置。
  • 將 Webpack 5 與 Node JS 和 Express 框架整合。
  • 將 Webpack 用於單頁應用程式和多頁應用程式。
  • 為學習高級 Webpack 功能打下堅實的基礎。
  • 掌握 Webpack 5 中引入的新模組聯合功能。

要求

  • JavaScript 基礎
  • HTML基礎

課程說明

我的主要目標是幫助你理解和掌握 Webpack,尤其是它的最新版本 Webpack 5!本課程專為那些想從頭開始學習 Webpack 的人,以及已經在使用 Webpack 但不完全理解它是如何工作的人設計的。

在本課程中,我們將從頭開始構建功能齊全、生產就緒的 Webpack 配置。我們將從非常簡單的事情開始,然後逐漸轉向更高級的主題。每節課都建立在前幾節課的基礎上,因此很容易上手。

完成本課程後,你肯定能夠在你的專案中使用 Webpack。你將能夠創建自己的 Webpack 配置並改進現有配置。我們還將在本課程中介紹如何使用 NPM 和 Babel,以便使用最新的 JavaScript 技術。如果你使用 Webpack 做過專案,但從未接觸過配置,那麼在本課程之後,你將能夠接觸到它,甚至可以改進它:)

我會不斷更新這門課程,因此你始終可以確保它是最新的並涵蓋了 Webpack 的最新功能。

如果你對 Webpack 有任何疑問,請隨時在問答部分貼文。 很多人已經在那裡獲得他們問題的答案,我也會盡力幫助你解決問題。

大多數 React 和 Angular 樣板都包含 Webpack,大多數人都害怕觸及它的原始配置。 我堅信你不應該害怕它。 你應該掌握它!

P.S. 烏克蘭製造

目標受眾

所有具有基本 JavaScript 知識的開發人員

講師簡介

Viktor Pyskunov 資深軟體開發者

我的名字是 Viktor,我的目標是幫助你理解事物。

我是來自烏克蘭的高級軟體開發人員,專門研究 JavaScript 和圍繞它的各種技術。
我已經創建 Web 應用程式 15 年了。
在這些年裡,我在軟體開發行業獲得了很多專業知識。
現在我想和你分享我的知識。

我設計我的課程,使它們易於理解和遵循,
我會定期更新它們以使它們保持最新。

英文字幕:有

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

使用 Notion 來做上課筆記?

udemy 的課程講座數量動輒上百個,如果你要使用 Notion 當作是線上課程的筆記輔助工具,為這些講座建立與組織筆記是一件耗時且沒效率的工作

為了解決這個問題,Soft & Share 開發一個 chrome extension – LN+ for udemy ,可以根據 udemy 線上課程的課程大綱幫你自動建立成 Notion 筆記資料庫並產生筆記與課程的雙向關聯讓您專心上課與寫筆記就好,不用再煩惱課程筆記要放哪裡的問題!

🛫了解 LN+ for udemy 更多功能介紹請參考 – Learning Notes Plus for udmy


報名參加課程

Sponsored by Udemy


🛫使用關鍵字連結獲得更多線上學習資訊?請參考這個網頁說明


幫我們個小忙!

使用 e-mail 追蹤 Soft & Share

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: