欢迎光临散文网 会员登陆 & 注册

WebGIS开发零基础入门到进阶：GIS开发知识点汇总

2023-03-07 16:33 作者:新中地职业培训学校  | 我要投稿

WebGIS开发：从入门学习到就业

三大板块：开发技能、职业素养和就业服务

1.开发技能

课程内容大致分为三个阶段

  • 第一阶段: web基础开发(HTML+CSS+JS)

  • 第二阶段: web项目开发(Node, Git, Canvas, 可视化, Vue框架)

  • 第三阶段: webGIS开发(openlayer, mapbox, cesium三维, three.js)

第一阶段: web基础开发

学习内容

  • 静态网页的制作

  • 培养良好的学习习惯

  • 建立编程思维能

学习目标

能够独立完成静态网页的编写

学习成果

  1. 完成新中地电子简历项目, 制作个性化简历页面

  2. 完成新中地外卖网站项目, 搭建现代化企业级交互网站

HTML5

HTML负责web的结构, 是web技术的重要组成部分.
本阶段从HTML的本质出发, 深入剖析HTML的组成, 帮助大家理解web系统的原理, 不仅介绍了HTML如何被浏览器解析并渲染, 更加深刻的分析了HTML设计背后的真相

  1. HTML本质

  2. HTML组成

  3. HTML语义化

  4. 布局元素

  5. 多媒体元素(超链接, 图片, 音频, 视频)

  6. 表单元素

  7. 表格元素

CSS3

CSS负责web的样式, 可以做出酷炫的效果和设计感实足的优秀产品
本阶段从基本的CSS语法讲起, 结合众多效果案例, 夯实基础, 力图创新.
通过精准的选择器, 控制页面元素的布局和效果, 结合CSS3的新特性(圆角, 阴影, 过渡, 渐变, 动画)美化网页, 最终达到编写企业级大型综合页面的要求

  1. 选择器(包括nth-of-type,nth-of-child等)

  2. 文本属性

  3. 背景(包括background-size, background-clip等)

  4. 属性值的计算机制

  5. 视觉格式化模型

  6. 伪类与伪元素

  7. flex布局与grid布局

  8. 媒体查询与响应式

  9. 过渡transition

  10. 变形transform

  11. 渐变

  12. 关键帧动画

  13. 预处理器(Less, Sass, Stylus)

JavaScript

JavaScript做为web前端唯一的开发语言, 负责web的逻辑与业务实现. 写代码做项目全靠它, 重中之重
本阶段除了介绍基本的语法外, 更加注重对学员逻辑能力的培养, 形成代码思维, 实现从初级工程师向中高级工程师的转变
大量的练习, 加上丰富的案例, 真正做到学以致用. 由浅入深, 循序渐进. 通过下断点单步调试, 不仅知其然, 更知其所以然,

JavaScript基础

  1. 变量与数据类型

  2. 运算符与表达式

  3. 条件分支

  4. 循环

  5. 数组

  6. 函数

  7. 对象

webAPI

  1. DOM与BOM

  2. 事件驱动

  3. 回调函数

  4. 冒泡与捕获

  5. 事件委托

  6. 本地存储

JavaScript高级

  1. 全局对象与活动对象

  2. 作用域与闭包

  3. 原型与原型链

  4. let和const

  5. 箭头函数

  6. 解构

  7. promise

  8. async...await

  9. 异常处理

  10. EventLoop

项目成果

项目成果


阶段测验

第二阶段: web进阶开发

学习内容

  • 项目管理工具: 掌握Git的使用

  • node包管理: npm的使用

  • 接口开发: 了解RESTful风格接口的对接与调用

  • 可视化: canvas原理, 阿里datav可视化平台

  • 主流前端框架: Vue2全家桶, Vue3全家桶

  • 主流UI框架: ElementUI等

  • 前端项目搭建

学习目标

  • 熟练使用Git管理代码与托管

  • 熟悉项目整体流程

  • 掌握接口调用对接, 请求数据流程等核心技术

  • 熟练掌握框架语法, 并能应用到实际场景中

  • 能够分析定位项目bug, 并给出解决方案

学习成果

  1. Git的实战应用

  2. 项目管理理论融入真实项目, 由经验丰富的高级项目经理带领, 独立完成需求分析, 技术设计, 项目评审, 真实WBS分组分工协作, 提前体验实际工作场景

  3. 完成新中地待办事项项目, 打造属于自己的个性化功能

  4. 完成新中地大屏可视化项目, 让甲方爸爸也高攀不起酷炫设计, 真实项目汇报, 面对领导, 汇报再也不虚

web进阶阶段

vue框架做为工作中使用最广泛的前端框架, 是面试和项目开发的重点 本阶段以项目驱动, 详细全面的介绍Vue2与Vue3框架全家桶, 严格按照项目管理的方式推进, 由经验丰富的高级项目经理带领, 学员独立完成需求分析, 技术设计, 项目评审, 真实WBS分组分工协作, 提前体验实际工作场景

