| # | 學習項目 | 作品連結 |
|---|---|---|
| 01 | 透過建構貓咪照片 APP 學習 HTML | |
| 02 | 透過製作一個咖啡目錄，來學習 CSS | |
| 03 | 透過一個註冊表單，學習 HTML Form (表單) | |
| 04 | 透過建立一幅 Rothko 畫作學習 CSS 盒子模型 | |
| 05 | 透過建立一個相片藝廊學習 CSS Flexbox | |
| 06 | 通過構建摩天輪來學習 CSS 動畫 | |
| 07 | 透過建立一隻企鵝學習 CSS 變形效果 | |
| 08 | 透過畫一隻貓學習進階 CSS | |
| 09 | 製作一個致敬頁面 Tribute Page | |
| 10 | 製作一個個人作品集網站 Portfolio | |
| 11 | 導覽列切板 | |
| 12 | 頁尾切板 | |
| 13 | RWD 網頁切板 |