01

Web基础阶段

刚刚开班的2504期同学们正在学习web前端部分内容，0基础的同学也能学得会。

下面是同学们制作的课堂demo：

验证码接收器和随机数生成器

会动的时钟

这些看似简单的小项目，实则是在练习 HTML、CSS 和 JavaScript 的基础逻辑：如何通过代码实现交互，如何让静态页面 “动” 起来。

02

Web进阶

2503期的同学们刚刚学习vue和AI辅助变成，下面来看看他们使用VUE和AI辅助编成制作的demo吧。

VUE3+VITE制作的万年历

基于 Vue 3 + Vite + Pinia 构建的现代化万年历应用，提供公历、农历信息以及每日宜忌查询功能。

一个采用新拟物化设计风格（Neumorphic Design）的现代化万年历应用，基于 Vue 3 和 Vite 构建。

AI编程制作的小游戏

捕鱼达人：

纪念碑谷(Monument Valley)

这是一个使用 Vue3、Vite 和 Three.js 开发的纪念碑谷游戏实现。该项目重现了纪念碑谷游戏中的视错觉和不可能的几何结构，为玩家提供沉浸式的解谜体验。

功能特点

• 5个精心设计的关卡，每个关卡都有独特的谜题和视觉效果

• 3D视错觉和不可能的几何结构

• 交互式游戏体验

• 关卡切换功能

• 响应式设计，支持不同屏幕尺寸

星际贪吃蛇游戏

一款融合现代UI设计与经典玩法的贪吃蛇游戏，采用星空主题与动态光效，带来沉浸式的游戏体验。

技术栈

• HTML5：语义化结构，Canvas游戏画布

• CSS3：现代样式，Flexbox布局，CSS动画

• JavaScript：ES6+语法，游戏逻辑实现

• Canvas API：2D图形渲染，游戏画面绘制

AI学习桌 - 考研智能学习助手

AI学习桌是一个集成了学习计划管理、每日打卡、问题记录、励志语录等功能的综合性学习管理平台。通过智能化的数据分析和可视化的学习进度展示，帮助考研学生更好地规划和管理自己的学习过程。

技术栈

• 前端框架：Vue 3.4 + Composition API

• 构建工具：Vite 5.x

• 样式方案：CSS3 + Flexbox + Grid

• 图标库：内置SVG图标系统

• 数据存储：localStorage 本地持久化

• 开发语言：JavaScript ES6+

03

WebGIS阶段

2502期的同学们已经进入webgis开发阶段，近期完成了二维阶段的项目答辩，我们来看看同学们制作的地图项目截图：

04

三维GIS阶段

上周刚刚结业的2501期同学们在8月初完成了智慧地铁的项目答辩，下面是部分同学们制作的项目展示截图：

在新中地，同学们能从0基础的小白，逐步成长为胜任企业岗位的三维GIS开发工程师讲师，这其中离不开老师们的悉心教导和贴心答疑。

每个阶段，老师们都会细心回答同学的疑问，帮助大家排除学习中障碍。

新中地课程答疑集锦

7天免费试听戳↓↓↓