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

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

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

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

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

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