---
# System prepended metadata

title: Node 班北 10 組 - 小組破冰任務 - 2023 春季

---

# Node 班北 10 組 - 小組破冰任務 - 2023 春季

## 任務挑戰一：小組自我介紹
<details>
    <summary>自我介紹內容</summary>
    
* Ruby
![](https://i.imgur.com/IEoPtL8.png)
    
* ZY Hsu
![](https://i.imgur.com/vIpQPxM.png)
    
* Benson
  ![](https://i.imgur.com/uBCzSJk.png)
    > 大家好，我是Benson。透過產業新尖兵計畫的全端工程師課程，我學習了三個月並對程式設計產生濃     > 厚興趣。花了三個月時間尋找工作，現在已經成為一名擁有一年六個月工作經驗的全端工程師。
    > 
    > 我的主要工作內容是整理後端資料，前端再使用這些資料繪製地圖。
    > 
    > 在下班時間，我會繼續學習新的技術。目前我已經掌握了TypeScript和Docker。
    > 
    > 歡迎訪問我的GitHub頁面：https://github.com/ioveasdkre
    > 
    > 我的空閒時間如下：
    > 
    > 平日晚上8點半到10點
    > 週六下午4點到晚上10點
    > 週日全天到晚上10點
    > 前端套件：jQuery、Leaflet (地圖相關，例如 Google 地圖)、Apache ECharts (統計圖)、     > TypeScript
    > 後端技術：C#
    > 框架：.NET Core MVC
    > 資料庫：MS SQL、PostgreSQL
    > 容器化：Docker
    > 
    > 本次最想學習 Node.js，並精進後端技術以及學習單元測試。
    > 夢想成為動漫人物，自由自在地翱翔在世界上，是不是感覺很棒呢？我希望能生活在一個無憂無慮、快     > 樂的世界，做任何我想做的事情。
    > 
    > 我的遊戲名稱是「最後終點」。人生中總是有目標存在，但是那些能堅持自我、努力到最後的人卻很       > 少。當遇到辛苦和挫折時，很容易想要放棄。我希望自己能夠不斷努力，朝著目標前進。
    > https://www.16personalities.com/ch/istj-%E4%BA%BA%E6%A0%BC
* pachinko    

  > 大家好 🙂
  > 
  > 我叫做柏青，大家可叫我 pachinko 或 patrick.
  > 
  > 當初想成為軟體工程師的原因是，喜歡玩電腦遊戲，害怕面對人群。
  > 
  > 我去年在一家公司維護 jQuery 網頁，跟 CI/CD. 因為在公司用到 Vue React 等等現代框架的時程遙遙無期，下班時間學習又超乎預期累，所以離職學習。
  > 後端技能：簡單 Node.js server 在 netlify railway, 來存我的 Vue 購物車 Demo 網頁的購物清單。
這次 Node 班想要先把基本 RESTful API 寫好、接好，並且寫成容易維護、且容易自動測試。
  > 
  > 有一個不算小祕密，但稍微有趣的點是：我學了兩三年 Salsa 雙人舞，週末有空會去舞會(面對我最害怕的：人群)。
  > 
  > 我的人格類型是：調停者 INFP-T
  > 
  > 以下是我可以安排會議或多人討論的時間：
  > 週二週四晚上 8 - 10 點；
  > 週六白天，週日全天。

* Alicia Lo
    ![](https://i.imgur.com/vKIFNrD.png)
  > 嗨!大家好，我是 Alicia~以前在學校當研究助理，因為在研究中接觸
  >到網頁相關的東西開始產生興趣，後來花
  >了九個月的時間學習成功轉職前端工程師，目前年資一年多。
  > 前端: 主要是以Vue 生態圈為主，工作開發是使用Vue2、Vue3、Vue 
  >CLI、Vuex，專案曾經使用過 Vite 但不是很熟。剛好在參加直播班前
  >有工作轉換，新公司主要是用 Nuxt，但我之前沒碰過，所以最近應該會
  >在入職前惡補一下。
  > CSS框架:主力是 Bootstrap，稍微碰過一點點的 Tailwind。
  > 後端: 短暫學習過 PHP 和 MySQL 但都忘得差不多了，這次參加直播 
  >班主要也是為了召喚以前學習後端的記憶，想要讓後端技能更加紮實。
  >喜歡老虎、獅子之類的大型貓科動物。偶爾會和同好一起翻譯手機遊戲的
  >劇情(非官方性質)，以前都是人工對著手機遊戲劇情一行行翻，都要花個
  >兩三天，在學了程式後直接將遊戲攻略網站的劇情網站的文字檔爬下來，
  >未來甚至想直接將爬下來的文字檔丟到 ChatGPT 翻譯後自己再潤飾，希
  >望能把時間壓在一天完成 (學程式真是好處多多XD)。除了程式學習以
  >外，最近也在學習電子音樂編曲，不過目前還是幼幼班等級。
  >我的人格測驗結果是提倡者(INFJ)，據說是一個奉獻型的人格。


</details>

---

## 任務挑戰二：AI 生成式圖像訓練
### 討論過程：
 * ![discussion](https://i.imgur.com/d6si7cv.jpg)
### 候選：
 * Alicia 請教了 ChatGPT 老師，老師很好心的教導我們詠唱的咒語：
     * Please depict a scene where five cats are sitting on a green V-shaped blanket, gathered together to play video games and write code. Please use a Japanese art style as the primary style and bring the cats' movements and expressions to life, allowing the audience to feel their joy and happiness. Please pay special attention to the details of the green V-shaped blanket and the background, creating a harmonious and beautiful image.
![](https://i.imgur.com/qZXrjh0.png)

 * 就產生了下列四張圖，我們投票選了左下角那張定案：
![](https://i.imgur.com/DUTZcWJ.jpg)

### 定案：
![decision](https://i.imgur.com/h5Ime0f.jpg)

---
## 任務挑戰三：[ChatGPT AI](https://openai.com/blog/chatgpt/) 程式題詠唱訓練
### 3.1：用 chatGPT 解答10 道 if+function 題目，不可自己寫程式，需能直接詠唱出解答

<details>
    <summary>第 1 題：當天的心情小語</summary>

* 詠唱：一週有七天，請製作一個函式可輸入不同的星期日數，並回傳當天的心情小語
![](https://i.imgur.com/Din929f.png)
![](https://i.imgur.com/4NBZD02.png)

* 測試:
![](https://i.imgur.com/Xn5NxUB.png)
![](https://i.imgur.com/2ZhQ6YS.png)
</details>

<details>
    <summary>第 2 題：最低法定飲酒年齡</summary>

* 詠唱：最低法定飲酒年齡為 18 歲，請撰寫一個 Javascript 函式來測驗輸入的年齡是否能飲酒。


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

</details>

<details>
    <summary>第 3 題：是否發燒</summary>
    
* 詠唱：人的中心體溫通常會自動調節在 37 ℃ 左右，只要 ≥ 38度就代表可能發燒了！請製作一個探測人體溫度是否發燒的 Javascript 函式。
![](https://i.imgur.com/3oGZHf9.png)
![](https://i.imgur.com/CdLIAVq.png)
![](https://i.imgur.com/E6KcLh0.png)
</details>

<details>
    <summary>第 4 題：溫標轉換</summary>

* 溫標轉換
![](https://i.imgur.com/DwDnmIR.png)
</details>

<details>
    <summary>第 5 題：餵食青蛙</summary>

* 餵食青蛙
![](https://i.imgur.com/JOmPddT.png)
</details>

<details>
    <summary>第 6 題：計算球體體積</summary>

* 計算球體體積
![](https://i.imgur.com/TjJEUwb.png)
</details>

<details>
    <summary>第 7 題：BMI 計算</summary>

* 詠唱：BMI 稱為身體質量指數（Body Mass Index，縮寫為BMI），是目前美國疾病管制局及世界衛生組織所認可，利用身高為基礎來測量體重是否符合標準。請套用以下公式製作一個 BMI 計算函式。
BMI = 體重(公斤) / 身高的平方(公尺) 
    ![](https://i.imgur.com/LXs05LF.png)


</details>

<details>
    <summary>第 8 題：斜邊計算</summary> 
    
* 詠唱：直角三角形的斜邊長度公式為：x² + y² = z²，請製作一個輸入兩邊邊長並回傳四捨五入取至小數第一位斜邊的 Javascript 函式。
    ![](https://i.imgur.com/lXC4Q3S.png)


</details>

<details>
    <summary>第 9 題：FizzBuzz</summary>

* 詠唱：FizzBuzz 是一個簡單的小遊戲，給定一串從 1 到 100 的數字：

    如果是 3 的倍數，就印出 “Fizz”
    如果是 5 的倍數，就印出 “Buzz”
    如果同時是 3 和 5 的倍數，就印出 “FizzBuzz”
    將結果回傳為一個陣列。
    ![](https://i.imgur.com/7UsairW.png)


</details>

<details>
    <summary>第 10 題：蜘蛛下網</summary>
    
* 詠唱：蜘蛛在一個由四個支撐點構成，11x11 單位的正方形蜘蛛網上。請製作一個函式以蜘蛛的座標為參數並依循以下規則回傳結果：

    計算出距離蜘蛛最近的點並回傳"哪裡是最近的支撐點 + 最短路徑距離"。
    如果蜘蛛超出蜘蛛網外，回傳"蜘蛛不在網上了"。
    ![](https://i.imgur.com/xScfGKQ.png)

    
    

</details>

### 3.2 用 chatGPT 詠唱以下 Bootstrap 5 文件的募資網站
* 輸入內容：
 請使用 HTML 搭配 Bootstrap 5, 在 codepen 寫出網頁。
1. 網站背景色是 #F8F9FA。
2. 左上角是一個「小標籤」，內容是「魔法科技」，背景色是 #858377，字體大小是 16px.
3. 「小標籤」下面是一個「大標題」，內容是「拍出會動的照片｜LivePhotos 魔法拍立得，字體大小 32px」
4. 「大標題」下面是「產品內容」，分兩個「區塊」，「區塊」左邊是一張照片，內容是：https://hexschool.github.io/boootstrap5WebLayout/assets/produt_image.jpg ,「區塊」右邊是募資內容，內容由上到下是：
  a. 目標：$600,000，字體大小 14px
  b. $280,047，字體大小 32px
  c. 黃色進度條，目前進度是 41%，顏色是#FFDF65，未達進度用這個顏色 #EEEEEE
  d. 贊助人數 1374 人 跟 募資倒數 27天
    四個 icon 左右排列：
    https://hexschool.github.io/boootstrap5WebLayout/assets/icon_good01.svg
    https://hexschool.github.io/boootstrap5WebLayout/assets/icon_good02.svg
    https://hexschool.github.io/boootstrap5WebLayout/assets/icon_good03.svg
    https://hexschool.github.io/boootstrap5WebLayout/assets/icon_good04.svg
  e. 專案募資提示，內容是「專案募資中！在2021/06/14 23:59 募資結束前，您都可以贊助我們！」
  f. 黃色按鈕，背景顏色是 #FFDF65，按鈕文字是「贊助專案」，文字大小是 20px
  g. 兩個按鈕並排，分別是：「追蹤專案」、「分享」，背景都是透明，border 和文字顏色是 #858377
</details>

* 結果 codepen: https://codepen.io/sunpochin/pen/BaORgXV
![](https://i.imgur.com/hA1ZL3d.png)

### 3.3 用 chatGPT 寫出 todolist API，並一樣需載入 uuid NPM 套件，並寫出各 API 功能
* 詠唱：「寫出 todolist API，並一樣需載入 uuid NPM 套件，並寫出各 API 功能」
![](https://i.imgur.com/66PdwVI.png)
![](https://i.imgur.com/52iLSXZ.png)
![](https://i.imgur.com/qHtEzrD.png)

* 驗證：寫出來的 node.js project 暫時放在 https://purrfect-learn.onrender.com/


---


## 任務挑戰四：專題討論
### 候選跟討論：
![](https://i.imgur.com/0FN04Aq.png)

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

### 結論：
- 關於養貓的線上學習平台：
    - 英文名字：PetKnow 
    - 中文名字：寵知
</details>

