新中地2502期GIS开发特训营同步学习机会等你来学！！！

第一阶段  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绘制满天星效果

新中地天气

大屏可视化

openlayers智慧校园

AI辅助编程

使用cursor进行A编程教学，实现“智能代码补全”、“自然语言编辑”、“代码库理解”、“实时错误检测修复”、“多文件编辑"等功能十分强大。新中地手把手保姆式教学，帮助学生快速提高提升编程效率，快速利用A编程工具生成完整的项目。

以下均为学生作品

登山赛车小游戏

2048数字游戏

火柴人魂斗罗

简易版马里奥

水果忍者

扫雷

贪吃蛇

第四阶段  WebGIS二维开发

所学内容重点：WebGIS基础理论及开发、MapGlS二次开发、Mapbox、Openlayers

这个阶段要求同学们熟练应用市场主流GIS开源框架开发(MapGls二次开发、Mapbox.Openlayers)，使用Mapbox、Openlayer框架开发。

WebGIS开发

网页绘图基础	canvas基础、canvas动画、canvas复杂案例实现 svg基础、svg动画
Node.js后端开发	数据库管理软件操作、mysql数据库操作、orm框架使用 express接口开发、常见前后端交互场景、实现完整的全栈开发
WebGIS基础理论	OGC标准、常见webgis数据服务 webgis核心概念、turf空间分析
Openlayers框架开发	图层加载、要素加载、常见控件 矢量图形绘制、地图事件封装
Mapbox框架开发	图层样式加载、常见控件和插件使用 矢量图形绘制、地图事件封装
高德地图开发平台开发
L7可视化平台开发	多用户权限管理、实时路况、事件查询 缓冲区分析、叠加裁剪分析
项目实战	基于mapbox实现可视化智慧城市 基于高德地图开发web地图应用

项目展示：

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中着色器使用技巧与特效类封装技巧 城市模型渲染：渐变、呼吸灯、扫光、夜景
三维实战项目课：三维智慧地铁系统开发与应用	三维智慧地铁基础与大屏 视频监控对接 自定义着色器美化可视化效果 地铁实时轨迹漫游效果 地铁线路路径管理 地铁重点保护活动展示 地铁发展历程三维展示 地铁站点管理与站点查询 地铁路径规划 项目展示汇报

项目展示：

公交车轨迹漫游

公交车轨迹模拟路线

楼房区域绘制

cesium分房分户项目

三维智慧地铁站点拥挤度

智慧地铁大屏可视化

智慧地铁路线规