大家好，我是程序員魚皮。

我已經(jīng)帶大家做了 4 年的項目了，第一次遇到這么鬧心的事。有魚友跟我們反饋，說是有個培訓(xùn)機構(gòu)，在內(nèi)部使用我的項目視頻教程來給學(xué)員講課，培訓(xùn)費還高達 2 萬元！

為保護當(dāng)事人隱私，圖片已脫敏處理

這我肯定忍不了啊！要知道我近 30 套項目教程加起來，也才 300 多塊錢……

這位魚友已經(jīng)請了律師，準(zhǔn)備發(fā)律師函了，我也會積極配合這位同學(xué)，打擊盜版！

下面再次給大家正式介紹一下目前我編程導(dǎo)航的項目教程，尤其是最近我全新發(fā)布了多套 AI 編程和 AI 應(yīng)用開發(fā)的熱門項目，希望大家擦亮眼睛，不要被無良機構(gòu)給坑了。

魚皮原創(chuàng)項目系列以實戰(zhàn)視頻教程為主，從 0 到 1 帶做，涵蓋企業(yè)級 Java / Python / Go 后端 + 前端全棧項目、最新 AI 應(yīng)用開發(fā) + AI 編程項目、大廠架構(gòu)進階項目。已有近 30 套保姆級項目教程，并提供現(xiàn)成的源碼、簡歷寫法和面試題解，幫你用最快的速度學(xué)會做項目、寫滿簡歷、拿到 Offer。

按照本文的學(xué)習(xí)建議，認(rèn)真完成并理解 4 個及以上的項目，做項目能力可達中大廠水平。

?? 成為編程導(dǎo)航會員，暢學(xué)魚皮的所有項目，還可獲授權(quán)將項目作為畢業(yè)設(shè)計，并獲取畢設(shè)建議。【本文末尾有限時優(yōu)惠券 】 所有項目資料均已加密，僅供加入者本人觀看。拒絕盜版！盜版資料缺斤少兩、沒有 1 對 1 指導(dǎo)、沒有更新，只會浪費更多時間！

此外，加入后還可享受以下服務(wù)：

教程資料

求職助力

詳細(xì)的文字教程 / 直播筆記

?? 現(xiàn)成的簡歷寫法，直接寫滿簡歷

完整的項目源碼

?? 項目相關(guān)面試題解和真實面經(jīng)

1 對 1 答疑解惑 + 專屬交流群

?? 項目擴展思路，拉開區(qū)分度

前端 + Java 后端萬用項目模板

?? 從學(xué)項目到拿 Offer 一條龍

比起看網(wǎng)上的教程自學(xué)，魚皮項目系列的優(yōu)勢：學(xué)知識 → 做項目 → 答疑解惑 → 簡歷寫法 → 面試題解，一條龍服務(wù)！

魚皮堅持帶大家做項目多年，已幫無數(shù)名小伙伴拿到了大廠級別的 Offer：

魚皮的項目學(xué)習(xí)建議

如果你是程序員 / 計算機專業(yè)學(xué)生：學(xué)完至少一門后端框架（比如 Spring Boot）或前端框架（比如 Vue）之后，跟著做項目效果更佳。一種最快速的學(xué)習(xí)方法是，先通過魚皮的項目實戰(zhàn)新技術(shù)，然后看完整的教程來系統(tǒng)學(xué)習(xí)新技術(shù)，事半功倍。如果還沒有學(xué)完框架，請先按照 魚皮的編程學(xué)習(xí)路線 補充知識。

如果你沒有編程基礎(chǔ)，只想快速用 AI 編程開發(fā)項目：可以直接從標(biāo)注了AI 編程的項目開始學(xué)起，選 2 個即可。這些項目重點幫你掌握利用 AI 快速開發(fā)產(chǎn)品的方法和工作流，不需要系統(tǒng)學(xué)習(xí)編程語言和框架，也能跟著做出來。

由于魚皮的項目較多，如果你不確定該做哪些項目，可以添加微信，會根據(jù)你的個人情況來定制最適合你的快速學(xué)習(xí)路徑。

魚皮項目的推薦學(xué)習(xí)順序

標(biāo)注了 JavaGoPython 的項目同時提供三種語言的教程，選擇你熟悉的語言即可

不需要編程基礎(chǔ)也能跟著做！選 2 個即可，先學(xué)會 AI 編程，有助于后續(xù)更好地學(xué)習(xí)傳統(tǒng)編程、利用 AI 解決問題和擴展自己的項目。

1）AI 熱點監(jiān)控工具項目（26年最新）

AI編程全棧MCPAgent SkillsOpenRouter爬蟲可作為畢設(shè)

