爆肝 300 小時,我做了個全棧前端一站式學習平臺!

前端斌少發表於2024-10-11

在過去的兩個月裡,我幾乎將每個下班後的時間都投入到了自己的新專案 『 前端視界 』 中。這段時間,我熬了60多個大夜,加班加點,終於將它上線了!

『 前端視界 』 是我傾注心血打造的一個全棧前端一站式學習平臺。我的初衷很簡單:我希望它不僅成為前端開發者的首選資源導航站,還能為大家在前端學習、工作、面試中的各種困惑,提供高質量的解答和實用的工具。

前端視界首頁 - 發現優質資源

網址:https://www.fe-vision.cn/

在這裡,你可以輕鬆找到前端開發所需的各類優質資源。這些資源按照不同的技術棧和主題進行了精心分類,比如 VueReact全棧微前端 等,幫助你快速獲取與學習相關的工具、框架與實踐指南。不僅如此,每個分類下都有詳盡的知識體系分類和細化的工具推薦,助你高效提升開發水平,深入瞭解最前沿的技術趨勢。

前端視界主站 - 全面彙總,實時更新

網址:https://www.fe-vision.cn/home

在這裡,你可以訪問到一個豐富多彩的資源彙總頁面。這裡包括了最新、熱門、精選,以及Vue、React 等技術專欄,確保你能夠迅速找到感興趣的資料。無論你是在尋找最新的技術動態、最受歡迎的開發工具,還是針對特定框架的深入資源,這裡都為你提供了全面的視角,助你輕鬆獲取前端開發所需的各類資訊與靈感。

前端視界話題頁 - 分享與討論的聚集地

網址:https://www.fe-vision.cn/topic

在這裡,你可以快速建立並提交自己的話題,與社群中的其他開發者進行交流和討論。頁面展示了各種話題,按最新、熱門等標籤分類,還有一些常見的話題如健康打卡、提問、學習打卡等,幫助你輕鬆找到感興趣的討論領域。無論是分享經驗、提出問題,還是記錄學習進展,這裡都是開發者們相互啟發、共同進步的空間。

前端視界問答頁 - 專業解答,助你快速解決程式設計難題

網址:https://www.fe-vision.cn/qa

在這裡,你可以獲得針對性專業化的程式設計問題解答。我們按學習建議技術求助專案經驗求職指南等主題精心分類,方便你快速找到所需內容。遇到疑惑時,別再浪費時間四處搜尋不確定的答案,來這裡透過 “去提問” 功能向平臺提問,享受專業、高效的解答服務。這不僅能確保你獲得優質答案,還能節省寶貴的學習時間,讓你更快邁向技術提升的目標。

前端視界求職頁 - 專業輔導,助你輕鬆求職

網址:https://www.fe-vision.cn/job

在這裡,我們專注於為前端開發者提供全方位的求職支援。頁面分為簡歷面試題面經三個標籤,涵蓋了求職的關鍵環節。你可以透過“傳簡歷”功能提交你的簡歷,由平臺提供修改建議,幫助你提升簡歷競爭力;也可以透過寫“面試題”和分享“面經”功能獲取平臺的專業反饋和解答,助你在面試中脫穎而出。無論是簡歷最佳化還是求職問題解答,這裡都能為你提供針對性的指導和支援,助你求職之路更順利。

技術選型

整個專案由本人全棧實現,具體技術棧如下:

前端

  • React 18 框架
  • Umijs/max 框架
  • ⭐️ Redux 狀態管理
  • Ant Design 元件庫
  • 富文字編輯器元件
  • Markdown編輯器
  • ⭐️ 前端工程化:ESLint + Prettier + TypeScript

後端

  • Nest 框架
  • MySQL 資料庫 + Typeorm
  • Redis 分散式快取
  • ⭐️ @nestjs/jwt 身份認證
  • ⭐️ @nestjs/passport 許可權控制
  • ⭐️ @nestjs/throttler 流量控制
  • ⭐️ 多角度專案最佳化:效能、安全性、可用性

後續計劃

『 前端視界 』 上線之後,我仍將不斷豐富內容,持續完善平臺的各項功能,也希望大家能積極參與和反饋。平臺的核心目標是為使用者提供最全面、最優質的前端學習資源,因此我也將持續引入新的工具和技術動態,確保每位使用者都能找到適合自己的學習路徑。

使用者反饋在平臺的發展中至關重要,網站首頁也開放了反饋渠道,鼓勵大家提出建議和需求。使用者的每一條反饋,都是驅動平臺不斷進步的力量。希望 『 前端視界 』 能持續為前端er提供高價值的服務,成為每一位前端開發者成長路上的好夥伴。

相關文章