Accelerate your professional development by going on quests — real-life engineering challenges you complete using a tech stack of your choice. Explore new technologies, brush up on skills, get achievements, and never stop developing.
source: producthunt : https://www.producthunt.com/products/wilco
少數在 Front-End Developers Taiwan （Facebook）上看到那麼多人互動的貼文，我也玩了一下 ＸＤ
post 原文：
流程大概是這樣：
1. 你會加入（虛擬的）知名公司 Anythink
2. 加入後，用你真正的 github 去拿他們的 codebase
3. 接著虛擬的 npc 員工們，會邀請你上一個叫 snack 的訊息平台（長得跟 slack 很像
4. 你的 PM + 「老闆」會給你派各種寫 code 任務
解完問題後，推 code 發 pr，給人 code review，成功 merge 的話即可進入下一個任務。
目前可練的前端框架是 React，後端可選有
Ruby on Rails、Node 或 Python。
想練前端、後端、兩個都練，或是 dev ops 都可以，然後一切免費 🤍官方頁面：
我選前後端，本來想說改成只選前端的
但是後來發現選了就不能改了 :(
長得很像 slack 的 snack ，主要任務都是這邊給
大概就是會把 Task 寫成故事，有情境，我這個 task 是起在 docker 裡面，
不用會任何知識，很快速就可以把環境叫起來
根據教學會有一個 GitHub repo，不用 fork 直接用
任務要自己發 ＰＲ 然後會跑測試去看你有沒有過。
一個比較麻煩的點是一開始可能會不知道為什麼 fail
然後機器人只會重複固定的文字，任務有提供 tips
我之前被 lint 卡住沒注意到，然後一個畫面也卡很久
tips 很多時候有給和沒給一樣 …
時間間隔是本來不想解了，然後覺得不可能那麼簡單卡很久，爛題目
看個影片，看完又氣不過，回來繼續解 🤬
結果還是解不掉 ＝＝
後來最後一個是直接看測試寫，一次過
真的卡關最快的方法還是去偷看測試 🤣
舉個實例，比如 Task ：
其中要給你 id 很明顯就是給測試用，
我前一題給搜尋條件限制錯，但前一題測試沒有寫錯的測項，
（我寫成至少五個字元 前一題回去看只限制三個字元）
後來直接看測試 發現是限制寫錯，修完才過
基本上是大家註冊都會生一個 repo ,
我有看別人的內容好像題庫題目還不多，部分會重複
還沒破完 提供一下我這個練習的執行項目：
- before we implement the full UI, we first need to add product filtering support to our API. In other words, when retrieving a list of items using a GET request, there should be an option to add a query filter called “title”, so that once we call this endpoint — the backend will show all the relevant items, whose title contains the same title query
// 加一行 filter title 的 operator `$regex`
// 我直接搜別人怎麼寫的 哈哈 - now that we have an API that can filter results, it’s time to add a UI! Add a search box to the main page, with the id “search-box”.
// 加 input, id “search-box”.
// 資料流都不用處理就可以過了 - Please add an appropriate scolding text to the system, to be displayed in the results box when a wayward user types in a string that doesn’t match any product in the system, and make sure that it had the id “empty”.
// 調整 results box 出現條件, 補給 id “empty”
// 基於練習目的還是把前面兩題給串起來 追一下 redux 和 backend
// 這個 code … … production 應該不會給上 ＝＝
小結
把對應測試結果都包裝成小遊戲，
不過卡住還是很難解決，看 discord 也有人討論，總體來說好像還是不多
題目數量應該還是偏少，設計題目庫應該也是蠻麻煩的，
不同類型的教學方式 對新人應該挺有幫助的，
前提是要題目夠多 👻
