fbpx

JavaScript 基礎架構 : CLI、NPM、Babel 和 Webpack

Contents

命令行、NPM、Babel 和 Webpack!理論、應用和實踐!

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

  • 使用命令行( command lines )
  • 啟動和管理套件
  • 使用 Babel 7 轉譯語法
  • 使用 Webpack 4 建立和綁定檔案
  • 瞭解 Webpack 的工作原理以及如何配置和使用它

要求

Basic JavaScript 基本的 JavaScript

課程說明

本課程包括四個主題: 命令行、 NPM、 Babel 7和 Webpack 4。

本課程是為絕對初學者設計的。

你將從命令行和 NPM 開始。

然後你將學習 Babel 7 和 Webpack 4。

最後,你將學習如何使用 Babel loader 整合 Babel 和 Webpack。

本課程的主要重點是 Webpack。

為了幫助你儘快掌握 Webpack,你的 Webpack 學習分為三個階段。

第一階段涵蓋了關於 Webpack 的所有基本知識。 第二階段教你如何建立效率最高的綁定檔案。 最後一個階段展示瞭如何使用 Babel loader 整合 Babel 和 Webpack。

在每個階段的最後,都會有一個回顧會議和一個練習會議。

你將首先學習理論,然後應用和實踐你在一個真正的專案中所學到的一切。

在本課程結束時,你將能熟稔命令行、 NPM、 Babel 7 和 Webpack 4 ^_^

額外附加 : CommonJS 和 ESM (ES6 匯入和匯出模組)

目標受眾

  • 想要掌握 NPM 的 JavaScript 初學者
  • 想要掌握 Babel 7 的 JavaScript 初學者
  • 想要掌握 Webpack 4 的 JavaScript 初學者

講師簡介

OnlyKiosk Tech 有趣、有效和實用的程式設計培訓 (更多講師主講課程介紹)

無論你從哪裡或從誰那裡學習,都得親自經歷所有必要的艱難部分。

你必須花費時間和精力學習、理解、記憶和實踐新的知識 – 沒有捷徑。

但是一個好的課程可以告訴你最好的路徑,幫助你避免陷阱和走冤枉路。 你可以省下時間和努力獲得最大的成果。

基於使用者反饋、技術發展和我們的新思路和新啟示,我們將不斷增加新的內容和改進現有的內容。

我們將涵蓋基礎知識以及進階應用程式。 你也會學到聰明和創造性的技術組合。

Web 開發多年來一直是一個熱門領域。 網際網路上已經積累了大量的免費輔導視訊和教材。

即使你被無法解決的問題困住了,只要到 Stackoverflow,幾分鐘內你就能得到答案。

有了這麼多免費的輔導教材和老師,開設這樣一門付費線上課程有什麼意義呢?

這取決於你真正想要什麼。

如果你只是想對 Web 應用程式的工作原理有一個粗略的瞭解,想建立一些基本的程式,那麼你真的沒有必要為任何課程付費。 免費的網際網路資訊足以滿足你的需求。

如果你想把你的設計和想法變成足夠安全和有效的程式,以便在現實生活中應用和解決各種挑戰,那麼這門課程非常適合你。

我們相信一個好的線上課程也應該是一個導航者,而不僅僅是解釋程式設計的概念。

它應該告訴你真正的目的地在哪裡,最重要的是,以最有效的方式帶你達成目標。

為什麼我們強調真正的目的地

首先,你應該知道一個會動的程式與一個可以在現實生活中生存的程式是非常不同的。

這就像在手機上玩賽車遊戲,絕對不同於在真正的賽道上駕駛真正的賽車。

例如,在我們的 PHP 課程中,我們將教你如何建立一個上傳程式。

我們看到過只教授如何上傳檔案的書籍和課程。

如果你在現實生活中執行這個程式,它不會持續一天。 它會帶來更多的傷害而不是好處。

對於一個上傳程式在現實生活中運作,你需要先檢查檔案類型和大小,才能讓檔案上傳。

你還需要保護你的程式在重複上傳相同的檔案時都會重新整理上傳頁面。

上傳的檔案應該正確地重新命名和儲存。 最重要的是,這個過程必須是自動的。

上載的檔案也必須可以檢索,因此,有關上載檔案的資訊也應該自動記錄到資料庫。

如果遺漏了認一個步驟,你的上傳程式將無法在現實生活環境中生存。

這就是為什麼我們強調真正的目的地。 我們想向你們展示完整過程,而不僅僅是其中的一部分。

全局瞭解是區分一個值得信賴的專業程式設計師和一個業餘程式愛好者的關鍵。

顯然,通往真正目的地的道路相當漫長。

這就是為什麼一個好的課程應該是一個導航者。 它應該告訴學生最好的路徑。

在設計我們的課程內容時,我們確認並且重視兩個非常重要的事實:

每個人都會忘記,你的生活中還有其他事情要做,你只能把部分精力放在學習上。

這意味著你的學習將不斷被打斷,當你恢復學習時,你可能會發現你所學的已經生疏了。

因此,你所有的新知識都建立在一個坍塌的基礎上。 在你學習的最後,你會發現儘管你花了很多時間和金錢,但是你就是不能取得令人滿意的進步。 你認為你已經學會了所有的東西,但只是不能把它們組合開發出能運作的程式。

那麼,我們如何解決這個問題呢?

我們把整個課程內容分成小段。 在每個部分的最後,都會有一個回顧部分,總結你從那個部分所學到的一切。

當你在開發應用程式時,我們也會對關鍵知識進行回顧。

除了複習段落外,我們還會幫助你控制學習節奏。 你會經常聽到我們告訴你,如果你不能回答這個測驗,不要繼續和複習以前的課程。

我們袖子裡最大的一張牌就是內容表。

你可能認為我們的上載的程式課從這裡開始。 但實際上我們的上載課程早在那之前就已經開始了。 我們一開始就幫你打基礎,從教你如何建立檔案類型檢測器開始。

我們將一個複雜的程式劃分為多個元件,每次只新增一個元件。 最重要的是,每次加入新元件時,我們都將再次檢查前面的元件。

最後,儘管我們正在建立的程式是長且複雜的,你將能夠掌握一切。

英文字幕:有

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


🙌 如何有效率地管理 ChatGPT 輸出與整理自己的 ChatGPT 提示( prompts )使用情境?LN+ for Web 已經針對 ChatGPT 的整合做最佳化


🙌 讓 Notion AI 成為你線上學習的得力助手,詳細操作請參考 – 使用 Notion AI 功能來為 udemy 的課程做摘要總結


  • 點選這個優惠連結 課程特價 | Udemy 永久擁有課程 NT370 起( 請登入 Udemy|按過“優惠連結”後到”報名參加課程“連結網頁做更新 )
  • Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
  • 手機上點選優惠連結看到的價格比電腦上看到的貴
  • $代表當地貨幣, 如在台灣為 NT
  • 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現

報名參加課程

Sponsored by Udemy


也許你會有興趣

不受 FB 演算法影響,歡迎透過 e-mail 訂閱網站更新

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

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: