---
# System prepended metadata

title: (北１７組) 小組破冰任務

---

# (北１７組) 小組破冰任務

> 討論時間:  3/3 (五) 21:00 ~ 22:00

組員參與名單:

- [x] 汪汪王#9852
- [x] Butters#6773
- [x] Chian#1564
- [x] Melon#0380
- [x] 梯歐歪力#9275
- [x] 𝕂𝕒𝕒𝕒𝕒𝕒𝕚#3973

| Discord 名稱 | 16人格 | 專注技能 |
| -------- | -------- | -------- |
| 汪汪王#9852 | 表演者 | 軟技能：團隊協作開發流程, 硬技能：React 前端開發 |
| Chian#1564 | 建築師 | 軟技能：產品開發生命週期控管, 硬技能：Node.js 後端開發|
| 梯歐歪力#9275 |守衛者 | 硬技能：Node.js 後端開發|
| Melon#0380 | 調停者 | 軟技能：精力管理, 硬技能：React 前端開發 |
| 𝕂𝕒𝕒𝕒𝕒𝕒𝕚#3973 | 主人公 | 軟技能：團隊協作開發流程, 硬技能：Node.js 後端開發 |
| Butters#6773 | 提倡者 | 軟技能：團隊協作開發流程, 硬技能：React 前端開發|

## 任務挑戰一：小組自我介紹

* 汪汪王#9852
 >   大家好，我是汪汪王。 目前前端工作資歷 8 個月，第一份工作主要使用 React 框架，3月初的時候會換新工作，使用的框架為 Angular。

 > 請分享您的背景給組員，當初為什麼想成為工程師？
我不是本科生，在大三的時候，為了呈現統計圖表，第一次接觸到網頁程式設計，因此就去 Udemy 買了些課程，也有完成兩門。在大五的時候做過 QA 的實習，那時候疫情比較嚴重，可以遠端進行工作，有了那樣的經驗，我覺得學習前端網頁技能，能夠讓我在未來比較有機會實現 remote 的機會，這也是我想成為工程師的原因。

 > 自己的程式技能樹介紹，這次 Node 班最想學的技術是什麼？
github: https://github.com/Stevetanus
我想說可以透過 github 多點了解我
前端: 
CSS (SCSS, RWD)
JS (ES6, jQ)
React (React Hooks, ContextAPI, MUI, styled-components, React Router)
碰過的技術:
Node.js, MongoDB, Python, BootStrap

> 分享自己的一個小秘密，可能連你爸媽都不知道
把零用錢和壓歲錢都拿去氪金和打網咖

> 請分享自己的測驗結果給您的組員。
https://www.16personalities.com/ch/esfp-%E4%BA%BA%E6%A0%BC
* 梯歐歪力#9275
> 嗨大家好，我是Ian,主要活動範圍在台北，目前遠端工作在職中，擅長用React做開發，前端工作資歷約3~4年(還是個junior🥲 )。

> 請分享您的背景給組員，當初為什麼想成為工程師？
剛畢業時想做設計相關的工作，找了一圈後頻頻碰壁，透過管道參加職訓局的課程進修，因緣際會下找到第一份前端title的工作，就一路走到現在。

