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

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

對於程式開發完全沒概念，想要用最白話的方式搞懂網頁開發原理！ 跨入程式開發的第一步就從 HTML / CSS 開始。 若你沒有任何程式背景與基礎，那麼 HTML、CSS 便是你的網頁開發起始點。 課程講師透過生活化的舉例方式和輕鬆的教學口吻，由淺入深帶你認識 HTML 結構與標籤、搭配大量實際案例讓你學會 CSS 選取器及 Grid 排版應用。 程式新手，也能具備做出一個網頁作品的能力！ 你會學到如何從無到有，架構出一個網站的基本網頁排版。 在課程最後更帶你運用所學知識，實作出屬於自己的個人 Blog！讓我們一起開始開發網頁吧！

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

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

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