敲碗數 3 我不會測試，所以寫Jest與React Testing Library

開頭，大家都希望自己的元件或者是功能能達到robust的境界，偏偏我們常常沒有時間寫或是覺得很難，加上之前公司使用的enzyme支援度也沒有到很高．所以趁這次好好學習，如果時間許可的話，希望能為Cypress寫個幾篇篇幅．

史丹毛

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

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

dennisliuu

敲碗數 3 你阿嬤成為網頁前端工程師的第一步

想成為網頁工程師，好好孝順阿嬤嗎？但是，每次看到寫程式的教學，都覺得符號讓人頭痛，直接從入門到放棄嗎？沒關係，這系列文章不是寫給你看，是寫給你阿嬤看的！你可以等你阿嬤學會以後，再讓阿嬤教你。或者直接讓阿嬤成為工程師，直接跳過孝順這段！再不然，你也可以自己看懂文章後，和阿嬤手牽手去上班！甚麼？你說你看不懂？這系列文章連你阿嬤都看得懂啊！

Logos50607

敲碗數 0 以 React 為主的那些前端事

來好好寫個筆記，因為我是金魚腦兒~ 來幫助沒辦法好好講出來的我

雪倫Q

敲碗數 2 尋覓網站開發的神兵利器

介紹網站開發時的各式工具，藉由這些工具的幫助，提高自身的生產力。

Peter Chen

敲碗數 5 動起來吧！Web Motion 動態特效網頁學習日記

「這個按鈕點下去，換到這個頁面。」淡出淡入？下方上滑？淡出然後右方移入？ 讓介面設計加分！頁面加上適當動態效果，加強使用者感受，也能運用時間差與效果呈現，彌補部分效能缺口帶來的不好體驗，運用一致性的視覺與動態效果，打造獨一無二的品牌風格。 - 嘗試創造網頁動態效果，從原生css、JavaScript開始，並使用Three.js、PixiJS等函式庫，從做中學的學習紀錄。

Anna Cheng

敲碗數 11 關於 UI 元件你所該知道的事

遙想剛入行前端時，對於網頁中有哪些約定俗成的 UI 元件都沒有概念，實作就都是在亂寫！ 但年初時跟著公司開發了一套 UI 元件庫，深刻感受到寫好一個 UI 元件所需要的觀念跟細節，像是 Design System、元件們的分類、彼此的依賴關係、UI 元件功能跟情境的區分、 前端開發架構 以及 使用上如何因應各種情境去更新、改版等等。 因此，這系列會以觀念為主，實作為輔。希望讓初踏入網頁開發領域的新手能對 UI 元件有基礎的認識和開發的架構，而已有經驗的老手能透過這系列更理解 UI 元件在網頁中所扮演的角色 ，注意到更多在開發上的小細節！ 這 30 天跟著我一起來深度探索 UI 元件 吧！

parkerhiphop027

敲碗數 0 React.js 30 天學習全記錄

第 0 天的我目前只會創建一個 React.js 的檔案，希望完賽的時候能夠跟大家一起搞懂 React.js 的基礎！

SuoChan 阿關

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

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

Leo

敲碗數 4 NestJS 帶你飛！

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

HAO