WebGIS開(kāi)發(fā)：從入門(mén)學(xué)習(xí)到就業(yè)

三大板塊：開(kāi)發(fā)技能、職業(yè)素養(yǎng)和就業(yè)服務(wù)

1.開(kāi)發(fā)技能

課程內(nèi)容大致分為三個(gè)階段

• 第一階段: web基礎(chǔ)開(kāi)發(fā)(HTML+CSS+JS)

• 第二階段: web項(xiàng)目開(kāi)發(fā)(Node, Git, Canvas, 可視化, Vue框架)

• 第三階段: webGIS開(kāi)發(fā)(openlayer, mapbox, cesium三維, three.js)

第一階段: web基礎(chǔ)開(kāi)發(fā)

學(xué)習(xí)內(nèi)容

• 靜態(tài)網(wǎng)頁(yè)的制作

• 培養(yǎng)良好的學(xué)習(xí)習(xí)慣

• 建立編程思維能

學(xué)習(xí)目標(biāo)

能夠獨(dú)立完成靜態(tài)網(wǎng)頁(yè)的編寫(xiě)

學(xué)習(xí)成果

1. 完成新中地電子簡(jiǎn)歷項(xiàng)目, 制作個(gè)性化簡(jiǎn)歷頁(yè)面

2. 完成新中地外賣(mài)網(wǎng)站項(xiàng)目, 搭建現(xiàn)代化企業(yè)級(jí)交互網(wǎng)站

HTML5

HTML負(fù)責(zé)web的結(jié)構(gòu), 是web技術(shù)的重要組成部分.
本階段從HTML的本質(zhì)出發(fā), 深入剖析HTML的組成, 幫助大家理解web系統(tǒng)的原理, 不僅介紹了HTML如何被瀏覽器解析并渲染, 更加深刻的分析了HTML設(shè)計(jì)背后的真相

1. HTML本質(zhì)

2. HTML組成

3. HTML語(yǔ)義化

4. 布局元素

5. 多媒體元素(超鏈接, 圖片, 音頻, 視頻)

6. 表單元素

7. 表格元素

CSS3

CSS負(fù)責(zé)web的樣式, 可以做出酷炫的效果和設(shè)計(jì)感實(shí)足的優(yōu)秀產(chǎn)品
本階段從基本的CSS語(yǔ)法講起, 結(jié)合眾多效果案例, 夯實(shí)基礎(chǔ), 力圖創(chuàng)新.
通過(guò)精準(zhǔn)的選擇器, 控制頁(yè)面元素的布局和效果, 結(jié)合CSS3的新特性(圓角, 陰影, 過(guò)渡, 漸變, 動(dòng)畫(huà))美化網(wǎng)頁(yè), 最終達(dá)到編寫(xiě)企業(yè)級(jí)大型綜合頁(yè)面的要求

1. 選擇器(包括nth-of-type,nth-of-child等)

2. 文本屬性

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

4. 屬性值的計(jì)算機(jī)制

5. 視覺(jué)格式化模型

6. 偽類(lèi)與偽元素

7. flex布局與grid布局

8. 媒體查詢(xún)與響應(yīng)式

9. 過(guò)渡transition

10. 變形transform

11. 漸變

12. 關(guān)鍵幀動(dòng)畫(huà)

13. 預(yù)處理器(Less, Sass, Stylus)

JavaScript

JavaScript做為web前端唯一的開(kāi)發(fā)語(yǔ)言, 負(fù)責(zé)web的邏輯與業(yè)務(wù)實(shí)現(xiàn). 寫(xiě)代碼做項(xiàng)目全靠它, 重中之重
本階段除了介紹基本的語(yǔ)法外, 更加注重對(duì)學(xué)員邏輯能力的培養(yǎng), 形成代碼思維, 實(shí)現(xiàn)從初級(jí)工程師向中高級(jí)工程師的轉(zhuǎn)變
大量的練習(xí), 加上豐富的案例, 真正做到學(xué)以致用. 由淺入深, 循序漸進(jìn). 通過(guò)下斷點(diǎn)單步調(diào)試, 不僅知其然, 更知其所以然,

JavaScript基礎(chǔ)

1. 變量與數(shù)據(jù)類(lèi)型

2. 運(yùn)算符與表達(dá)式

3. 條件分支

4. 循環(huán)

5. 數(shù)組

6. 函數(shù)

7. 對(duì)象

webAPI

1. DOM與BOM

2. 事件驅(qū)動(dòng)

3. 回調(diào)函數(shù)

4. 冒泡與捕獲

5. 事件委托

6. 本地存儲(chǔ)

JavaScript高級(jí)