自動化發(fā)現(xiàn)并推送 AI 領(lǐng)域前沿?zé)狳c的全網(wǎng)監(jiān)控工具。以 Vibe Coding 為核心，基于 VS Code + GitHub Copilot，利用 MCP 和 Agent Skills 擴展 AI 編程能力，實戰(zhàn)多源數(shù)據(jù)抓取（國內(nèi)外搜索引擎 + Twitter）、OpenRouter 大模型接入、智能內(nèi)容清洗和相關(guān)性分析、Aceternity UI 科技感組件庫，掌握 AI 編程全鏈路工作流。

AI 熱點監(jiān)控工具

2）AI 萬能視頻下載總結(jié)器（26年最新）

AI編程全棧PythonStripe海外支付SEO商業(yè)級產(chǎn)品可作為畢設(shè)

純 AI 編程開發(fā)的商業(yè)級萬能視頻下載網(wǎng)站，支持從各大平臺下載視頻、AI 總結(jié)視頻內(nèi)容、字幕翻譯等。以 Vibe Coding 為核心，基于 Cursor + MCP 開發(fā)，實戰(zhàn) Python FastAPI 后端、yt-dlp 視頻解析、Stripe 海外支付集成、SEO 和 GEO 搜索引擎優(yōu)化，學(xué)會用 AI 編程打造能賺錢的產(chǎn)品。

AI 萬能視頻下載總結(jié)器

3）GitHub 文檔翻譯工具項目（26年最新）

AI編程AI應(yīng)用開發(fā)全棧Next.jsGitHub AppVercel可作為畢設(shè)

以 Vibe Coding 為核心的 Next.js 全棧 SaaS 項目，讓 AI 自動翻譯 GitHub 倉庫的文檔為多種語言并創(chuàng)建 PR。實戰(zhàn) GitHub App 開發(fā)、OAuth 授權(quán)、Webhook 實時推送、OpenRouter 統(tǒng)一接入多種 AI 大模型、Prisma 數(shù)據(jù)庫 ORM、shadcn/ui 現(xiàn)代組件庫、Vercel 快速部署上線，掌握 AI 編程的完整工作流。

GitHub 文檔翻譯工具

4）AI 程序員技術(shù)練兵場

AI編程AI應(yīng)用開發(fā)LangChain4jSpring BootVue3全棧可作為畢設(shè)

基于 Spring Boot + Vue 的程序員闖關(guān)式技術(shù)練兵場，AI 模擬產(chǎn)品經(jīng)理出題、用戶拖拽選擇技術(shù)方案、AI 智能評分并調(diào)整薪資。以 AI 編程為核心開發(fā)方式，實戰(zhàn) LangChain4j AI 開發(fā)框架、結(jié)構(gòu)化輸出、對話記憶、工具調(diào)用、提示詞工程，掌握企業(yè)級 AI 應(yīng)用開發(fā)流程和技巧。

AI 程序員技術(shù)練兵場 階段 1 - 新手入門

這些項目適合新手入門，學(xué)完至少一門后端框架（如 Spring Boot）或前端框架（如 Vue）后，建議按照順序全部都做，根據(jù)自己的學(xué)習(xí)方向只做前端或后端，覺得簡單就快速跳過。

1）用戶中心項目

全棧入門Spring BootReactMySQLDocker

基于 Spring Boot + React 的全棧用戶中心系統(tǒng)，涵蓋用戶注冊登錄、權(quán)限管理等最常見的業(yè)務(wù)場景。適合新手入門，系統(tǒng)學(xué)習(xí)完整的項目開發(fā)流程和部署上線方法，做出第一個屬于自己的全棧網(wǎng)站。

用戶中心項目

2）伙伴匹配系統(tǒng)

全棧入門Spring BootVue3Redis移動端可作為畢設(shè)

基于 Spring Boot + Vue 3 的移動端 H5 社交應(yīng)用，幫助用戶按標(biāo)簽搜索伙伴、建房組隊、智能推薦相似用戶。鞏固開發(fā)流程，學(xué)習(xí) Redis 緩存、分布式登錄、事務(wù)、并發(fā)編程、大數(shù)據(jù)推薦算法等后端核心知識。

伙伴匹配系統(tǒng)

3）AI 編程助手（26年必學(xué)）

AI應(yīng)用開發(fā)后端LangChain4jSpring BootRAGMCP

基于 Spring Boot + LangChain4j 的 AI 編程小助手，可以幫助用戶答疑解惑、推薦面試題、給出編程學(xué)習(xí)路線等。小而精，用 1 個項目快速實戰(zhàn) AI 對話記憶、結(jié)構(gòu)化輸出、AI Service、RAG 知識庫、工具調(diào)用、MCP、SSE 流式輸出等主流 AI 開發(fā)技術(shù)，適合新手快速入門 AI 應(yīng)用開發(fā)。

AI 編程助手 階段 2 - AI 應(yīng)用開發(fā)實戰(zhàn)

