---
# System prepended metadata

title: "\U0001F3C5 切版任務挑戰列表"
tags: [軟體工程師體驗營 - 2024]

---

---
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)