---
tags: 軟體工程師體驗營 - 2023
---

# 軟體工程師體驗營 - 2023
# 🏅 JS 任務挑戰列表
- Day1 - [字串、數字相加](https://hackmd.io/WnztA-IHTUyiikl7b7PVpw)
- Day2 - [數字處理](https://hackmd.io/Gf_FSEQhSOKGYI1SoqenqA)
<br>
- Day3 - [字串設計](https://hackmd.io/hpj3WrpxTnOagpvWUznfVw)
- Day4 - [比較與邏輯運算子](https://hackmd.io/sYSse-2TTqGUxZAoamGBGQ)
- Day5 - [if 流程判斷 I](https://hackmd.io/jsuKzZDcRg625IbwQXi3JA)
- Day6 - [if 流程判斷 II](https://hackmd.io/gjRLxwbtSy2AiqdXh63cWA)
- Day7 - [if 流程判斷 III](https://hackmd.io/VTcWwS4LTx6UcRK4YKgFFw)
<br>
- Day8 - [字串再複習](https://hackmd.io/ohxfb9ZhTb-DvUCifS31mQ)
- Day9 - [陣列設計](https://hackmd.io/_6ZIOUAkSgmR2_3kjZ38sw)
- Day10 - [陣列 + 物件](https://hackmd.io/2L1WMFDUS4GxDw4Qti__eg)
- Day11 - [混合題](https://hackmd.io/yxrZL3UURl-hCgE8_Ecysw)
- Day12 - [正規表達式(週末讀物)](https://hackmd.io/Hi8g7_-ITFGM36XdEvRtRA)
<br>
- Day13 - [函式、陣列、物件讀取](https://hackmd.io/SVUjcvaUTX6KYNbZ5CgGmA)
- Day14 - [58 題單選題挑戰](https://hackmd.io/IkhrJdn0TB20d0s1bJ71nQ)
- Day15 - [陣列物件資料處理](https://hackmd.io/gz3sQv_lSoORn7QB-1BURw)
- Day16 - [從不同資料集，尋找規律性](https://hackmd.io/ZNbO-MdJQR2NBgEjs6aLmA)
- Day17 - [陣列操作](https://hackmd.io/aG1hc2uRQ-WMFR9KE8iQ2w)
<br>
- Day18 - [混合題目](https://hackmd.io/N6y7k7KVQgW57hvbpIi-qQ)
- Day19 - [混合題目 II](https://hackmd.io/6a_4BlfSTc6LtbIH1TyRbQ)
- Day20 - [DOM 選擇器](https://hackmd.io/uqY33V7hQAmmyaz9LTEzsA)
- Day21 - [innerHTML](https://hackmd.io/aEczU9FaTxaJ-enVreMIdw)
- Day22 - [forEach](https://hackmd.io/Td5ZbR0RSIeOcMB6ft7hsw)
<br>
- Day23 - [addEventListener 事件監聽](https://hackmd.io/H9I6-vFCROq_LldCCOCDQQ)
- Day24 - [axios get 串接練習](https://hackmd.io/DEVjmK0CQ0KXo-oliD4n1w)
- Day25 - [API 資料渲染](https://hackmd.io/fad_7o2tRxaCuPUM2-yRgQ)
---
# 🏅 切版任務挑戰列表

- 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?view)
- 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)
---
# 🏅 五周講義

- [第一週 - 打造最強前端開發環境](https://hackmd.io/Qz4TxJUWQ-CndAUt7gkabA?both)
- [第二週 - FLEXBOX 多欄式排版全攻略](https://hackmd.io/JIM-EoE-RTW9lJ1djnJS3A)
- [第三週 - 響應式網頁設計](https://hackmd.io/GEnOxKscTqKWUN-ky91AUw)
- [第四週 - 網頁 DOM 操作與第三方 API 介接](https://hackmd.io/R9vpi0s8RZOEX8wX2QFVdQ)
- [第五週 - OpenAI 搭配 Vercel 主機，打造個人 AI 工具](https://hackmd.io/XXGjBFOnScK8bvbNKKn-Xg)