AI 時代最熱門的方向！這些項目融合了 AI 技術(shù)和真實業(yè)務(wù)場景，建議選擇 2 ~ 4 個深入學(xué)習(xí)，學(xué)完后能獨立開發(fā)和上線 AI 應(yīng)用。

1）AI 超級智能體項目（26年必學(xué)）

AI應(yīng)用開發(fā)AI編程后端Spring AIRAGMCPAI智能體可作為畢設(shè)

基于 Spring Boot + Spring AI 的 AI 應(yīng)用開發(fā)實戰(zhàn)教程，通過開發(fā) AI 戀愛大師 + 擁有自主規(guī)劃能力的超級智能體，帶你掌握新時代程序員必會的 AI 概念、AI 工具和 AI 編程技術(shù)，實戰(zhàn) AI 會話記憶、RAG 檢索增強、Tool Calling、MCP 服務(wù)開發(fā)、ReAct 智能體等典型場景。還涉及 OpenManus 源碼剖析、Spring AI 底層原理、前端 AI 代碼生成、Serverless 部署等擴展知識，內(nèi)容全面，是后端轉(zhuǎn) AI 應(yīng)用開發(fā)的首選項目。

AI超級智能體項目

2）智能協(xié)同云圖庫

企業(yè)級全棧Vue3Spring BootWebSocketDDDAI繪圖可作為畢設(shè)

基于 Vue 3 + Spring Boot + COS + WebSocket 的企業(yè)級智能協(xié)同云圖庫平臺，可作為表情包網(wǎng)站、設(shè)計素材網(wǎng)站、壁紙網(wǎng)站、個人云盤、企業(yè)活動相冊等。支持公開上傳檢索圖片、管理員審核管理、私有空間批量管理編輯、團隊空間實時協(xié)同編輯等。實戰(zhàn) MySQL 分庫分表、Redis + Caffeine 多級緩存、COS 對象存儲、Sa-Token 權(quán)限控制、DDD 領(lǐng)域驅(qū)動設(shè)計、WebSocket 實時通訊、JUC 并發(fā)編程、Disruptor 無鎖隊列、AI 繪圖大模型、多種設(shè)計模式等。由淺入深，掌握層層遞進的系統(tǒng)設(shè)計、項目擴展和優(yōu)化方案。

智能協(xié)同云圖庫

3）AI 零代碼應(yīng)用生成平臺（26年必學(xué)）

AI應(yīng)用開發(fā)對標(biāo)大廠微服務(wù)全棧LangChain4jSpring CloudDubbo可作為畢設(shè)

基于 Spring Boot 3 + LangChain4j + Vue 3 的微服務(wù)全棧項目，對標(biāo)大廠的 AI 應(yīng)用生成平臺，用戶輸入需求即可由 AI 智能體自動生成完整的前后端項目代碼。實戰(zhàn) AI 智能體、LangGraph4j 工作流、多種設(shè)計模式、Spring Cloud + Dubbo 微服務(wù)架構(gòu)、多級緩存架構(gòu)、COS 對象存儲、Selenium 瀏覽器自動化、Nginx 反代部署、Vibe Coding、響應(yīng)式編程、多維度系統(tǒng)優(yōu)化、企業(yè)級監(jiān)控體系，學(xué)習(xí)前沿技術(shù)的同時，大幅提升編程技能和架構(gòu)設(shè)計能力。

AI 零代碼應(yīng)用生成平臺

4）AI 答題應(yīng)用平臺

企業(yè)級全棧AI應(yīng)用開發(fā)Vue3ReactSpring Boot可作為畢設(shè)

基于 Vue 3 + Spring Boot + AI 的智能答題應(yīng)用平臺，用戶可基于 AI 快速制作并發(fā)布答題應(yīng)用，在線答題并獲得 AI 總結(jié)，還支持應(yīng)用分享、資源管理、統(tǒng)計分析等功能。實戰(zhàn) AI 應(yīng)用網(wǎng)站開發(fā)、React 跨端小程序開發(fā)、分庫分表、分布式鎖、緩存、冪等設(shè)計、設(shè)計模式、RxJava 響應(yīng)式編程、SSE 實時推送、線程池隔離等，大幅提升開發(fā)經(jīng)驗和架構(gòu)設(shè)計能力，助你成為項目負(fù)責(zé)人。

AI 答題應(yīng)用平臺

5）智能面試刷題平臺

企業(yè)級全棧AI應(yīng)用開發(fā)Next.jsSpring BootElasticsearchRedis可作為畢設(shè)

基于 Next.js + Spring Boot + Redis + Elasticsearch 的面試刷題平臺，支持創(chuàng)建題庫、分詞檢索、在線刷題、刷題記錄日歷圖、AI 生成題目題解、AI 模擬面試等。實戰(zhàn) React + Next.js 服務(wù)端渲染、多級緩存、Redisson 高級數(shù)據(jù)結(jié)構(gòu)、Druid 并發(fā)、HotKey 探測、Sa-Token 權(quán)限控制、Nacos 動態(tài)配置、Sentinel 流控、反爬蟲設(shè)計等，提升技術(shù)運用能力。

