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ǔ)階段

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ì)感十足的優(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. 媒體查詢與響應(yīng)式

9. 過(guò)渡transition

10. 變形transform

11. 漸變

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

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

項(xiàng)目成果

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)目成果

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

第二階段：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ā)

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), 線, 面, 區(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ù)持久化

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

• 3D柱狀圖

• 散點(diǎn)圖

• 雷達(dá)圖

• 水體3D填充

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

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

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

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

4. 事件查詢

5. 緩沖區(qū)分析

6. 疊加裁剪分析

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

三維GIS開(kāi)發(fā)

三維建模工具-blender

1. blender基本操作

2. 三維場(chǎng)景建立

3. 渲染出圖

4. 動(dòng)畫(huà)CG

5. 物理運(yùn)動(dòng)

三維核心理論-three.js

1. 三維場(chǎng)景建立

2. 相機(jī)與光照

3. 三視圖與視角

4. 3D坐標(biāo)系

5. 投影與變換

6. 3D幾何實(shí)體

7. 紋理與材質(zhì)

8. 著色器

9. 3D建模數(shù)據(jù)加載

三維GIS開(kāi)發(fā)-Cesium

1. 3D底圖加載與渲染

2. 常用控件

3. 相機(jī)與視角

4. 3D幾何實(shí)體渲染

5. Cesium物體動(dòng)效

6. 粒子效果

7. 物理仿真

8. 數(shù)據(jù)加載

項(xiàng)目一: 不動(dòng)產(chǎn)管理系統(tǒng)

1. Cesium集成Vue3

2. Cesium基礎(chǔ)工具庫(kù)封裝

3. 區(qū)域切分

4. 樓層分層

5. 3D彈窗實(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ù)流程

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): 專門(mé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

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

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

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

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

零開(kāi)發(fā)基礎(chǔ)的學(xué)員經(jīng)過(guò)4月左右的培訓(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ù)

   
   

?0基礎(chǔ)可學(xué)? ??助力就業(yè) ??優(yōu)選賽道

掃碼免費(fèi)領(lǐng)取7天試聽(tīng)課+海量GIS資料

GIS特訓(xùn)營(yíng)報(bào)名渠道

GIS特訓(xùn)營(yíng)報(bào)名時(shí)間：全年均可報(bào)名

2303期報(bào)名時(shí)間：23年4月24日開(kāi)班

2304期報(bào)名時(shí)間：23年6月05日開(kāi)班

授課形式：線上/線下，直播+錄播均可