Section | Demo | 心得紀錄 |
---|---|---|
1. 基本 HTML/CSS 練習:以 Twitch 為例 | https://codepen.io/laiyenju/pen/dyYQLjY | HW1: 終於了解 css position 在幹嘛,以及讓人愛不釋手的 css flexbox |
2. 讓畫面變得更動態:神奇的 CSS transition | ||
3. 寫 CSS 必備神器:CSS 預處理器 | ||
4. 從假資料到真資料:Ajax 與 API 串接 | ||
5. 讓網頁變得更完整:加上 placeholder 與 infinite scroll | ||
6. 返璞歸真:vanilla js | ||
7. 走向國際:i18n | ||
8. 當我們包在一起:Webpack | ||
9. 節省 Request 的極致:一為全,全為一 | ||
10. 改掉你的壞習慣:ESLint 與 standard |