智能面試刷題平臺

6）AI 爆款文章創(chuàng)作器（26年最新）

AI應(yīng)用開發(fā)全棧JavaGoPythonSpring AI多智能體Stripe支付可作為畢設(shè)

基于 Spring Boot 3 + Spring AI Alibaba + Vue 3 的 AI 圖文創(chuàng)作平臺，5 個智能體協(xié)作完成從標(biāo)題、大綱、正文到配圖的完整創(chuàng)作流程。實戰(zhàn)多智能體編排、StateGraph AI 工作流、7 種配圖策略（含 AI 生圖）、三階段人機協(xié)作（Human in the loop）、SSE 流式推送、Stripe 國際支付、AOP 智能體可觀測性、Docker 容器化部署。同時提供 Java、Go、Python 三種語言的教程。

AI 爆款文章創(chuàng)作器

7）企業(yè)級 AI 網(wǎng)關(guān)（26年最新）

AI應(yīng)用開發(fā)對標(biāo)大廠全棧JavaGoPythonSpring AIPrometheus可作為畢設(shè)

基于 Spring Boot 3 + Spring AI + Vue 3 的企業(yè)級 AI 網(wǎng)關(guān)平臺，統(tǒng)一接入通義千問、智譜 AI、DeepSeek 等主流大模型。實戰(zhàn)多模型適配器設(shè)計、智能路由策略、健康檢查與自動 Fallback、Redisson 分布式限流、Stripe 支付和計費系統(tǒng)、Java SDK 開發(fā)、Prometheus + Grafana 監(jiān)控告警、AI 繪圖接口、插件系統(tǒng)架構(gòu)。同時提供 Java、Go、Python 三種語言的教程。

企業(yè)級 AI 網(wǎng)關(guān)

8）AI 大模型評測平臺（26年最新）

AI應(yīng)用開發(fā)全棧JavaGoPythonSpring AIRabbitMQECharts可作為畢設(shè)

基于 Spring Boot 3 + Spring AI + Vue 3 的 AI 大模型評測平臺，支持多模型并排對比、Prompt Lab 提示詞實驗、Battle 匿名對戰(zhàn)、場景化批量測試、可視化評測報告、代碼沙箱預(yù)覽等 8 大核心能力。實戰(zhàn) OpenRouter 統(tǒng)一接入 100+ 模型、Flux 響應(yīng)式并行編程、RabbitMQ 異步任務(wù)隊列、WebSocket 進度推送、AI 多評委交叉評分、ECharts 可視化報告、PDF 導(dǎo)出、成本實時監(jiān)控。同時提供 Java、Go、Python 三種語言的教程。

AI 大模型評測平臺

9）智能 BI 項目

AI應(yīng)用開發(fā)全棧Spring BootRabbitMQReact可作為畢設(shè)

基于 React + Spring Boot + AIGC 的智能數(shù)據(jù)分析平臺，用戶只需導(dǎo)入數(shù)據(jù)并輸入分析需求，AI 自動生成可視化圖表和分析結(jié)論。實戰(zhàn)異步化、線程池、RabbitMQ 消息隊列、AI 應(yīng)用開發(fā)、AI 提示詞優(yōu)化。

智能 BI 項目

10）公眾號智能管理系統(tǒng)

AI應(yīng)用開發(fā)后端Spring BootSpring AIWxJava公眾號開發(fā)可作為畢設(shè)

基于 Spring Boot + WxJava + Spring AI 的公眾號智能管理系統(tǒng)，涵蓋多公眾號管理、服務(wù)器認(rèn)證、素材管理、回復(fù)管理、菜單管理、AI 自動回復(fù)等真實業(yè)務(wù)場景，實戰(zhàn)內(nèi)網(wǎng)穿透、Java 虛擬線程、AI 大模型接入、JUC 并發(fā)編程等。

公眾號智能管理系統(tǒng) 階段 3 - 經(jīng)典業(yè)務(wù)場景實戰(zhàn)

這些項目不依賴 AI 能力，聚焦經(jīng)典企業(yè)級業(yè)務(wù)場景和系統(tǒng)設(shè)計，建議選擇 1 ~ 2 個深入學(xué)習(xí)。

1）OJ 判題系統(tǒng)

架構(gòu)設(shè)計全棧Spring CloudDockerVue3微服務(wù)可作為畢設(shè)

基于 Vue 3 + Spring Boot + Spring Cloud + Docker 的在線編程題目評測系統(tǒng)。實戰(zhàn)前后端模板開發(fā)、多種設(shè)計模式、單體項目微服務(wù)改造、Linux 虛擬機遠(yuǎn)程開發(fā)、Docker 代碼沙箱、Java 安全控制，掌握從單體到微服務(wù)的架構(gòu)演進。

