你是否曾對某個網站設計驚嘆不已，卻不知道如何開始學起？又或者，你想轉職進入網頁開發，卻因陌生的領域感到卻步？
從零到實戰！這堂課帶你無痛入門前端開發
HTML+CSS：打造網站的基礎
從最基礎的 HTML和CSS開始，讓你掌握網站建置的關鍵技能。 HTML負責架構內容，CSS負責視覺美化，兩者搭配，讓網頁結構清晰、兼具美感，同時在課程中還會教到Emmet快速編碼技巧，他能大幅提升開發效率！
響應式設計：讓網站適應各種裝置
網站不只要在電腦上美觀，還需在手機、平板等裝置上完美呈現。HTML+CSS是網頁設計的基礎，雖然可以透過手刻方式將響應式的功能寫出來，但會耗費許多時間，Bootstrap5是一個強大的前端框架，能讓你能快速開發響應式網站，省下不少的介面設計及溝通的成本！
JavaScript：讓網頁動起來！
靜態網站雖然美觀，但若缺乏互動性，使用者體驗就會大打折扣。這堂課將帶你學習 JavaScript，學習如何為網站添加互動效果。我們會從變數、函數、迴圈等基礎語法開始，逐步進入更進階的 DOM 操作，讓網站不只是美觀，更具互動性！
開發者工具與 AI 助攻，提升開發效率
當網站出錯時該怎麼辦？別擔心！我們會教你如何使用瀏覽器開發者工具來測試與除錯，甚至運用 AI 工具輔助開發，讓程式設計變得更輕鬆。
實戰打造個人專屬網站
學習的終極目標，就是應用在實際開發！最後，我們將帶你親手設計並完成一個專屬網站，從靈感發想到正式上線，每個步驟都會一一拆解說明。
第一堂-工具安裝及伺服器安裝:
1. 安裝虛擬伺服器。
2. 啟動伺服器。
3. 下載及安裝編輯工具。
4. 編輯工具設定。
5. 編輯工具使用介紹。
第二堂-HTML語法介紹:
1. HTML版本介紹。
2. HTML標籤介紹。
3. 使用標籤編輯文字。
4. 語意化概念。
第三堂-HTML容器介紹排版概念:
第四堂-CSS概念:
1. CSS屬性。
2. CSS選擇器。
3. CSS單位。
第五堂-使用HTML及CSS排版:
1. 版面規劃。
2. 響應式撰寫。
3. 桌機版 / 筆電版 / 平板版 / 手機版。
第六堂-版面進階設定:
1. 版面美化。
2. 文字呈現設定。
3. 定位處理。
第七堂-網站表單及動畫:
第八堂-完成基本網站及jQuery:
第九堂-Bootstrap介紹及使用:
1. Bootstrap介紹。
2. 下載及使用。
第十堂-Bootstrap版本及格線系統:
第十一堂-Bootstrap 組件:
1. 圖示使用。
2. 選單設計。
3. 按鈕組。
4. 標籤。
5. 分頁。
第十二堂 ~第十五堂-Bootstrap實戰:
第十六堂-Bootstrap 及 jQuery:
1. SASS / SCSS / LESS / Compass。
2. jQuery & jQuery Mobile UI。