1. 全局對(duì)象與活動(dòng)對(duì)象

2. 作用域與閉包

3. 原型與原型鏈

4. let和const

5. 箭頭函數(shù)

6. 解構(gòu)

7. promise

8. async...await

9. 異常處理

10. EventLoop

項(xiàng)目成果

項(xiàng)目成果

階段測(cè)驗(yàn)

第二階段: web進(jìn)階開(kāi)發(fā)

學(xué)習(xí)內(nèi)容

• 項(xiàng)目管理工具: 掌握Git的使用

• node包管理: npm的使用

• 接口開(kāi)發(fā): 了解RESTful風(fēng)格接口的對(duì)接與調(diào)用

• 可視化: canvas原理, 阿里datav可視化平臺(tái)

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

• 主流UI框架: ElementUI等

• 前端項(xiàng)目搭建

學(xué)習(xí)目標(biāo)

• 熟練使用Git管理代碼與托管

• 熟悉項(xiàng)目整體流程

• 掌握接口調(diào)用對(duì)接, 請(qǐng)求數(shù)據(jù)流程等核心技術(shù)

• 熟練掌握框架語(yǔ)法, 并能應(yīng)用到實(shí)際場(chǎng)景中

• 能夠分析定位項(xiàng)目bug, 并給出解決方案

學(xué)習(xí)成果

1. Git的實(shí)戰(zhàn)應(yīng)用

2. 項(xiàng)目管理理論融入真實(shí)項(xiàng)目, 由經(jīng)驗(yàn)豐富的高級(jí)項(xiàng)目經(jīng)理帶領(lǐng), 獨(dú)立完成需求分析, 技術(shù)設(shè)計(jì), 項(xiàng)目評(píng)審, 真實(shí)WBS分組分工協(xié)作, 提前體驗(yàn)實(shí)際工作場(chǎng)景

3. 完成新中地待辦事項(xiàng)項(xiàng)目, 打造屬于自己的個(gè)性化功能

4. 完成新中地大屏可視化項(xiàng)目, 讓甲方爸爸也高攀不起酷炫設(shè)計(jì), 真實(shí)項(xiàng)目匯報(bào), 面對(duì)領(lǐng)導(dǎo), 匯報(bào)再也不虛

web進(jìn)階階段

vue框架做為工作中使用最廣泛的前端框架, 是面試和項(xiàng)目開(kāi)發(fā)的重點(diǎn) 本階段以項(xiàng)目驅(qū)動(dòng), 詳細(xì)全面的介紹Vue2與Vue3框架全家桶, 嚴(yán)格按照項(xiàng)目管理的方式推進(jìn), 由經(jīng)驗(yàn)豐富的高級(jí)項(xiàng)目經(jīng)理帶領(lǐng), 學(xué)員獨(dú)立完成需求分析, 技術(shù)設(shè)計(jì), 項(xiàng)目評(píng)審, 真實(shí)WBS分組分工協(xié)作, 提前體驗(yàn)實(shí)際工作場(chǎng)景

項(xiàng)目前準(zhǔn)備

1. node環(huán)境安裝

2. npm包管理工具

3. yarn與pnpm

4. RESTful接口對(duì)接與調(diào)試

5. Git配置與實(shí)戰(zhàn)應(yīng)用

Vue2基礎(chǔ)

1. 聲明式渲染

2. 響應(yīng)式系統(tǒng)及原理

3. 屬性綁定

4. 事件綁定

5. 雙向綁定

6. 條件渲染

7. 列表渲染

8. 動(dòng)態(tài)樣式

9. 計(jì)算屬性

10. 偵聽(tīng)器

11. 過(guò)濾器

Vue2核心

1. 生命周期與生命周期鉤子

2. vue2核心模塊與重點(diǎn)流程分析

3. 組件

4. 插槽

5. vue2源碼走讀

6. vue-router

7. vuex

8. ElementUI框架及實(shí)戰(zhàn)

大屏可視化項(xiàng)目

1. canvas原理

2. echarts

3. 阿里datav云平臺(tái)

Vue3開(kāi)發(fā)

1. compositionAPI

2. 生命周期

3. 組件通信

4. vite

5. pinia

第三階段: webGIS開(kāi)發(fā)

學(xué)習(xí)內(nèi)容

• GIS基本概念, 術(shù)語(yǔ), 基本操作

• openlayers的使用

• MapBox的應(yīng)用與實(shí)戰(zhàn)

• Cesium的入門(mén)到深入

• 主流GIS平臺(tái)(如MapGIS)二次開(kāi)發(fā)

• three.js三維

學(xué)習(xí)目標(biāo)