OJ 判題系統(tǒng)

2）代碼生成器共享平臺

企業(yè)級全棧ReactSpring Boot設(shè)計模式Vert.x可作為畢設(shè)

基于 React + Spring Boot + Picocli + 對象存儲的代碼生成器共享平臺，包含 3 個循序漸進的子項目：本地代碼生成器 + 代碼生成器制作工具 + 在線代碼生成器平臺。實戰(zhàn) Java 命令行開發(fā)、FreeMarker 模板引擎、多種設(shè)計模式、對象存儲、性能優(yōu)化等十幾種系統(tǒng)優(yōu)化方法、分布式任務(wù)調(diào)度、Vert.x 響應(yīng)式編程等，全面提升復(fù)雜業(yè)務(wù)的拆解和系統(tǒng)設(shè)計能力。

代碼生成器共享平臺

3）聚合搜索平臺

技術(shù)實戰(zhàn)全棧Spring BootElasticsearch設(shè)計模式爬蟲

基于 Vue 3 + Spring Boot + Elasticsearch 的聚合搜索中臺，一站式檢索多種類型的數(shù)據(jù)源。實戰(zhàn)爬蟲、Elastic Stack、多種設(shè)計模式、數(shù)據(jù)同步、JMeter 壓力測試，掌握企業(yè)級搜索系統(tǒng)的設(shè)計和開發(fā)。

聚合搜索平臺

4）SQL 數(shù)據(jù)生成平臺

工具類全棧Spring BootReact設(shè)計模式SQL可作為畢設(shè)

基于 Spring Boot + React 的智能化數(shù)據(jù)建表和模擬數(shù)據(jù)生成工具，支持可視化建表、智能導(dǎo)入、導(dǎo)入 Excel 等多種方式，一鍵生成建表 SQL、模擬數(shù)據(jù)和代碼。實戰(zhàn)多種設(shè)計模式（工廠、建造者、門面、策略）、Schema 設(shè)計、Druid SQL 解析器、FreeMarker 模板引擎、模擬數(shù)據(jù)、Excel 導(dǎo)入導(dǎo)出等。

SQL 數(shù)據(jù)生成平臺 階段 4 - 技術(shù)進階

這些項目涉及更多架構(gòu)設(shè)計相關(guān)的知識，更側(cè)重技術(shù)提升，建議能夠熟練開發(fā)業(yè)務(wù)類項目再學(xué)習(xí)，可以在簡歷上補充技術(shù)輪子類項目。

1）API 開放平臺

架構(gòu)設(shè)計全棧Spring BootDubboGatewaySDK開發(fā)分布式可作為畢設(shè)

基于 React + Spring Boot + Dubbo 的分布式 API 開放平臺，大廠主流業(yè)務(wù)場景。實戰(zhàn)前后端模板開發(fā)、分布式架構(gòu)設(shè)計、SDK 開發(fā)、API 簽名認(rèn)證、Dubbo RPC、Gateway 微服務(wù)網(wǎng)關(guān)，掌握企業(yè)級平臺型產(chǎn)品的設(shè)計和開發(fā)。

API 開放平臺

2）手寫 RPC 框架

技術(shù)輪子后端JavaEtcdVert.x設(shè)計模式

基于 Java + Etcd + Vert.x 從 0 到 1 手寫高性能 RPC 框架，分為基礎(chǔ)版和擴展版，基礎(chǔ)版幾小時就能寫在簡歷上，搭配業(yè)務(wù)項目讓簡歷更有競爭力。實戰(zhàn)自定義網(wǎng)絡(luò)協(xié)議、序列化、基于 Etcd 和 ZooKeeper 的注冊中心、反射、動態(tài)代理、多種設(shè)計模式（單例/工廠/裝飾者等）、SPI 機制、負(fù)載均衡、重試容錯機制、Spring Boot Starter 注解驅(qū)動開發(fā)，大幅提升架構(gòu)設(shè)計能力。

手寫 RPC 框架

3）億級流量點贊系統(tǒng)（進階必學(xué)）

高并發(fā)后端Spring BootTiDBRedisPulsar分布式

基于 Spring Boot 3 + Java 21 + MyBatis-Plus + TiDB + Redis + Pulsar + Docker + Nginx 的高并發(fā)分布式點贊系統(tǒng)。實戰(zhàn)高并發(fā)、高性能、高可用、分布式架構(gòu)、可觀測性等核心技術(shù)，集成最新技術(shù)棧和架構(gòu)設(shè)計方案，全面掌握企業(yè)級大流量系統(tǒng)的開發(fā)和優(yōu)化經(jīng)驗。項目難度較大，強烈不建議項目經(jīng)驗小于 4 個的初級開發(fā)學(xué)習(xí)。

億級流量點贊系統(tǒng)

4）AI 自動回復(fù)工具