项目前准备

  1. node环境安装

  2. npm包管理工具

  3. yarn与pnpm

  4. RESTful接口对接与调试

  5. Git配置与实战应用

Vue2基础

  1. 声明式渲染

  2. 响应式系统及原理

  3. 属性绑定

  4. 事件绑定

  5. 双向绑定

  6. 条件渲染

  7. 列表渲染

  8. 动态样式

  9. 计算属性

  10. 侦听器

  11. 过滤器

Vue2核心

  1. 生命周期与生命周期钩子

  2. vue2核心模块与重点流程分析

  3. 组件

  4. 插槽

  5. vue2源码走读

  6. vue-router

  7. vuex

  8. ElementUI框架及实战

大屏可视化项目

  1. canvas原理

  2. echarts

  3. 阿里datav云平台

Vue3开发

  1. compositionAPI

  2. 生命周期

  3. 组件通信

  4. vite

  5. pinia

第三阶段: webGIS开发

学习内容

  • GIS基本概念, 术语, 基本操作

  • openlayers的使用

  • MapBox的应用与实战

  • Cesium的入门到深入

  • 主流GIS平台(如MapGIS)二次开发

  • three.js三维

学习目标

  • 理解webGIS开发流程

  • 掌握通用的2D, 3D库的基本原理及使用

  • 熟悉各种API的调用与应用场景, 能够通过查阅文档扩展使用

  • 独立完成2D, 3D常用案例

学习成果

  1. 熟练使用各种常见的2D, 3D库API完成常见案例

  2. 完成新中地智慧交通项目, 掌握2DGIS开发的流程和思路

  3. 完成新中地不动产登记项目, 全方位实战演练, 掌握3D开发中核心技术

WebGIS基础理论

  1. OGC标准

  2. WMS(Web地图服务)

  3. WFS(Web矢量服务)

  4. WCS(Web栅格服务)

  5. 数据格式: 影像, 栅格, 矢量, 瓦片

  6. 投影与坐标系

  7. 服务发布

  8. 底图加载与渲染

  9. 几何要素: 点, 线, 面, 区, 注记

  10. 空间分析

  11. 缓冲区分析

MapGIS二次开发

  1. 中地全空间产品体系

  2. MapGIS10.5Pro产品架构深度解读

  3. MapGIS环境搭建

  4. 中地平台接口调用

  5. 中地接口二次封装

OpenLayers开发

  1. canvas绘图基础

  2. 底图加载渲染

  3. 地图控件调用

  4. 交互式失量图形绘制

  5. 地图事件

  6. API二次封装

  7. GeoJSON数据加载与解析

Mapbox开发

  1. 底图加载渲染

  2. 地图控件与事件

  3. 交互式失量图形绘制

  4. 组件化集成

  5. Mapbox+React应用