• 理解webGIS開(kāi)發(fā)流程

• 掌握通用的2D, 3D庫(kù)的基本原理及使用

• 熟悉各種API的調(diào)用與應(yīng)用場(chǎng)景, 能夠通過(guò)查閱文檔擴(kuò)展使用

• 獨(dú)立完成2D, 3D常用案例

學(xué)習(xí)成果

1. 熟練使用各種常見(jiàn)的2D, 3D庫(kù)API完成常見(jiàn)案例

2. 完成新中地智慧交通項(xiàng)目, 掌握2DGIS開(kāi)發(fā)的流程和思路

3. 完成新中地不動(dòng)產(chǎn)登記項(xiàng)目, 全方位實(shí)戰(zhàn)演練, 掌握3D開(kāi)發(fā)中核心技術(shù)

WebGIS基礎(chǔ)理論

1. OGC標(biāo)準(zhǔn)

2. WMS(Web地圖服務(wù))

3. WFS(Web矢量服務(wù))

4. WCS(Web柵格服務(wù))

5. 數(shù)據(jù)格式: 影像, 柵格, 矢量, 瓦片

6. 投影與坐標(biāo)系

7. 服務(wù)發(fā)布

8. 底圖加載與渲染

9. 幾何要素: 點(diǎn), 線(xiàn), 面, 區(qū), 注記

10. 空間分析

11. 緩沖區(qū)分析

MapGIS二次開(kāi)發(fā)

1. 中地全空間產(chǎn)品體系

2. MapGIS10.5Pro產(chǎn)品架構(gòu)深度解讀

3. MapGIS環(huán)境搭建

4. 中地平臺(tái)接口調(diào)用

5. 中地接口二次封裝

OpenLayers開(kāi)發(fā)

1. canvas繪圖基礎(chǔ)

2. 底圖加載渲染

3. 地圖控件調(diào)用

4. 交互式失量圖形繪制

5. 地圖事件

6. API二次封裝

7. GeoJSON數(shù)據(jù)加載與解析

Mapbox開(kāi)發(fā)

1. 底圖加載渲染

2. 地圖控件與事件

3. 交互式失量圖形繪制

4. 組件化集成

5. Mapbox+React應(yīng)用

公共開(kāi)放平臺(tái)

1. 高德地圖開(kāi)放平臺(tái)

• 常用API

• 控件

• 動(dòng)畫(huà)與軌跡

• GeoJSON數(shù)據(jù)持久化

• 阿里數(shù)據(jù)可視化平臺(tái)DataV-L7

• 3D柱狀圖

• 散點(diǎn)圖

• 雷達(dá)圖

• 水體3D填充

項(xiàng)目一: 智慧交通系統(tǒng)

1. 基于Vue+OpenLayers/Mapbox全流程開(kāi)發(fā)

2. 多用戶(hù)權(quán)限管理

3. 實(shí)時(shí)路況

4. 事件查詢(xún)

5. 緩沖區(qū)分析

6. 疊加裁剪分析

項(xiàng)目展示匯報(bào)

三維GIS開(kāi)發(fā)
三維建模工具-blender
1blender基本操作
2三維場(chǎng)景建立
3渲染出圖
4動(dòng)畫(huà)CG
5物理運(yùn)動(dòng)
三維核心理論-three.js
1三維場(chǎng)景建立
2相機(jī)與光照
3三視圖與視角
43D坐標(biāo)系
5投影與變換
63D幾何實(shí)體
7紋理與材質(zhì)
8著色器
93D建模數(shù)據(jù)加載

三維GIS開(kāi)發(fā)-Cesium
13D底圖加載與渲染
2常用控件
3相機(jī)與視角
43D幾何實(shí)體渲染
5Cesium物體動(dòng)效
6粒子效果
7物理仿真
8數(shù)據(jù)加載
項(xiàng)目一: 不動(dòng)產(chǎn)管理系統(tǒng)
1cesium集成Vue3
2cesium基礎(chǔ)工具庫(kù)封裝
3區(qū)域切分
4樓層分層
53D彈窗實(shí)現(xiàn)
6不動(dòng)產(chǎn)登記業(yè)務(wù)流程
項(xiàng)目二: 智慧城市-數(shù)字孿生
1基于three.js+Cesium實(shí)戰(zhàn)應(yīng)用
2從零開(kāi)始3D建模
3模型數(shù)據(jù)加載與渲染
4可視化數(shù)據(jù)統(tǒng)計(jì)
5決策分析與業(yè)務(wù)流程
項(xiàng)目展示匯報(bào)


2.職業(yè)素養(yǎng)

