前言—我想對你們說的話

重要度:⭐⭐⭐難度:⭐⭐

有鑑於對高中生的前端工程學習資源長期缺乏，即使有仍然無法達到讓高中生能輕鬆理解的程度，因此我們選擇自行撰寫一本專為高中生學習前端工程與設計的書籍，並將自己兩年來的學習經驗投入其中，避免同學們走冤枉路。

我們通常將網頁開發分為前端與後端，前端便是你從瀏覽器看到的一切，從字體、顏色、圖片輪播到目錄選單都是前端的一部份，後端則是負責與伺服器有關的工作，如處理數據並傳回瀏覽器。

本書的特點

• 文字淺白

• 互動設計

• 帶你實作

• 資源豐富

• 學習指標

本書假設你會這些

你可以先跳過不會的部分但通常三者(CSS,JavaScript,HTML)密不可分。

• 基本程式概念(迴圈與條件判斷)

• 甚麼是偵錯

• 下載與安裝開發工具

• 搜尋所需資料

• 操作翻譯工具

我們將讓你了解網頁基礎結構到最近火紅的響應式設計以及如何發布網頁。

本書盡量避免讓您再不清楚道路的情況下一頭栽進前端世界，所以有時會引用其他來源的文章與學習資源但請盡量跟著本書的腳步學習。

本書結構如下

1. 必備工具

2. HTML、CSS 與 JavaScript

3. 基本結構 HTML

4. 風格與樣式 CSS

   1. RWD 響應式網頁設計

   2. 框架運用

      1. Materialize

5. 賦予生命 JavaScript

   1. jQuery

6. Vue

   1. Vue CLI

   2. 更多設計技巧

7. 發布網頁

   1. Github

8. 最終任務與期望

9. 效能測試

10. 前端與其未來

11. 學習資源

12. 參考資料

本書採用 CC BY-NC-SA 4.0 創作共享授權創作共享授權， 只要保有原作者的姓名標示、非商業用途，以及以相同方式分享，您可自由地閱讀、分享甚至修改書中內容。