AI應(yīng)用開發(fā)架構(gòu)設(shè)計后端Spring BootOpenAIDocker定時任務(wù)

基于 Spring Boot 的智能監(jiān)控和 AI 自動回復(fù)工具，自動監(jiān)控知識星球等平臺的用戶提問，調(diào)用 OpenAI 大模型生成專業(yè)回答，實現(xiàn) 7x24 小時自動客服。實戰(zhàn)工廠模式、中介者模式、策略模式、OpenAI 集成、知識星球 API 對接、定時任務(wù)調(diào)度、Docker 容器化、Railway 云端部署，培養(yǎng)企業(yè)級架構(gòu)設(shè)計思維。

AI 自動回復(fù)工具 其他項目 - 前端實戰(zhàn)

這些項目以前端為核心，也融合了大量系統(tǒng)設(shè)計的方法，適合前端方向、或者后端已經(jīng)熟練的全棧開發(fā)者學(xué)習(xí)。

1）極客范 Web 終端項目

前端進階全棧Vue3TypeScriptNode.js插件化架構(gòu)可作為畢設(shè)

基于 Vue 3 + Node.js 的全棧項目，從 0 實現(xiàn) Web 終端組件和命令系統(tǒng)，打造極客范的瀏覽器主頁應(yīng)用。掌握 TypeScript、Vite、Pinia 狀態(tài)管理、插件化架構(gòu)設(shè)計，學(xué)習(xí)現(xiàn)代前端工程化和系統(tǒng)架構(gòu)設(shè)計。難度較大，適合想進階前端和設(shè)計模式的朋友學(xué)習(xí)。

極客范 Web 終端項目

2）闖關(guān)式 SQL 自學(xué)網(wǎng)

前端進階Vue3WebAssemblyMonaco Editor純前端可作為畢設(shè)

基于 Vue 3 的純前端項目，通過闖關(guān)式交互幫助用戶自學(xué) SQL。實戰(zhàn) sql.js 庫（WebAssembly）、Monaco Editor 代碼編輯器、判題機制 + 關(guān)卡系統(tǒng) + 模塊化架構(gòu)設(shè)計，學(xué)習(xí)如何用純前端方案解決復(fù)雜業(yè)務(wù)問題，適合前端進階和產(chǎn)品思維培養(yǎng)。

闖關(guān)式 SQL 自學(xué)網(wǎng)

3）復(fù)雜 SQL 生成器

練手項目前端Vue3TypeScriptMonaco Editor

基于 Vue 3 + TypeScript + Ant Design + Monaco Editor 的 SQL 生成工具，用 JSON 生成結(jié)構(gòu)化的復(fù)雜嵌套 SQL 語句。項目開發(fā)成本低、重邏輯輕頁面，非常適合前端練手，學(xué)會用編程和算法思維解決實際問題。

復(fù)雜 SQL 生成器

4）測試鴨

創(chuàng)意項目前端React狀態(tài)管理

基于 React 的交互式網(wǎng)絡(luò)安全自學(xué)網(wǎng)，極具創(chuàng)意的闖關(guān)式學(xué)習(xí)體驗。實踐前端網(wǎng)站引導(dǎo)、狀態(tài)管理、模塊化設(shè)計，適合想做創(chuàng)意類前端項目的同學(xué)。

測試鴨 其他項目 - 項目訓(xùn)練營 & 業(yè)務(wù)場景實戰(zhàn)

1）項目訓(xùn)練營（尋愛網(wǎng)項目）

練手項目全棧項目流程

以戀愛社交網(wǎng)站項目為例，學(xué)習(xí)從立項到上線的完整做項目流程 + 優(yōu)化思路，適合想快速掌握項目開發(fā)全流程的同學(xué)。

尋愛網(wǎng)項目

2）真實業(yè)務(wù)場景實戰(zhàn)教程

業(yè)務(wù)實戰(zhàn)后端快速上手

主打小而精的企業(yè)真實業(yè)務(wù)實戰(zhàn)教程，快速給簡歷增加亮點，包括：

• 簡歷中英文翻譯實戰(zhàn)教程

• 單設(shè)備登錄限制實戰(zhàn)教程

• 短信群發(fā)實戰(zhàn)教程

3）企業(yè)周邊展示管理系統(tǒng)

練手項目全棧Spring BootReact

基于 Spring Boot + React + Ant Design + MySQL + Redis 的企業(yè)級周邊系統(tǒng)，直觀清晰地展示公司周邊獎品、并且提高公司內(nèi)部的周邊申請和管理效率。

企業(yè)周邊展示管理系統(tǒng)

4）動態(tài)公告系統(tǒng)

練手項目全棧Spring BootReactSDK開發(fā)

基于 Spring Boot + MySQL + React + Ant Design + SweetAlert 的動態(tài)公告系統(tǒng)，包括后臺公告管理和前端 SDK 開發(fā)，只需一行代碼即可給項目增加靈活的公告彈窗展示能力。

