敲碗數 0 1995到2021，php到react網站開發歷程

這次我與我們幾個組員參賽的主要目標是完成一個由react架構起來的nft網站，而我會就我負責的部分，也就是前端跟一點後端來做介紹，順序部份我認為直接從react開始講起可能會太難懂，所以這30天應該會從一些最基本的網站架構技巧開始講起，各重點大概如下： 一、前端基礎(html, php, css)。 二、資料庫(mysql)。 三、進入Javascript、react。 四、nft網站架構。 五、成果展示。 希望可以從這些重點一步一步向各位介紹網頁的架構和方法！

Cooksuhr

敲碗數 8 [ 重構倒數30天，你的網站不Vue白不Vue ]

將來分享如果接手的別人寫的專案或是碰到老舊的專案需要翻新的時候，該如何以 Vue 來作為主要的開發框架，重構這些項目，除了使用 Vue 以外，也有需多在舊專案製作上面需要注意的事情，還有使用者體驗優化的部分，都是除了code 以外，重構專案會需要注意的地方，將以我自身的重構許多產品上面的經驗，來分享我在處理重構的項目都是怎麼處理的，這次將會以Vue3的開方式來進行分享。

Mike

敲碗數 1 每天一篇文章

三十天後就有三十篇

資科技新桂綸鎂

敲碗數 3 Laravel Livewire：不用 Vue 跟 jQuery 居然也能讓 Laravel 的畫面動起來 ？！

Livewire 根本全端工程師的救星啊啊啊。幾年前想要做 MVVM 架構即時更新頁面上資料，不用繁雜的 ajax、jQuery 去調整各個 DOM 的話，那就只能改用 Vue、React ...等 SPA 前端框架透過前後端分離的方式來實現。我在體驗了 Livewire 後立馬從寫了三年的 Vue 轉回 PHP，因為 Router 跟 Model 終於不用前後端都各寫一次啦，在前後端都自己寫的情況下體驗直接滿分。也不用再花時間處理前後端的 token、CORS 等等一堆奇奇怪怪麻煩的問題 XD

RenZhou

敲碗數 4 Canvas 小錦囊

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

雪莉

敲碗數 2 我的Vue學習筆記

去年底剛踏入程式世界，順利從行銷轉職前端，框架一直是想認真深入的課題，雖然斷斷續續學了一點，但都沒有持續，學學忘忘.... 所以希望透過這次的鐵人賽挑戰自己30天接觸vue，一個月內學會框架!!! 和兩個朋友組了團，這更激勵了自己要去完成這項挑戰，期待30天後我們的成長。

hsiu753

敲碗數 7 摸索 WebSocket，遠望 WebRTC

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

DoDoBird

敲碗數 7 看初心者怎麼學React

4月底的轉職的菜鳥，剛學完vue，緊接著要挑戰從零開始學習react了！ 從建立專案到完成todolist的過程中逐步了解其中的基礎架構，比較React和vue兩大框架的差異性，做出我第一個React專案，用初學者的角度去紀錄過程遇到的問題，希望能幫助到同樣程度的學習者，互相交流進步！

Taco

敲碗數 14 這個網站也太嗨！30 個網頁動態提案

一個好的動態會讓好的網頁設計，瞬間成為網站界愛馬仕 / 特斯拉！動態網頁比起靜態的網頁，更能完整傳遞網站的故事和訊息，減少網站跳出率、提高點擊率、甚至轉換率。 那客戶想要什麼動態？他們卻是一臉黑人問號。 所以這次鐵人賽，想要搜集網路的案例、教學，(希望可以) 做出 30 個可用的/常見的/很炫的動態提案，並在做中重新爬梳背後的原理和程式邏輯：從最基本的CSS、SVG 動畫到 利用JS、 Canvas 、D3.js 以及 Three.js。 菜鳥工程師也可以很罩地跟客戶說：別擔心，這是我的網頁動態提案！

Global Rachel

敲碗數 1 前端暴龍機，Vue2.x 進化 Vue3

剛出社會，只會一點點 HTML, CSS, JavaScript，卻沒有框架而處處碰壁嗎? 你的痛處我也懂QQ 想當初... 哈，不過過去就過去了，現在學應該還來的急~ 雖然自己 Vue 的技術只算堪用而已~~ 不過還是希望透過鐵人賽的30天文章，盡力帶大家走進前端框架的大門 內容主要介紹" Vue " 這個前端框架，會從 Vue 2.x 開始介紹，到介紹 Vue 3 ~第一次參加鐵人賽，期許可以挑戰成功

gior__ann