敲碗數 5 前端黑洞計畫 (一) : 讓 Vite 來開啟你的Vue

有別以往的網站工具，Vite 將用最潮的開發速度，帶你一窺Vue 3 Composition API 的新面貌，此系列文章將會 介紹 Vite 運作如此快速的背後 及 關於 Vue 3 Composition API 各種 與 Option API 的不同用法。 究竟～ Vite + Vue 3 Composition API 的組合 會有什麼變化，到時我們一起看下去

Winnie Wu

敲碗數 8 用Jest和Enzyme來寫React測試吧!!

這次的三十篇會跟大家分享React的基礎及測試框架JEST和測試工具庫Enzyme， 會使用Visual Studio Code 這個IDE來進行操作 前十篇會介紹一些React的基礎，後二十篇會介紹使用測試框架。 看完這三十篇的最終目標是.....=>建立一個小組件並對其進行測試! 能學習到React的基礎知識及前端測試的基本概念!

Ivy

敲碗數 4 每日1%，你會累趴。

2019/4/6 時開始萌發了要轉職後端工程師的念頭。 2020/4/30 踏入了Laravel的世界。 2021/8/2 決定把這兩年來的精華通通分享出來。 你準備好了嗎？

擎天崗的松阪牛

敲碗數 3 React 從 0.5 到 1

以 React 官方文件（API reference、Advanced Guide）、React team 成員的 blog 為素材，更進一步了解不同情境的處理、寫出更精簡好看的 code，了解網頁前端除了讓網頁動起來之外，該注意到的課題。

Ikki

敲碗數 8 Angular 深入淺出三十天：表單與測試

Angular 身為前端三大框架之一，除了有統一的規範、完整的生態圈之外，個人覺得它在製作表單的方式上也有其獨到之處，再加上 Angular 生態圈自帶的測試框架，讓你學成之後再也不會寫出有 bug 的表單！就讓李歐用三十天的時間來分享如何用 Angular 來製作表單，並且學習如果使用 Angular 來寫測試，讓你的程式碼品質更上一層樓！

Leo

敲碗數 4 NestJS 帶你飛！

近年來 Node.js 興起，擁有非常多的框架來加速開發人員開發，使大家可以更快上手，其中，主流的後端框架不外乎就是 Express 與 Koa，它們非常輕量且自由，深受開發人員喜愛，但也因為非常自由，沒有嚴謹的架構規範，很容易寫出高耦合、低內聚的程式碼，甚至檔案結構非常鬆散，使用這些主流框架的開發者如果沒有訂定一套規範，將會面臨許多挑戰。如果你因為上述的問題而煩惱，那麼這個系列文會非常適合你，NestJS 將會是你第三個選擇！

HAO

敲碗數 26 今晚，我想來點 Web 前端效能優化大補帖！

之前在 Medium 寫了一篇「今晚，我想來點 Web 前端效能優化大補帖！」(https://reurl.cc/rgjg5O) 不過因為是屬於重點整理性質的文章，我沒有針對每個知識點做太多深入的解說，因此寫完後還是覺得自己遺漏了很多細節，礙於篇幅很多技術也沒有收錄進去。 經過思考後我認為鐵人賽是一個彌補自己遺憾的好機會！我預計把該篇文章的各個效能優化技術拉出來詳細介紹，某些主題更會搭配 Demo Code 讓讀者更容易吸收，也會加入更多我認為十分值得介紹之前卻沒有收錄到文章的優化技術，希望這次真的可以扛得起「Web 前端效能優化大補帖」這個主題名稱！

莫力全 Kyle Mo

敲碗數 5 CSS 對戰 30 Day

我才不信我會輸給你咧～ 管你是什麼CSS 就讓我來好好頗析你吧 !!!

霹靂卡霹靂拉拉

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

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

dennisliuu