• 演講表達(dá)提升: 組織學(xué)員每日分享, 周例會(huì)發(fā)言, 鍛煉口頭表達(dá)能力; 要求學(xué)員撰寫(xiě)技術(shù)文檔, 鍛煉書(shū)面寫(xiě)作能力

• 職業(yè)規(guī)劃引導(dǎo): 在授課過(guò)程中, 分享企業(yè)工作經(jīng)驗(yàn), 保持溝通交流, 引導(dǎo)學(xué)員規(guī)劃職業(yè)發(fā)展

• 項(xiàng)目管理: 介紹項(xiàng)目管理相關(guān)流程, 讓學(xué)員理解項(xiàng)目的全流程

3.就業(yè)服務(wù)

• 簡(jiǎn)歷撰寫(xiě)指導(dǎo): 專(zhuān)門(mén)的課程, 專(zhuān)門(mén)的老師指導(dǎo)如何撰寫(xiě)簡(jiǎn)歷

• 模擬面試: 模擬人事, 技術(shù)面試, 讓學(xué)員熟悉面試, 舒緩緊張情緒

• 面試技巧: 分享一些面試時(shí)需要注意的技巧, 提高面試成功率

• 面試題分析: 針對(duì)常見(jiàn)的面試題講解, 讓學(xué)員從容應(yīng)對(duì)

• 企業(yè)宣講: 邀請(qǐng)用人單位來(lái)校進(jìn)行宣講, 讓學(xué)員全面了解企業(yè), 為學(xué)員推薦對(duì)口靠譜企業(yè)




第一階段: web基礎(chǔ)開(kāi)發(fā)

學(xué)習(xí)內(nèi)容

• 靜態(tài)網(wǎng)頁(yè)的制作

• 培養(yǎng)良好的學(xué)習(xí)習(xí)慣

• 建立編程思維能

學(xué)習(xí)目標(biāo)

能夠獨(dú)立完成靜態(tài)網(wǎng)頁(yè)的編寫(xiě)

學(xué)習(xí)成果

1. 完成新中地電子簡(jiǎn)歷項(xiàng)目, 制作個(gè)性化簡(jiǎn)歷頁(yè)面

2. 完成新中地外賣(mài)網(wǎng)站項(xiàng)目, 搭建現(xiàn)代化企業(yè)級(jí)交互網(wǎng)站

第二階段: web進(jìn)階開(kāi)發(fā)

學(xué)習(xí)內(nèi)容

• 項(xiàng)目管理工具: 掌握Git的使用

• node包管理: npm的使用

• 接口開(kāi)發(fā): 了解RESTful風(fēng)格接口的對(duì)接與調(diào)用

• 可視化: canvas原理, 阿里datav可視化平臺(tái)

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

• 主流UI框架: ElementUI等

• 前端項(xiàng)目搭建

學(xué)習(xí)目標(biāo)

• 熟練使用Git管理代碼與托管

• 熟悉項(xiàng)目整體流程

• 掌握接口調(diào)用對(duì)接, 請(qǐng)求數(shù)據(jù)流程等核心技術(shù)

• 熟練掌握框架語(yǔ)法, 并能應(yīng)用到實(shí)際場(chǎng)景中

• 能夠分析定位項(xiàng)目bug, 并給出解決方案

學(xué)習(xí)成果

1. Git的實(shí)戰(zhàn)應(yīng)用

2. 項(xiàng)目管理理論融入真實(shí)項(xiàng)目, 由經(jīng)驗(yàn)豐富的高級(jí)項(xiàng)目經(jīng)理帶領(lǐng), 獨(dú)立完成需求分析, 技術(shù)設(shè)計(jì), 項(xiàng)目評(píng)審, 真實(shí)WBS分組分工協(xié)作, 提前體驗(yàn)實(shí)際工作場(chǎng)景

3. 完成新中地待辦事項(xiàng)項(xiàng)目, 打造屬于自己的個(gè)性化功能

4. 完成新中地大屏可視化項(xiàng)目, 讓甲方爸爸也高攀不起酷炫設(shè)計(jì), 真實(shí)項(xiàng)目匯報(bào), 面對(duì)領(lǐng)導(dǎo), 匯報(bào)再也不虛

第三階段: webGIS開(kāi)發(fā)

學(xué)習(xí)內(nèi)容

• GIS基本概念, 術(shù)語(yǔ), 基本操作

• openlayers的使用

• MapBox的應(yīng)用與實(shí)戰(zhàn)

• Cesium的入門(mén)到深入

• 主流GIS平臺(tái)(如MapGIS)二次開(kāi)發(fā)

• three.js三維

學(xué)習(xí)目標(biāo)

