敲碗數 4 用React刻自己的投資Dashboard

對於投資很狂熱的夥伴們，每天穿梭在股海之中，是不是為了得到最新消息，看了非常多的網站呢？本系列文章希望能夠藉由React架構，串接各種投資數據API，將散亂的投資資訊整理到一個網頁內，並藉由繪圖套件的輔助，將死板板的表格資料，做成一張又一張容易閱讀及分析的圖表，並且為每一張圖表加上使用說明書，不管是自己使用或是給別人看都非常方便，看到這邊是不是非常心動呢？開始吧，挑戰刻出屬於自己的投資Dashboard！

Sean Liu

敲碗數 2 自動化 End-End 測試 Nightwatch.js

接觸了 e2e 半年，踩了一些坑，覺得好想可以湊出 30 天了 本篇基於 Nightwatch.js 與 browserstack 搭配 gitlab ci/cd 環境 做一個偏心得的簡易教學文

dennisliuu

敲碗數 7 摸索 WebSocket，遠望 WebRTC

原先計畫能夠將 WebSocket 和 WebRTC 都嘗試摸索一番，但在準備的過程中，發現精力和時間分配有限，因此重點仍會放在 WebSocket上，使用 Vanilla JS 來創建 Chat，或者摸索看看有沒有其他可以實作的功能。 行有餘力之下，會再嘗試加入框架的架構下，如何實作相關作品。 最後的最後，如果有幸還有力量的話，希望能涉獵到 WebRTC，期許自己完成。

DoDoBird

敲碗數 4 30 天利用 Hexo 打造技術部落格

Hexo 是個易用、輕量級部落格系統，非常適合工程師用於撰寫技術部落格。我在今年年初開始使用 Hexo 架設自己的技術部落格，過程中掌握了對於 git 的熟悉度，也因為有了這個平台，陸續撰寫了許多技術文章。希望透過此次鐵人賽分享，能幫助許多人成立自己的技術部落格！

guitimliu

敲碗數 5 網頁前後端寶石庫-礦坑補完計畫

目前為五倍紅寶石 ASTRO Camp 學員 現在網頁前後端都有接觸到了，ex: HTML、CSS、JS、Ruby、Rails、database... 上課過程中老師上課挖了好多坑給大家跳 我不跳入礦坑誰來跳! 再不補的話洞要越挖越大啦! 人家 EVA 是人類補完計劃，我只能做到礦坑補洞計畫 這30天能補多少算多少，不管是面試常考的、名詞解釋還是冷知識都給他補滿滿!

阿修

敲碗數 0 前端日常，每天 React 一下

以 React 為中心的學習筆記，內容主要包含： ★ React 基礎概念、常見功能、活用知識點 ★ React Hook 學習筆記 ★ Redux 學習筆記

Emi

敲碗數 6 前端工程師在工作中的各種實戰技能 (Vue 3)

身為一個前端工程師，如果只會框架 (Vue, React, Angular 等等) 是遠遠不夠的，如果你想要在工作中游刃有餘，或者找到一份好的工作甚至更資深的職位，還有許多技能力是需要具備的，因為在實務上可能還會因為產品的性質、面對的客群以及團隊的工作流程或合作的對象，而有許多技能與難題是需要具備與克服的，那到底還有哪些常見的技能是我們應該學會的呢？

Mia Yang

敲碗數 4 Canvas 小錦囊

利用 canvas 做出一些可以互動的小東西

雪莉

敲碗數 1 ZK 30天速成

從頭講解 ZK UI 框架的各方面基礎知識與用法，作爲初學者的入門磚，未來可以藉此基礎自行深入學習更多 ZK 相關開發技術。主要講解 MVC 樣式的開發方法，因為這個樣式比較易懂。

Hawk

敲碗數 9 從零開始學習 Next.js

對於工程師來說選擇用什麼樣的技術，背後都是取決於商業策略需要什麼，以常見的 SSR、pre-rendering 來說，不外乎是希望網站整體的 SEO 能夠變好，或是提升使用者體驗。而現在 SPA 盛行的時代，許多網站在沒有框架或後端支援的情況下，僅僅使用像是 React 或 Vue 等前端框架，要做到 SSR 或 pre-rendering 還需要做許多設定，做這些技術研究都得花費時間成本與心思，最後才能導入到專案中。Next.js 幫助工程師事半功倍，不必再花費很多時間處理 pre-rendering 或 SSR 等等的問題，而是利用框架的優勢，讓工程師更專注在開發核心功能上面。

Leochiu