---
tags: 軟體工程師體驗營 - 2023
---
# 🏅 切版任務挑戰列表

- Day1 - [HTML 標籤元素、CSS 判斷](https://hackmd.io/v6Qj9HLiQxmo7AlxSQbBGA)
- Day2 - [圖片處理技巧](https://hackmd.io/rWUTI_PRSl25nSkion4w0A)
<br>
- Day3 - [box-sizing](https://hackmd.io/xGP7A2lyQGyMTNGOkBaEiA)
- Day4 - [HTML、CSS 文字設定與 margin、padding 運用](https://hackmd.io/gsdk0kHHQpuNyNDzX1V-ZQ)
- Day5 - [Material Icon + Figma Icon 名稱觀看教學](https://hackmd.io/FbQebXgjRU-igFMFVPOVow)
- Day6 - [position 練習 I](https://hackmd.io/ggMka9sSR7K4PFw5tC21Qg)
- Day7 - [jQuery 基礎教學 ＋ back to top 練習](https://hackmd.io/lPtdSs_CRQe9Ee1FPGEV5A)
<br>
- Day8 - [flex 練習 I](https://hackmd.io/MBB5hIzdTmyjIYpfGqhXLw)
- Day9 - [flex 練習 II](https://hackmd.io/k9lD_sFjR8um8ZsNo1V5yg)
- Day10 - [flex 運用](https://hackmd.io/CWjrJR5ORWilPPoVXQ2IIg)
- Day11 - [flex order](https://hackmd.io/POSFE4FfS_aObOgpuIrFVg)
- Day12 - [jQuery 點選按鈕動態切換 active 效果](https://hackmd.io/G2Tm8MOJTnya6qD1Hf6IWw)
<br>
- Day13 - [基本表單元素](https://hackmd.io/_sXgRkPeQYa0ZPteklC4PA)
- Day14 - [RWD 練習 I](https://hackmd.io/NS5gH7LkRViRn9H-7UCVhw)
- Day15 - [HTML 、 CSS 觀念補給](https://hackmd.io/57iFo83HS-mI_2QLA2rQKw)
- Day16 - [RWD 觀念補給](https://hackmd.io/VypILTgOTE2J5KbVSfgUfg)
- Day17 - [RWD 運用](https://hackmd.io/YUDpViYJSHqwCSStiUKeUQ)
<br>
- Day18 - [Flex 與 RWD 練習](https://hackmd.io/0587X-XoRHCEWfsFcdTxuA)
- Day19 - [Navbar 隨著斷點變換樣式、排版](https://hackmd.io/DBWeMpCDTHSh5nHqhnQZVQ)
- Day20 - [偽元素](https://hackmd.io/7n6Alj9TS86VAbnw9aJibw)
- Day21 - [background 練習](https://hackmd.io/YKSpeFprTjShVe_G2F_KPg)
- Day22 - [background linear-gradient](https://hackmd.io/IsC8W9fPQLKjGUHzds-zDQ)
<br>
- Day23 - [overflow 跟側邊陰影定位](https://hackmd.io/yeiVeKadQLepH8GWftXmbQ)
- Day24 - [下拉選單](https://hackmd.io/la2XiNU7TBS6iMypiYBdnA)
- Day25 - [常見問題區塊摺疊效果](https://hackmd.io/v_lqUt9ARviLsiZnnGEp_w)
- Day26 - [Swiper 輪播套件](https://hackmd.io/hMjHBbxeTcOc4ydNan9oTw)
- Day27 - [Swiper RWD 變換排版、CSS 樣式調整](https://hackmd.io/mcxBdODCQguJZX7mM_UFKg)