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)上看到那麼多人互動的貼文,我也玩了一下 XD
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 直接用
任務要自己發 PR 然後會跑測試去看你有沒有過。
一個比較麻煩的點是一開始可能會不知道為什麼 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 也有人討論,總體來說好像還是不多
題目數量應該還是偏少,設計題目庫應該也是蠻麻煩的,
不同類型的教學方式 對新人應該挺有幫助的,
前提是要題目夠多 👻