--- tags: 軟體工程師體驗營 - 2024 --- # 🏅 切版任務挑戰列表 - Day1 - [HTML 標籤元素、CSS 判斷](https://hackmd.io/rIz2aFALQr6Wl-li-GHPOA?both) - Day2 - [圖片處理技巧](https://hackmd.io/l_dLOkHtQ6-gbpI1EiOdOg) <br> - Day3 - [box-sizing](https://hackmd.io/bAAtJftmToWI4q1I0venVA) - Day4 - [HTML、CSS 文字設定與 margin、padding 運用](https://hackmd.io/te9J_VM2Si2ZSZJbtn4qlA) - Day5 - [Material Icon + Figma Icon 名稱觀看教學](https://hackmd.io/idtd1qALSKSKtusuZuz_dQ) - Day6 - [Google Fonts 線上外部字型載入](https://hackmd.io/yf7D3mbLSLG072pYTeEIOw) - Day7 - [jQuery 基礎教學＋點選按鈕動態切換 active 效果](https://hackmd.io/CQJTeiDXRPigcFQd-mAsnA) <br> - Day8 - [flex 練習 I](https://hackmd.io/lz1IGFo0RY2toqIipRVEmA) - Day9 - [flex 練習 II](https://hackmd.io/kvQUCl6qS4W7iP3DhNEcuQ) - Day10 - [flex 運用](https://hackmd.io/_mCayFjdRnGqgqTvTpmLEA) - Day11 - [position 練習 I](https://hackmd.io/fuQeA9yITDWjmJvt_xx1cA) - Day12 - [運用 jQuery 呈現手機版漢堡選單效果](https://hackmd.io/8Z_LG18pRy69miRyWX6ymQ) <br> - Day13 - [HTML、CSS 觀念補給](https://hackmd.io/IT9EBbnzR_ai4rjxfCOn4g) - Day14 - [RWD 觀念補給](https://hackmd.io/3YgdxHXQTB24CkzGaPWU9w) - Day15 - [RWD 練習 I](https://hackmd.io/ByRQjGfJRVa6q-H62WZKmw) - Day16 - [RWD 運用](https://hackmd.io/AH1hzQUEQ8m4bjiNRU_CpQ) - Day17 - [Flex 與 RWD 練習](https://hackmd.io/AcEp56sxTQ2vVbT4hI41EQ) <br> - Day18 - [Navbar 隨著斷點變換樣式、排版](https://hackmd.io/wj_Q0WDvTfiInn3C4ihGyQ) - Day19 - [偽元素](https://hackmd.io/2U3xMNKcT7KvM6Z_UgMwIQ) - Day20 - [標題偽元素裝飾](https://hackmd.io/9P8Zhl22TmW_k9G2aox1RQ) - Day21 - [background 練習](https://hackmd.io/EkgKxVkIR3yJQHuICjjWUQ) - Day22 - [運用背景創造下底線](https://hackmd.io/UuTe1k1MQM6diu4ykljVpw) <br> - Day23 - [overflow 選單製作](https://hackmd.io/A7o1JZmKR86sQbwVz_iENg) - Day24 - [選單四角 hover 效果製作](https://hackmd.io/GlYzU1d4R7SvDPz2O-Qh6Q) - Day25 - [Modal 效果製作](https://hackmd.io/rfFoK8SnQ2q5JunAcE6gEw) - Day26 - [Swiper 輪播套件](https://hackmd.io/n10QCCYQTJ6HprBvgS_-cQ) - Day27 - [Swiper RWD 變換排版、CSS 樣式調整](https://hackmd.io/o80obG9XQISicGr1FJBzhA)