> 自己的程式技能樹介紹，
CSS (Bootstrap4，Sass、Less，RWD）
JS (ES6，jQuery)
React (React Redux，React Hooks，Reaact Router，Material UI，Styled-Components，Class Component Life Cycle)
Vue (Vuex，Vue Router，Element UI，Vant)
這次 Node 班最想學的技術是什麼？
Nginx,SSR,Network,DB,CI/CD... 前端以外的技術

> 分享自己的一個小秘密，可能連你爸媽都不知道
🤣 

> 請分享自己的測驗結果給您的組員。
“守卫者” 人格 https://www.16personalities.com/ch/isfj-%E4%BA%BA%E6%A0%BC 

* 𝕂𝕒𝕒𝕒𝕒𝕒𝕚#3973
> 大家好，我是Kai。 目前住在新北市，活動範圍雙北，前端工作資歷大約一年半左右。 

> 請分享您的背景給組員，當初為什麼想成為工程師？
大學是念設計相關，在做UI/UX設計工作時，接觸到一點點程式而開始自學，發現寫程式比設計有趣XD。之後下定決心往程式方面工作發展，無業自學進修了半年左右後，找到前端相關工作。目前算是Junior前端。

> 自己的程式技能樹介紹：
前端技術：
CSS - Tailwind, Sass, Less, RWD, Bootstrap
JS - Vanilla, jQuery
前端框架 - React(比較常用), Vue, Next.js

> 這次 Node 班最想學的技術是什麼？ 
前端 Typescript(自學中), 測試技術 Jest
還有後端技術 Node.js, SSR 等等等，希望未來有機會可以往全端邁進～

> 分享自己的一個小秘密，可能連你爸媽都不知道 
痾 爸媽不知道的可多了 XD 

> 請分享自己的測驗結果給您的組員。 
“主人公” 人格
https://www.16personalities.com/ch/enfj-%E4%BA%BA%E6%A0%BC

* Chian#1564
> 大家好，我是 Chian，工作中使用 React 開發有三年多的經驗，活動範圍在台北。

> 請分享您的背景給組員，當初為什麼想成為工程師？
主要是薪資考量

> 自己的程式技能樹介紹
前端技術：React.js, Next.js, TypeScript, styled-components, Tailwind CSS, i18n, React Hook Form, Yup,  Redux Thunk.
版控管理：Github, Gitlab, SVN.
UI 框架：MUI.

> 這次 Node 班最想學的技術是什麼？
最想學習有關 WebSocket, 串接金流, LINE 發訊息，等技術有更深入的了解。

> 分享自己的一個小秘密，可能連你爸媽都不知道
我也不知道

> 請分享自己的測驗結果給您的組員。
https://www.16personalities.com/ch/intj-%E4%BA%BA%E6%A0%BC

* Butters#6773
> 大家好，我是 Butters，目前在台北，前端資歷約四年，工作上是偏製作電商單一行銷活動頁為主，一人可以完成，用到的技能相對基礎，希望這次企業班可以提昇自己的技術能力，了解業界前端團隊在開發一個專案時是如何協作

> 請分享您的背景給組員，當初為什麼想成為工程師？
經濟係畢業後，考了三張金融證照結果在台南找不到工作🥲 ，某天因緣際就跑去上巨匠的網頁設計課，之後工作便從美編開始 ⇒ 網頁設計接案公司 ⇒ 到目前電商前端，原先進電商充滿熱情與興趣，誤以為可以製作類似淘寶天貓每次雙十一那種大型酷炫網頁，結果發現是一直在消化趕不完的案子阿~~~且製作時程短，這次企業班希望可以讓自己有動力跳脫這個環境

> 自己的程式技能樹介紹，這次 Node 班最想學的技術是什麼？
    CSS : SASS、Bootstrap、Tailwind、RWD
    JS : jQuery 、ES6
    碰過的技術 : Vue.js、Node.js、MongoDB、目前正在惡補卡斯伯老師的 React 課程

> 這次 Node 班想學的技術 : 希望把 React 摸熟，如果有辨法學習 Typescript 及單元測試更好

> 分享自己的一個小秘密，可能連你爸媽都不知道
他們不知道的事可多了

> 請分享自己的測驗結果給您的組員。
提倡者 https://www.16personalities.com/ch/infj-%E4%BA%BA%E6%A0%BC 

* Melon#0380
> 大家好，我是Melon，目前在台北，工程師資歷約四年，前端資歷約四個月，目前工作上是偏製作IIOT機台資料的dashboard呈現，還有其他雜七雜八(DevOps,ETL...)不能說熟悉的東西，已往待過的團隊的工作方式都是能用就好、越快越好，所以希望透過專題班好好把React學好學精，然後希望可以學會Typescript和測試 !

> 請分享您的背景給組員，當初為什麼想成為工程師？
大學純理科畢業後原本想要找數據分析相關的工作，誤打誤撞跑到一家SI公司做數據平台系統整合，當時有認真碰過的技術有Splunk、C# console app、後來因為陷入青年危機(?)，綜合當時的狀況跟能力決定去上坊間前端工程師的培訓班，專題主要技術使用React+Node.js製作前後端，後來找工作期間也上了六角的切版直播班，然後就是現在這份做了四個月左右的工作，目前比較常用的是React，最近要開始接觸 .NET Core後端

> 自己的程式技能樹介紹，這次 Node 班最想學的技術是什麼？
前端：React、MUI、Antd、SCSS、Bootstrap
後端：Node.js、MySQL、PostgreSQL、Redis
這次 Node 班想學的技術 : React、Typescript、單元測試

> 分享自己的一個小秘密，可能連你爸媽都不知道
我想換工作

> 請分享自己的測驗結果給您的組員。
調停者 https://www.16personalities.com/ch/infp-%E4%BA%BA%E6%A0%BC 

## 任務挑戰二：AI 生成式圖像訓練

* six small cyberpunk cats flying in a cyber world, background with three small lightning balls, lightning ball color is red, blue, and yellow, full body shot, front view, center, vibrant watercolor artwork, 4K, Unreal Engine
    ![](https://liberating-turtle-5a2.notion.site/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fbd3830aa-445b-406d-a78e-3d122e6cb19b%2Fteam_logo.png?id=e0115c19-d0c0-4430-9587-b1ecd6899471&table=block&spaceId=9b71b3d6-58d6-443e-9703-a36a504b524f&width=770&userId=&cache=v2?width=672&height=672)

## 任務挑戰三：[ChatGPT AI](https://openai.com/blog/chatgpt/) 程式題詠唱訓練

1. 請用 chatGPT 解答[10 道 if+function 題目]
Chian: [ chatGPT 10 題 學習[條件判斷]](https://hackmd.io/@0zCXvhwBTfKcGre_mv4jMw/BJ3YRSLAj)
Melon: [ chatGPT 10 題 學習[條件判斷]](https://hackmd.io/@AprilHung/S1tlmKOCo)

2. 請用 chatGPT 詠唱以下 [Bootstrap 5 文件]
    Melon: [CodePen](https://codepen.io/BalaFang/pen/YzOpKxN)
    Chian: [CodePen](https://codepen.io/chian-yang/pen/VwGmMJW)
    Kai: [CodePen](https://codepen.io/kaiyuncheng-the-styleful/pen/Exeoxbo)

3. 請嘗試用 chatGPT 寫出 [todolist API]
    汪汪王: [使用 ChatGPT 製作 todolist API & 基本寫法](https://hackmd.io/dRUrYe3vSRGgpAbyEdqvvQ)
https://github.com/wuzhe0912/node-todos-example

## 任務挑戰四：專題討論
* 募資網站


* 募資網站
    * 嘖嘖 https://www.zeczec.com/projects/ETW-board
    * FlyingV https://www.flyingv.cc/
    * 挖貝 https://wabay.tw/
    * Kickstarter https://www.kickstarter.com/
    * Indiegogo https://www.indiegogo.com/

## 討論紀錄 (截圖1-3張)

![](https://i.imgur.com/JaVidSN.png)

![](https://i.imgur.com/xalOsyA.png)

![](https://i.imgur.com/lCiZLCN.png)


