特训营大致分为6个阶段，每个阶段学完以后会以项目实战来检测学习成果，下面是每个阶段的学习内容和项目成果展示。
第一阶段
Web基础入门
所学内容重点：HTML、CSS
HTML基础要点：基本结构与标签、文本内容标签、图文与链接、列表与表格、表单、嵌入多媒体与框架。HTML负责web的结构, 是web技术的重要组成部分
CSS基础要点：选择器、样式属性、布局技巧、响应式设计、CSS预处理器、调试与优化
CSS负责web的样式, 可以做出酷炫的效果和设计感十足的优秀产品
Web基础阶段
HTML5 | HTML本质、HTML组成、HTML语义化 布局元素、多媒体元素(超链接, 图片, 音频, 视频) 表单元素、表格元素 |
CSS3 | 选择器(包括nth-of-type,nth-of-child等)、文本属性 背景(包括background-size, background-clip等) 属性值的计算机制、视觉格式化模型 伪类与伪元素、flex布局与grid布局 媒体查询与响应式、过渡transition、变形transform 渐变、关键帧动画 |
新中地电子简历 |
项目展示：
程序员表白
表格
七彩雨滴
抽奖
约会互动
第二阶段
Web基础进阶
所学内容重点：Javascript
JavaScript作为web前端唯一的开发语言, 负责web的逻辑与业务实现. 写代码做项目全靠它, 负责实现客户端的动态功能和交互性
JavaScript阶段
JavaScript基础开发 | 变量与数据类型、运算符与表达式 条件分支、循环、数组、函数、对象、WebAPI |
DOM与BOM | 事件驱动、回调函数、冒泡与捕获、事件委托、本地存储 |
JavaScript高级 | 全局对象与活动对象、作用域与闭包、原型与原型链、let和const 箭头函数、解构、promise、async/await、异常处理、EventLoop |
项目展示：
todolist
个人简历
个人项目介绍
王者荣耀
新中地旅游网站
外卖项目
第三阶段
前端框架
所学内容重点：框架前置课、Vue2.0开发基础及核心、Vue3.0基础开发，大屏可视化项目等
前端框架
项目前准备 | node环境安装、npm包管理工具、yarn与pnpm RESTful接口对接与调试、Git配置与实战应用 |
Vue基础 | 声明式渲染、响应式系统及原理、属性绑定 事件绑定、双向绑定、条件渲染、列表渲染 动态样式、计算属性、侦听器、过滤器 |
Vue核心及生态 | 生命周期与生命周期钩子、Vue核心模块与响应式原理 组件、插槽、Vite、Vue-router、Pinia、ElementUI框架及实战 |
大屏可视化项目 | Canvas原理、Echarts、阿里datav云平台 |
项目展示：
canvas绘制会转的时钟
canvas绘制满天星效果
新中地天气
大屏可视化
openlayers智慧校园
AI辅助编程
使用cursor进行A编程教学，实现“智能代码补全”、“自然语言编辑”、“代码库理解”、“实时错误检测修复”、“多文件编辑"等功能十分强大。新中地手把手保姆式教学，帮助学生快速提高提升编程效率，快速利用A编程工具生成完整的项目。
以下均为学生作品
登山赛车小游戏
2048数字游戏
火柴人魂斗罗
简易版马里奥
水果忍者
扫雷
贪吃蛇
左右滑动查看更多
第四阶段
WebGIS二维开发
所学内容重点：WebGIS基础理论及开发、MapGlS二次开发、Mapbox、Openlayers
这个阶段要求同学们熟练应用市场主流GIS开源框架开发(MapGls二次开发、Mapbox.Openlayers)，使用Mapbox、Openlayer框架开发。
WebGIS开发
网页绘图基础 | canvas基础、canvas动画、canvas复杂案例实现 |
Node.js后端开发 | 数据库管理软件操作、mysql数据库操作、orm框架使用 express接口开发、常见前后端交互场景、实现完整的全栈开发 |
WebGIS基础理论 | OGC标准、常见webgis数据服务 |
Openlayers框架开发 | 图层加载、要素加载、常见控件 |
Mapbox框架开发 | 图层样式加载、常见控件和插件使用 矢量图形绘制、地图事件封装 |
高德地图开发平台开发 | |
L7可视化平台开发 | 多用户权限管理、实时路况、事件查询 |
项目实战 | 基于mapbox实现可视化智慧城市 |
项目展示：
mapbox智慧城市
绘制选区
mapbox智慧城市
桥梁显示
mapbox智慧城市
绘制图形
第五阶段
WebGIS三维开发
所学内容重点：Threejs、Cesium
这个阶段为三维GIS开发入门阶段（Threejs、Cesium），通过两个三维项目，对threejs和Cesium有全面基本的了解和使用。
三维GIS开发
三维核心理论Three.js | Threejs起手式-场景，相机，渲染器，实用工具 网格体详解、材质详解、三维相机详解、3D模型加载 粒子效果、Threejs动画、射线交互 |
三维核心理论WebGL | WebGL工作原理、WebGL绘制简单图元 WebGL绘制立方体、渲染三维场景 WebGL添加场景光照、WebGL着色器语法讲解 |
三维GIS开发-cesium实用功能 | Cesium起手式，Cesium框架体系介绍 Cesium实用工具介绍、Cesium相机详解 Cesium 坐标系详解、几何实体详解与常见功能封装 Cesium屏幕空间事件以及常用应用 Cesium原始图元详解、Cesium数据源详解 Cesium多种格式底图、三维实体的加载与导入导出 Cesium 3Dtiles详解、Cesium场景可视化详解 |
项目展示：
城市建筑
道路流光
光锥标识
环境贴图
混合效果
全局飞线
三维智慧城市
扫描光圈
市中心特效
水域效果
下雨效果
下雪效果
烟花
夜景
左右滑动查看更多
threejs环境贴图
threejs环境纹理贴图
threejs三维汽车效果
第六阶段
三维GIS实战进阶(cesium多项目场景)
所学内容重点：cesium高级功能、webgl核心理论
这个阶段是三维GIS开发的进阶阶段(cesium高级功能、webgI核心理论)，通过学习本阶段，帮助学生掌握Cesium的高级用法及部分底层原理，了解WebGL核心原理，渲染管线流程，及着色器qlsl语言在Cesium中的应用，胜任三维GIS开发的工作。
基础要点：
企业常用功能模块逐项突破、二维空间分析模块双屏联动模块、可视域分析模块、模型裁剪模块、淹没分析模块、WebGL核心原理及Cesium高级应用
三维GIS实战进阶-Cesium多项目场景应用
Cesium实战案例 分房分户 | Cesium集成Vue3、Cesium基础工具库封装 区域切分、楼层分层、3D弹窗、不动产登记业务功能开发 |
Cesium实战案例 建筑方案 | 自定义着色器修改、模型的加载与定位 |
Cesium实战案例 轨迹漫游 | |
Cesium点线面 绘制工具扩展 | Cesium中的property应用 Cesium中复杂业务逻辑处理技巧 |
Cesium通视分析 | Cesium中的射线应用 |
Cesium动态剖切 | Cesium中的模型裁剪应用 |
基于Cesium和WebGL的城市三维场景开发（高级） | 城市级shp数据处理、城市级白膜的大数据处理与前端渲染 城市三维场景构建：水域效果、道路特效、地标特效 Cesium天气特效（晴、雨、雾、雪） Cesium中着色器使用技巧与特效类封装技巧 城市模型渲染：渐变、呼吸灯、扫光、夜景 |
| 三维实战项目课：三维智慧地铁系统开发与应用 | 三维智慧地铁基础与大屏 视频监控对接 自定义着色器美化可视化效果 地铁实时轨迹漫游效果 地铁线路路径管理 地铁重点保护活动展示 地铁发展历程三维展示 地铁站点管理与站点查询 地铁路径规划 项目展示汇报 |
+下方↓↓小助手，备注【试听】试听，即可一周免费正课试听
