Development of ArcGIS API for JavaScript under mainstream front-end framework

After work, I recorded a course at the weekend ArcGIS API for JavaScript Zero foundation development course , The relevant information is as follows .

Course is an introduction to

Please see the detailed introduction of the course The video in the following address is introduced .

Course features

• Used in the course API It is the latest version ArcGIS API for JavaScript 4.14
• The mainstream front-end framework used in the course is Vue and React

The course is mainly aimed at the current mainstream Vue and React How to combine the two frameworks ArcGIS API for JavaScript To carry out WebGIS The development of , And for those with high frequency of use ArcGIS JS API Explained the code .

In addition to explaining ArcGIS JS API outside , Also for in ArcGIS How to import data on the platform 、 Handle 、 Release 、 The whole process of front-end call is explained .

Full course catalog

1、 Front end development history

    1.1、 Course is an introduction to

    1.2、 Introduction to the development process of the front end

2、 Front end mainstream framework foundation (React and Vue)

    2.1、 Introduction to the mainstream front-end framework

    2.2、Vue Basic knowledge of — Environment building 、 Create the first one demo

    2.3、Vue Basic knowledge of — To configure Element UI、 Optimize demo Interface

    2.4、Vue Basic knowledge of — Configure the routing （ One and two ）

    2.5、React Basic knowledge of — Environment building 、 Create the first one demo

    2.6、React Basic knowledge of — To configure Element UI、 Optimize demo Interface

    2.7、React Basic knowledge of — Configure the routing （ One and two ）

3、ArcGIS API for JavaScript Basic knowledge of

    3.1、ArcGIS Introduction to architecture

    3.2、ArcGIS Introduction to data processing and service release process under the platform

    3.3、ArcGIS API for JavaScript Introduction and learning route

    3.4、ArcGIS API for JavaScript 3.X still 4.X

    3.5、ArcGIS API for JavaScript 4.15 Local deployment

    3.6、ArcGIS API for JavaScript 4.15— Instantiate a 2D map

    3.7、ArcGIS API for JavaScript 4.15— Instantiate a 3D map

    3.8、ArcGIS API for JavaScript 4.15— Custom underlay

    3.9、ArcGIS API for JavaScript 4.15— Instantiate the map control

    3.10、ArcGIS API for JavaScript 4.15— Add service layer

    3.11、ArcGIS API for JavaScript 4.15— Draw points 、 Line 、 Noodles

    3.12、ArcGIS API for JavaScript 4.15— Property query

    3.13、ArcGIS API for JavaScript 4.15— Path analysis

    3.14、ArcGIS API for JavaScript 4.15— Symbolization

    3.15、ArcGIS API for JavaScript 3.32— Instantiate a 2D map

    3.16、ArcGIS API for JavaScript 3.32— Add service layer

    3.17、ArcGIS API for JavaScript 3.32— Add map control

4、Vue combination ArcGIS API for JavaScript Development

       4.1、 Vue Project environment construction , install esri-loader

        4.2、Vue The project implements basemap customization

        4.3、 A little experiment ：Vue The project realizes two-dimensional and three-dimensional map switching

5、React combination ArcGIS API for JavaScript Development

        5.1、React Project environment construction , install esri-loader

        5.2、React The project implements basemap customization

        5.3、 A little experiment ：React The project implements layer service addition

6、Portal for ArcGIS Basic knowledge of

    6.1、Portal Introduce

    6.2、Portal Introduction to installation and deployment scheme

    6.3、Portal install (windows Environmental Science )—ArcGIS Server Installation and deployment

    6.4、Portal install (windows Environmental Science )—ArcGIS Server Installation and deployment ( Operation demo )

    6.5、Portal install (windows Environmental Science )—ArcGIS Data Store Installation and deployment

    6.6、Portal install (windows Environmental Science )—ArcGIS Data Store Installation and deployment ( Operation demo )

    6.7、Portal install (windows Environmental Science )—Portal for ArcGIS Installation and deployment

    6.8、Portal install (windows Environmental Science )—Portal for ArcGIS Installation and deployment ( Operation demo )

    6.9、Portal install (windows Environmental Science )—ArcGIS Web Adaptor(linux edition ) Installation and deployment

    6.10、Portal install (windows Environmental Science )—ArcGIS Web Adaptor(linux edition ) Installation and deployment ( Operation demo )

    6.11、Portal install (windows Environmental Science )—Tomcat Installation and deployment

    6.12、Portal install (windows Environmental Science )—Tomcat Installation and deployment ( Operation demo )

    6.13、Portal install (windows Environmental Science )— Make the relevant configuration

    6.14、Portal install (windows Environmental Science )— Make the relevant configuration ( Operation demo )

    6.15、Portal install (linux Environmental Science )— Introduction to the whole process

    6.16、Portal install (linux Environmental Science )— Hands on installation (Tomcat)

    6.17、Portal install (linux Environmental Science )— Hands on installation (WebAdaptor)

    6.18、Portal install (linux Environmental Science )— Hands on installation (Server)

    6.19、Portal install (linux Environmental Science )— Hands on installation (DataStore)

    6.20、Portal install (linux Environmental Science )— Hands on installation (Portal)

    6.21、Portal and Online Introduce

    6.22、ArcGIS Introduction to data processing and service release process under the platform ( Two and three dimensions )

    6.23、ArcGIS Introduction to data processing and service release process under the platform ( Two and three dimensions ) Hands-On Activities

    6.24、ArcGIS API for JavaScript Call the published data service ( A two-dimensional )

    6.25、ArcGIS API for JavaScript Call the published data service ( The three dimensional )

    6.26、Portal Introduction to custom development

    6.27、Portal Custom development — obtain Portal Basic information about yourself

    6.28、Portal Custom development — stay Portal New folder

Course acquisition address

• If you like watching online , Please go straight ahead. CSDN Learning on the platform , The address is as follows ;
• If you like to watch after downloading , The video has been uploaded to the wechat store , Please go to wechat store to get ( The price is lower ), The address is as follows ：