• 理解webGIS開(kāi)發(fā)流程

• 掌握通用的2D, 3D庫(kù)的基本原理及使用

• 熟悉各種API的調(diào)用與應(yīng)用場(chǎng)景, 能夠通過(guò)查閱文檔擴(kuò)展使用

• 獨(dú)立完成2D, 3D常用案例

學(xué)習(xí)成果

1. 熟練使用各種常見(jiàn)的2D, 3D庫(kù)API完成常見(jiàn)案例

2. 完成新中地智慧交通項(xiàng)目, 掌握2DGIS開(kāi)發(fā)的流程和思路

3. 完成新中地不動(dòng)產(chǎn)登記項(xiàng)目, 全方位實(shí)戰(zhàn)演練, 掌握3D開(kāi)發(fā)中核心技術(shù)

2 職業(yè)素養(yǎng)

• 演講表達(dá)提升: 組織學(xué)員每日分享, 周例會(huì)發(fā)言, 鍛煉口頭表達(dá)能力; 要求學(xué)員撰寫(xiě)技術(shù)文檔, 鍛煉書(shū)面寫(xiě)作能力

• 職業(yè)規(guī)劃引導(dǎo): 在授課過(guò)程中, 分享企業(yè)工作經(jīng)驗(yàn), 保持溝通交流, 引導(dǎo)學(xué)員規(guī)劃職業(yè)發(fā)展

• 項(xiàng)目管理: 介紹項(xiàng)目管理相關(guān)流程, 讓學(xué)員理解項(xiàng)目的全流程

3 就業(yè)服務(wù)

• 簡(jiǎn)歷撰寫(xiě)指導(dǎo): 專(zhuān)門(mén)的課程, 專(zhuān)門(mén)的老師指導(dǎo)如何撰寫(xiě)簡(jiǎn)歷

• 模擬面試: 模擬人事, 技術(shù)面試, 讓學(xué)員熟悉面試, 舒緩緊張情緒

• 面試技巧: 分享一些面試時(shí)需要注意的技巧, 提高面試成功率

• 面試題分析: 針對(duì)常見(jiàn)的面試題講解, 讓學(xué)員從容應(yīng)對(duì)

• 企業(yè)宣講: 邀請(qǐng)用人單位來(lái)校進(jìn)行宣講, 讓學(xué)員全面了解企業(yè), 為學(xué)員推薦對(duì)口靠譜企業(yè)

• 內(nèi)推就業(yè)：直接對(duì)接用人單位負(fù)責(zé)人，內(nèi)推面試就業(yè)




就業(yè)薪資

整體就業(yè)薪資范圍 7K~13K

• 一線(xiàn)城市平均就業(yè)薪資: 10K

• 二線(xiàn)城市平均就業(yè)薪資: 7K

  普通本科211以上本科研究生一線(xiàn)城市(北上廣深)9K+9~11K13K+二線(xiàn)城市(武漢,南京, 杭州, 西安, 長(zhǎng)沙, 成都, 重慶)7K+7~9K9~11K




培訓(xùn)目標(biāo)

零開(kāi)發(fā)基礎(chǔ)的學(xué)員經(jīng)過(guò)4~5月(18~20周)的培訓(xùn), 能夠達(dá)到企業(yè)的用人標(biāo)準(zhǔn).

具備初中級(jí)開(kāi)發(fā)工程師水平, 能勝任基本研發(fā)工作

為了達(dá)成目標(biāo), 需要學(xué)員

1. 嚴(yán)格遵守教學(xué)安排

2. 按時(shí)完成每日練習(xí)和相關(guān)作業(yè)

3. 參與分組項(xiàng)目

4. 獨(dú)立思考, 主動(dòng)分析解決問(wèn)題

5. 互相幫助, 共同進(jìn)步

WebGIS開(kāi)發(fā)特訓(xùn)營(yíng)

WebGIS開(kāi)發(fā)特訓(xùn)營(yíng)?是?新中地教育?推出的面向GIS開(kāi)發(fā)的培訓(xùn)課程.

主要為學(xué)員提供

1. 開(kāi)發(fā)技能培訓(xùn)服務(wù)

2. 職業(yè)素養(yǎng)提升服務(wù)

3. 推薦就業(yè)服務(wù)

距離3月GIS開(kāi)發(fā)特訓(xùn)營(yíng)最后12天報(bào)名

添加小助理微信：gis2210

可申請(qǐng)免費(fèi)學(xué)一周

關(guān)注 @新中地職業(yè)培訓(xùn)學(xué)校

可以在評(píng)論區(qū)留言，一起學(xué)習(xí)哦！