新中地系统学习3个月能做出什么效果?

新中地GIS开发特训营系统课学习时长为5个月左右,每个阶段学习会有一些小练习,阶段结束时会有阶段性项目考核。

那么在新中地系统学习3个月,能做出什么样的效果?

首先来看下学那些内容?

第一阶段:Web开发入门

主要学习web前端三件套,能手动制作一些静态、动态的网页效果。网页中每一个地图界面、每一个弹窗、每一个交互面板,都是由HTML和CSS构建的;此外,地图的缩放、平移、点击查询、图层切换等所有交互行为,都是通过JavaScript来驱动的。

  • **HTML:**HTML基础、HTML5新特性

  • **CSS:**CSS基础、CSS3新特性、盒子模型、浮动、定位、Flex布局、Grid布局

  • **JavaScript基础语法:**变量、数据类型、运算符、流程控制、函数、数组、对象

  • **JavaScript高级语法:**作用域与闭包、原型与原型链、ES6+新特性

  • **DOM & BOM:**DOM操作、BOM操作

课堂练习

第二阶段:Web框架

Vue 和 React 是目前最主流的两大前端框架,它们通过"组件化"的思想,极大地提高了开发效率和代码的可维护性; Node.js 和 npm 是前端工程化的基础,Git是团队协作的必备技能,你几乎无法参与任何一个正式项目。此外,还引入了AI辅助编程,实用性极高。

  • **项目准备:**Node.js基础、npm包管理工具、Git版本控制工具

  • **Vue基础:**Vue基础语法、组件化开发、Vue指令、生命周期、Vuex、Vue Router

  • **React基础:**React基础语法、组件化开发、JSX、状态管理、React Router

  • **大屏可视化:**canvas、echarts、阿里datav

  • **AI辅助编程:**AI基础知识、常用AI工具介绍与实操、实战案例分析

课堂练习:

第三阶段:WebGIS二维开发

从这个阶段开始接触openlayers、mapbox等框架,其中openlayers被公认为目前功能最强大、最全面的开源WebGIS引擎之一,非常适合需要复杂GIS分析和功能的传统GIS项目。而mapbox则结合二三维地图效果,以地图渲染性能和高度可定制化的地图样式而闻名,在各行业内应用广泛。

  • Canvas 绘图原理与动画实现、SVG 矢量绘图

  • **Node.js 后端开发:**MySQL 数据库操作、路由与中间件、Express 项目开发、服务端渲染、全栈项目实战

  • **OpenLayers:**环境配置、地图加载、图层控制、要素绘制、地图交互、功能扩展

  • **MapboxGL:**地图初始化、图层配置、交互事件、自定义扩展开发;

  • **高德地图平台开发:**LBS可视化、地图控件、图层与覆盖物、空间分析功能。

课堂练习:

学习三个月后,能做出什么样的地图开发效果?⬇️

新中地系统学习3个月能做出什么效果?WebGIS智慧城市开发效果演示https://www.bilibili.com/video/BV1LXkaBxEbg/

相关推荐
小彭努力中6 天前
199.Vue3 + OpenLayers 实现:点击 / 拖动地图播放音频
前端·vue.js·音视频·openlayers·animate
Irene19919 天前
OpenLayers 和 Cesium 都是流行的开源 JavaScript 库,用于在网页上构建地图和地理空间应用
openlayers·cesium
小彭努力中15 天前
195.Vue3 + OpenLayers:监听瓦片地图加载情况(200、403及异常处理)
前端·css·openlayers·cesium·webgis
小彭努力中16 天前
194.Vue3 + OpenLayers 实战:动态位置 + 高度 + 角度,模拟卫星地面覆盖范围
前端·css·vue.js·openlayers·animate
该怎么办呢20 天前
cesium核心代码学习-01项目目录及其基本作用
前端·3d·源码·webgl·cesium·webgis
奔跑的呱呱牛20 天前
如何设计一个可扩展的地图前端架构?从0到1的工程实践(OpenLayers)
前端·架构·openlayers
小彭努力中20 天前
193.Vue3 + OpenLayers 实战:圆孔相机模型推算卫星拍摄区域
vue.js·数码相机·vue·openlayers·geojson
小彭努力中20 天前
192.Vue3 + OpenLayers 实战:点击地图 Feature,列表自动滚动定位
vue·webgl·openlayers·geojson·webgis
小彭努力中23 天前
190.Vue3 + OpenLayers 实战:实现地图旋转移动动画 + CSS缩放动画(详解 animate 用法)
前端·css·openlayers·cesium·webgis
牛老师讲GIS23 天前
CodeBuddy+WebGIS开发最佳实践
ai·webgis·codebuddy