DRE@MTECH · 本科生部

入组建议学习路线和参考资料

六个本科生小组的推荐成长路径。每个阶段附带阶段说明与一句推荐自测，点击节点查看概念、最少掌握要点与参考资料

  • 分支推荐节点
  • 分支可选节点
  • 路线分支

Software Engineering

从 HTML 到 SpringBoot 的全栈入门路线

软件组按「HTML → CSS → JavaScript → 前端工程化与框架 → Java 基础 → SpringBoot Web → 综合与实习期项目」推进。前端框架可在 Vue 3（推荐）与 React 中二选一；先学前端或后端均可，每个阶段都建议产出一个可运行的小作品，避免只看不写。

建议周期
建议约 7 周（合计约 48 天）
完成目标
完成一个基于 Vite + TypeScript + Vue 3（或 React）、SpringBoot 后端，含登录登出、至少 5 个页面且能本地运行的实习期项目

学习进度

0 / 34 个必学节点

阶段 01

HTML 基础

约 2 天：理解标签、元素与属性，能独立写出结构清晰、语义化的网页，并完成一个表单。

推荐自测 不写 CSS 用 HTML 写一个表单

阶段 02

CSS 样式与布局

约 6 天：掌握选择器、盒子模型、Flex/Grid 与定位，能独立还原一个喜欢的网页，并理解响应式与常用尺寸单位。

推荐自测 模仿一个喜欢的网页

阶段 03

JavaScript 基础

约 4 天：掌握 JS 语法、DOM/BOM 与事件、表单交互和异步编程，能用浏览器开发者工具独立调试。

推荐自测 实现可持久化的 Todo-List

阶段 04

前端工程化与 TypeScript

约 8 天中的前半段：能用 Vite 搭建 TypeScript 工程，理解 Node.js、npm、模块化、目录职责与 axios 请求封装。

推荐自测 用 Vite + TS 搭起项目骨架

阶段 05 分支

分叉：选择前端框架

文档建议 React 或 Vue 3 选一个学习。实验室现有项目以 Vue 为主，推荐 Vue 3；选定后进度只统计当前分支。

推荐选择。与实验室现有 Vue 项目技术栈一致，组合式 API 上手平缓，适合快速完成实习期项目。

Vue 3 组件化开发

推荐自测 用 Vue 3 实现 Todo-List

阶段 06

Java 基础语法

约 6 天：配置 IDEA 与 JDK 环境，掌握 Java 基础语法和面向对象，能用集合与异常写出结构清晰的控制台程序。

推荐自测 写控制台学生管理系统

阶段 07

SpringBoot 与 Web 开发

约 8 天：用 SpringBoot + MyBatis 完成可用的 RESTful 服务，覆盖登录认证、日志、异常处理、Redis 缓存与 Nginx 反向代理。

推荐自测 写一个带鉴权与校验的接口

阶段 08

综合与实习期项目

约 14 天：补齐 Git与部署能力，理解一次 HTTP 请求的全过程，并完成符合面试要求的全栈项目。

推荐自测 讲清一次 HTTP 请求全过程

终点 完成一个基于 Vite + TypeScript + Vue 3（或 React）、SpringBoot 后端，含登录登出、至少 5 个页面且能本地运行的实习期项目