動態(tài)公告系統(tǒng) 萬用項目模板

1）Java 后端萬用項目模板

基于 Java SpringBoot 的項目初始模板，整合了常用框架和主流業(yè)務(wù)的示例代碼。只需1 分鐘即可完成內(nèi)容網(wǎng)站的后端！還可以在此基礎(chǔ)上快速開發(fā)自己的項目。

2）前端萬用項目模板

基于 React + Ant Design 的項目初始模板，整合了常用框架和主流業(yè)務(wù)的示例代碼。只需1 分鐘即可完成網(wǎng)站的基礎(chǔ)前端！還可以在此基礎(chǔ)上快速開發(fā)自己的項目。

學(xué)好項目的建議

魚皮原創(chuàng)系列項目是希望幫助大家真實提高項目開發(fā)水平，而不僅僅是抄了代碼就完事，所以請大家盡可能多地按照下面的建議來學(xué)習(xí)項目。

1、選擇合適的項目

一般情況下，做項目的前提是學(xué)完至少一門開發(fā)框架，比如前端的 Vue / React、后端的 Spring Boot。

一定要根據(jù)自己當(dāng)前的技術(shù)棧和水平選擇項目。比如剛學(xué)完框架時，不要為了趕時間一上來就做微服務(wù)、高并發(fā)項目，很容易吃不消，而是要先從掌握項目基本的開發(fā)流程開始，一步步學(xué)習(xí)項目開發(fā)方法、逐漸接受新的技術(shù)。

剛開始學(xué)項目感覺難、做得慢，是很正常的，因為你缺少知識和經(jīng)驗。如果發(fā)現(xiàn)項目中有太多你沒學(xué)過的技術(shù)、并且沒有對應(yīng)的教程講解，那么就先暫停項目，即時補充知識，再來學(xué)習(xí)。

2、分清主次

時間緊急的情況下，后端方向的同學(xué)可以只看后端部分的教程、只做后端、運行接口文檔即可，建議直接跳過前端部分的教程、也不要花時間去運行前端。否則可能因為不熟悉前端、折騰環(huán)境而浪費了大量時間。

前端同學(xué)也是同理。

3、多敲代碼

我接觸過一些同學(xué)，看完了幾套視頻教程后，還是無法自己敲項目，大概率就是因為做項目的過程中 “只顧著看教程” 了，沒有自己動手練習(xí)。很多時候，看別人敲代碼感覺并不難，但一看就會、一寫就廢，看完教程后，必須自己把每行代碼都敲出來，才算是真正地學(xué)過這個項目，而不是將 “掌握理論”、“熟練背誦八股文” 作為學(xué)好項目的標(biāo)準(zhǔn)。

4、自主思考

在跟著視頻教程做項目的過程中，盡量多思考，比如 “為什么要這么設(shè)計？這么設(shè)計有什么好處？為什么代碼要這么寫？有沒有更好的寫法？” 等等，必要時通過查閱資料來驗證自己的思考。如果一味跟著講師的節(jié)奏走，你或許可以完成項目，但是做完這個項目后，你可能很難自主做出一個類似的、或者更好的項目。有的時候，講師說的不一定是最優(yōu)解。

像我?guī)Т蠹易鲰椖繒r，會經(jīng)常引導(dǎo)大家思考。有時候故意留一個小坑，結(jié)果很多同學(xué)想都不想就跳到坑里了；也有些同學(xué)，能夠提出和我不一樣的實現(xiàn)方案，哪怕方案未必合理，能自己思考，就很棒了。

5、持續(xù)記錄

在做項目的過程中，一定要多做筆記，不要覺得教程配套的筆記很詳細(xì)了，自己就偷懶不寫。筆記的作用是幫助自己復(fù)習(xí)，所以重點是記錄自己做項目時的理解思考、遇到的問題和解決方案。此外，自己寫過的每一行項目代碼，都要完整地保存，等你學(xué)過更多技術(shù)知識后，再回過頭來看自己的代碼，一定會感嘆自己的進步。

6、自主解決問題

這點是最重要的！很多同學(xué)一遇到問題就緊張、害怕、擔(dān)心自己解決不了無法繼續(xù)做項目，然后就瘋狂求助他人。

負(fù)責(zé)任的說，我寫代碼近 8 年，從學(xué)生時代開始，可以說 99% 的 Bug 都是自己解決的，所以大家不要有這種擔(dān)心，因為你學(xué)的技術(shù)幾乎都是主流的，你遇到過的 Bug，別人也一定遇到過。在遇到項目報錯時，要先搜集足夠多的錯誤信息（比如通過日志），然后查閱搜索引擎（百度應(yīng)該都知道吧）、技術(shù)社區(qū)、官方文檔、甚至現(xiàn)在還可以 問 AI，大概率是有解決方案的。即使真的沒辦法解決，在向他人求助前，要保證自己的問題描述地足夠清楚、并且清晰列舉已經(jīng)嘗試過的解決方案，別人才能更快地幫你解決。

