如果你/妳常常聽到 React，但又一直沒機會體驗看看，歡迎跟我們一起透過實作小遊戲來認識 React。 React 是個用來實作使用者介面的 JavaScript 函式庫，在使用上只要專注於資料邏輯，React 就會透過 Virtual DOM，將變動後的資料有效率的顯示在畫面上。並且可以透過將邏輯寫成元件，方便在多個地方使用。如此方便的技術，你一定要試試看。

這系列影片將帶您走訪，「前端」開發該知道的初階技能，像是編輯器、HTML、CSS 與 JavaScript 基本概念。 前端，相較於後端，決定了一個網站該怎麼呈現，堪稱一個網站的門面。由於所見即所得，更是諸多新手趨之若鶩的領域。若你/妳剛對網站、對寫程式產生興趣，歡迎繼續收看、一起一探究竟。

你知道如何靈活運用 JavaScript 嗎？ JavaScript 主要運行於瀏覽器中的動態腳本語言，透過它可以處理與瀏覽器的互動。 JavaScript 簡單上手、應用範圍廣泛，容易有成就感，但精通不易。 隨著前端技術的進步以及眾多前端熱門框架的出現，像是 Vue、React 等，讓 JavaScript 重新成為程式語言的當紅巨星！ 想要成為前端工程師，JavaScript 已是一個必要學習且必備的技能了！

當專案發展到一定程度，會搭配框架加速開發，而 React 在近幾年來成為國內外知名電商的框架使用首選！值得注意的是，React 更在短時間內衝進 Github 前十熱門專案，並贏得 Airbnb、Netflix 等優秀團隊的青睞，如果你還在觀望要學什麼框架提升能力，是時候跟著業界流行趨勢，透過課程來一窺前端框架的神秘面紗。

業界使用率最高的版本控制系統 - Git，是身為網頁開發工程師都知道的工具！ 忘了開分支了怎麼解決？沒有 Git 伺服器可以用的話，要怎麼上傳進度？ 讓高見龍老師向你說明要點！小教室內還提供了很多實用的 Git 冷知識。

透過網路資源或書籍學習 Git ，卻還是不確定該如何實際操作？ 網路上的芳鄰或 NAS 的共⽤資料夾，又不知道被誰改掉了︖ 想導入 Git 改善遠端共同協作流程，優化程式開發與維護，讓這門課帶你從零開始，理解 Git 指令運作原理及職場實際運用。

隨著多核心電腦成為主流、分散式系統架構也成為顯學，函數式程式設計的重要性也與日俱增。跟物件導向程式設計相比，函數式程式設計著重於用更簡潔的方向表達程式碼真正的意圖。因此當學會用與物件導向程式程計不同的角度來寫程式後，可以讓你在切換不同的程式語言時依然能游刃有餘。 這門課將會透過容易上手的函數式語言 Elixir，教大家最重要的函數式程式設計觀念。接著介紹如何在 Ruby、JavaScript（也許還有一點 C#）上使用函數式程式設計的技巧。讓你寫出精簡、好除錯的漂亮程式碼！

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