公共开放平台

  1. 高德地图开放平台

  • 常用API

  • 控件

  • 动画与轨迹

  • GeoJSON数据持久化

  • 阿里数据可视化平台DataV-L7

    • 3D柱状图

    • 散点图

    • 雷达图

    • 水体3D填充

    项目一: 智慧交通系统

    1. 基于Vue+OpenLayers/Mapbox全流程开发

    2. 多用户权限管理

    3. 实时路况

    4. 事件查询

    5. 缓冲区分析

    6. 叠加裁剪分析

    项目展示汇报

    三维GIS开发
    三维建模工具-blender
    1blender基本操作
    2三维场景建立
    3渲染出图
    4动画CG
    5物理运动
    三维核心理论-three.js
    1三维场景建立
    2相机与光照
    3三视图与视角
    43D坐标系
    5投影与变换
    63D几何实体
    7纹理与材质
    8着色器
    93D建模数据加载

    三维GIS开发-Cesium
    13D底图加载与渲染
    2常用控件
    3相机与视角
    43D几何实体渲染
    5Cesium物体动效
    6粒子效果
    7物理仿真
    8数据加载
    项目一: 不动产管理系统
    1cesium集成Vue3
    2cesium基础工具库封装
    3区域切分
    4楼层分层
    53D弹窗实现
    6不动产登记业务流程
    项目二: 智慧城市-数字孪生
    1基于three.js+Cesium实战应用
    2从零开始3D建模
    3模型数据加载与渲染
    4可视化数据统计
    5决策分析与业务流程
    项目展示汇报

    2.职业素养

    • 演讲表达提升: 组织学员每日分享, 周例会发言, 锻炼口头表达能力; 要求学员撰写技术文档, 锻炼书面写作能力

    • 职业规划引导: 在授课过程中, 分享企业工作经验, 保持沟通交流, 引导学员规划职业发展

    • 项目管理: 介绍项目管理相关流程, 让学员理解项目的全流程

    3.就业服务

    • 简历撰写指导: 专门的课程, 专门的老师指导如何撰写简历

    • 模拟面试: 模拟人事, 技术面试, 让学员熟悉面试, 舒缓紧张情绪

    • 面试技巧: 分享一些面试时需要注意的技巧, 提高面试成功率

    • 面试题分析: 针对常见的面试题讲解, 让学员从容应对

    • 企业宣讲: 邀请用人单位来校进行宣讲, 让学员全面了解企业, 为学员推荐对口靠谱企业


    第一阶段: web基础开发

    学习内容

    • 静态网页的制作

    • 培养良好的学习习惯

    • 建立编程思维能

    学习目标

    能够独立完成静态网页的编写

    学习成果

    1. 完成新中地电子简历项目, 制作个性化简历页面

    2. 完成新中地外卖网站项目, 搭建现代化企业级交互网站

    第二阶段: web进阶开发

    学习内容

    • 项目管理工具: 掌握Git的使用

    • node包管理: npm的使用

    • 接口开发: 了解RESTful风格接口的对接与调用

    • 可视化: canvas原理, 阿里datav可视化平台

    • 主流前端框架: Vue2全家桶, Vue3全家桶

    • 主流UI框架: ElementUI等

    • 前端项目搭建

    学习目标

    • 熟练使用Git管理代码与托管

    • 熟悉项目整体流程

    • 掌握接口调用对接, 请求数据流程等核心技术

    • 熟练掌握框架语法, 并能应用到实际场景中

    • 能够分析定位项目bug, 并给出解决方案

    学习成果

    1. Git的实战应用

    2. 项目管理理论融入真实项目, 由经验丰富的高级项目经理带领, 独立完成需求分析, 技术设计, 项目评审, 真实WBS分组分工协作, 提前体验实际工作场景

    3. 完成新中地待办事项项目, 打造属于自己的个性化功能

    4. 完成新中地大屏可视化项目, 让甲方爸爸也高攀不起酷炫设计, 真实项目汇报, 面对领导, 汇报再也不虚

    第三阶段: webGIS开发

    学习内容

    • GIS基本概念, 术语, 基本操作

    • openlayers的使用

    • MapBox的应用与实战

    • Cesium的入门到深入

    • 主流GIS平台(如MapGIS)二次开发

    • three.js三维

    学习目标

    • 理解webGIS开发流程

    • 掌握通用的2D, 3D库的基本原理及使用

    • 熟悉各种API的调用与应用场景, 能够通过查阅文档扩展使用

    • 独立完成2D, 3D常用案例

    学习成果

    1. 熟练使用各种常见的2D, 3D库API完成常见案例

    2. 完成新中地智慧交通项目, 掌握2DGIS开发的流程和思路

    3. 完成新中地不动产登记项目, 全方位实战演练, 掌握3D开发中核心技术

    2 职业素养

    • 演讲表达提升: 组织学员每日分享, 周例会发言, 锻炼口头表达能力; 要求学员撰写技术文档, 锻炼书面写作能力

    • 职业规划引导: 在授课过程中, 分享企业工作经验, 保持沟通交流, 引导学员规划职业发展

    • 项目管理: 介绍项目管理相关流程, 让学员理解项目的全流程

    3 就业服务

    • 简历撰写指导: 专门的课程, 专门的老师指导如何撰写简历

    • 模拟面试: 模拟人事, 技术面试, 让学员熟悉面试, 舒缓紧张情绪

    • 面试技巧: 分享一些面试时需要注意的技巧, 提高面试成功率

    • 面试题分析: 针对常见的面试题讲解, 让学员从容应对

    • 企业宣讲: 邀请用人单位来校进行宣讲, 让学员全面了解企业, 为学员推荐对口靠谱企业

    • 内推就业：直接对接用人单位负责人，内推面试就业


    就业薪资

    整体就业薪资范围 7K~13K

    • 一线城市平均就业薪资: 10K

    • 二线城市平均就业薪资: 7K

      普通本科211以上本科研究生一线城市(北上广深)9K+9~11K13K+二线城市(武汉,南京, 杭州, 西安, 长沙, 成都, 重庆)7K+7~9K9~11K


    培训目标

    零开发基础的学员经过4~5月(18~20周)的培训, 能够达到企业的用人标准.

    具备初中级开发工程师水平, 能胜任基本研发工作

    为了达成目标, 需要学员

    1. 严格遵守教学安排

    2. 按时完成每日练习和相关作业

    3. 参与分组项目

    4. 独立思考, 主动分析解决问题

    5. 互相帮助, 共同进步

    WebGIS开发特训营

    WebGIS开发特训营 是 新中地教育 推出的面向GIS开发的培训课程.

    主要为学员提供

    1. 开发技能培训服务

    2. 职业素养提升服务

    3. 推荐就业服务

    距离3月GIS开发特训营最后12天报名

    添加小助理微信：gis2210

    可申请免费学一周

    关注 @新中地职业培训学校

    可以在评论区留言，一起学习哦！


标签：

WebGIS开发零基础入门到进阶：GIS开发知识点汇总的评论 (共 条)

分享到微博请遵守国家法律