推薦閱讀：利用編程導(dǎo)航解決問題

7、多讀官方文檔

如今新技術(shù)層出不窮，不可能每個新技術(shù)都有好心人給你錄制保姆級教程。而且工作后，很多公司可能會有自研技術(shù)，只有內(nèi)部同事用過，我們只能通過閱讀文檔來解決。所以建議大家在學(xué)完一門新技術(shù)后，花 1 ~ 2 個小時就好，閱讀一下官方文檔，不僅能了解一些教程講解之外的技術(shù)特性，還能提升自己閱讀文檔、學(xué)習(xí)新技術(shù)的能力。

8、多寫文檔

除了記筆記外，每做完一個項目，都必須寫一篇完整的項目總結(jié)文檔。不要嫌麻煩，寫總結(jié)文檔的過程中，你會從上帝視角再回顧一遍整個項目的背景、設(shè)計、實現(xiàn)、亮點等，幫助你復(fù)習(xí)鞏固、加深印象。也便于你更快地將項目寫在簡歷上、或者開源和分享自己的項目。有能力的同學(xué)可以多畫一些圖，比如功能模塊圖、架構(gòu)圖、UML 類圖等，正所謂一圖勝千言，繪圖能力也是優(yōu)秀程序員必備的特質(zhì)。

如果你發(fā)現(xiàn)自己寫不出總結(jié)文檔，那么大概率你對這個項目還是不夠熟悉，沒有完全掌握，這時再對照著自己的筆記快速回顧吧。

如果時間比較充足，最好是能夠口述整個項目的背景、技術(shù)棧、核心業(yè)務(wù)流程、核心設(shè)計、項目難點、開發(fā)過程、測試過程、上線過程、解決過最復(fù)雜的問題等等，鍛煉自己的表達能力，也為后續(xù)的面試做了準(zhǔn)備。

9、自主優(yōu)化

跟著教程完成項目后，需要給項目增加幾個擴展點、或者回顧自己的代碼并尋找優(yōu)化空間（比如優(yōu)化代碼規(guī)范），從而增加簡歷的區(qū)分度。這也是區(qū)別是否能夠入職大廠的一個重要因素。這個優(yōu)化不一定是剛完成項目時立刻就去做的，可以等過了半年后，再以現(xiàn)在的水平去優(yōu)化之前做過的項目，所以魚皮上面也建議了，自己寫的代碼一定要留好。

10、上線項目

在本地完成項目后，最好將項目上線，并且在線上正常運行一段時間，跑通整個流程，這是獨立開發(fā)者必備的技能。此外，之前也分享過，。

11、主動分享

將項目上線、并且編寫好項目總結(jié)文檔后，可以將項目和文檔分享給其他同學(xué)。這樣做的好處是，其他同學(xué)會幫助你 “測試” 網(wǎng)站，指出項目的不足之處，從而給你帶來更多優(yōu)化項目的思路和機會，而且對其他同學(xué)也有幫助，會給你提供更多的正反饋。魚皮剛開始做分享也是這樣，通過輸出知識給自己帶來更多學(xué)習(xí)知識的動力。

12、學(xué)會合作

時間有限的情況下，不需要前端和后端都看教程并且自己實現(xiàn)，可以找和自己方向互補的朋友，協(xié)作開發(fā)，一起參加一些競賽也是極好的。

如果能做到上面幾點，認(rèn)真完成并理解 4 個及以上的項目，做項目的能力可達中廠水平。

魚皮項目學(xué)習(xí)導(dǎo)圖

快速了解魚皮原創(chuàng)系列項目的學(xué)習(xí)路徑和重點知識。

魚皮原創(chuàng)項目學(xué)習(xí)導(dǎo)圖

加入項目學(xué)習(xí)

歡迎加入編程導(dǎo)航，不僅能學(xué)習(xí)往期所有原創(chuàng)項目，還能享受更多原創(chuàng)資料、1 對 1 學(xué)習(xí)和求職指導(dǎo)、幾百場技術(shù)面試視頻，開啟你的編程起飛之旅~

助力新項目學(xué)習(xí)，給大家發(fā)放限時編程導(dǎo)航優(yōu)惠券，掃碼即可領(lǐng)券加入。

僅限前 50 位，速來學(xué)習(xí)，三天內(nèi)不滿意全額退款！

一些對大家有用的資源：
100+ 編程學(xué)習(xí)路線 / 實戰(zhàn)項目 / 求職指導(dǎo)
100+ 簡歷模板
300+ 企業(yè)面試題庫 mianshiya.com
500+ AI 資源大全
1 對 1 模擬面試
動畫學(xué)算法教程