-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathindex.html
More file actions
153 lines (126 loc) · 7.08 KB
/
index.html
File metadata and controls
153 lines (126 loc) · 7.08 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<title>Hacking javascript by jofraley</title>
<link rel="stylesheet" href="stylesheets/styles.css">
<link rel="stylesheet" href="stylesheets/github-dark.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="javascripts/respond.js"></script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lt IE 8]>
<link rel="stylesheet" href="stylesheets/ie.css">
<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head>
<body>
<div id="header">
<nav>
<li class="fork"><a href="https://github.com/jofraley/Hacking_JavaScript">View On GitHub</a></li>
<li class="downloads"><a href="https://github.com/jofraley/Hacking_JavaScript/zipball/master">ZIP</a></li>
<li class="downloads"><a href="https://github.com/jofraley/Hacking_JavaScript/tarball/master">TAR</a></li>
<li class="title">DOWNLOADS</li>
</nav>
</div><!-- end header -->
<div class="wrapper">
<section>
<div id="title">
<h1>Hacking javascript</h1>
<p>This is a set of labs for learning the ArcGIS API for JavaScript.</p>
<hr>
<span class="credits left">Project maintained by <a href="https://github.com/jofraley">jofraley</a></span>
<span class="credits right">Hosted on GitHub Pages — Theme by <a href="https://twitter.com/michigangraham">mattgraham</a></span>
</div>
<h1>
<a id="hacking-for-solution-engineers" class="anchor" href="#hacking-for-solution-engineers" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Hacking for Solution Engineers</h1>
<p>A place to learn how to build geo apps with the ArcGIS API for JavaScript.</p>
<h2>
<a id="welcome" class="anchor" href="#welcome" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Welcome</h2>
<p>This repository contains short labs that step you through the process of developing a web application with ArcGIS API for JavaScript. </p>
<h2>
<a id="resources" class="anchor" href="#resources" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Resources</h2>
<p>Here are the resources you will use for the labs.</p>
<ul>
<li><a href="http://developers.arcgis.com">ArcGIS for Developers - Account, Documentation, Samples, Apps, Downloads</a></li>
<li><a href="http://esri.github.io">Esri Open Source Projects - More source code</a></li>
<li><a href="http://jsbin.com">JS Bin - Interactive JS coding</a></li>
<li><a href="https://gist.github.com/jgravois/5e73b56fa7756fd00b89">A simple guide for setting up a local web server (optional)</a></li>
<li><a href="http://w3schools.com">Help with HTML, CSS, and JavaScript</a></li>
</ul>
<h2>
<a id="labs" class="anchor" href="#labs" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Labs</h2>
<p>The labs start from ground-zero and work through the accessing different aspects of the API and how to begin to build an application and add functionality.</p>
<p>Let's get started!</p>
<h3>
<a id="version-317" class="anchor" href="#version-317" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Version 3.17</h3>
<ul>
<li>Lab 1: <a href="./labs/review/lab1.md">Review HTML, CSS, and JavaScript</a>
</li>
<li>Lab 2: <a href="./labs/jsapi3/create_starter_map/lab.md">Build a Starter Map</a>
</li>
<li>Lab 3: <a href="./labs/jsapi3/add_feature_layer/lab.md">Add Feature Layer</a>
</li>
<li>Lab 4: <a href="./labs/jsapi3/style_feature_layer/lab.md">Style Feature Layer</a>
</li>
<li>Lab 5: <a href="./labs/jsapi3/style_simple_popup/lab.md">Style a layer popup</a>
</li>
<li>Lab 6: <a href="./labs/jsapi3/search_with_widget/lab.md">Search with a Widget</a>
</li>
<li>Lab 7: <a href="./labs/jsapi3/search_with_query_task/lab.md">Search with a Query Task</a>
</li>
<li>Lab 8: <a href="./labs/jsapi3/fixed_buffer_with_geometry_engine/lab.md">Client-side Buffering</a>
</li>
<li>Lab 9: <a href="./labs/webmap_apps/create_jsapi3_app/lab.md">Create a JS API 3.x WebMap App</a>
</li>
</ul>
<p>You can see a high-level overview of the differences between the 3.x and 4.x JS APIs <a href="https://developers.arcgis.com/javascript/latest/guide/choose-version/index.html">here</a> and a more detailed comparison <a href="https://developers.arcgis.com/javascript/latest/guide/functionality-matrix/index.html">here</a>.</p>
<h3>
<a id="version-40" class="anchor" href="#version-40" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Version 4.0</h3>
<ul>
<li>Lab 1: <a href="./labs/jsapi/create_starter_map/lab.md">Build a Starter Map</a>
</li>
<li>Lab 2: <a href="./labs/jsapi/create_starter_map_3d/lab.md">Build a Starter 3D Map</a>
</li>
<li>Lab 3: <a href="./labs/jsapi/add_feature_layer/lab.md">Add Feature Layer</a>
</li>
<li>Lab 4: <a href="./labs/jsapi/style_feature_layer/lab.md">Style Feature Layer</a>
</li>
<li>Lab 5: <a href="./labs/jsapi/extrude_polygon_3d/lab.md">Extrude data as Polygons in 3D</a>
</li>
<li>Lab 6: <a href="./labs/jsapi/style_simple_popup/lab.md">Style a layer popup</a>
</li>
<li>Lab 7: <a href="./labs/jsapi/search_with_widget/lab.md">Search with a Widget</a>
</li>
<li>Lab 8: <a href="./labs/jsapi/search_with_query_task/lab.md">Search with a Query Task</a>
</li>
<li>Lab 9: <a href="./labs/jsapi/buffer_with_geometry_engine/lab.md">Client-side Buffering</a>
</li>
<li>Lab 10: <a href="./labs/webmap_apps/create_jsapi_app/lab.md">Create a JS API 4.x WebMap App</a>
</li>
<li>
## Data and Terms of Use</li>
</ul>
<p>Please see <a href="http://www.civicapps.org/">www.civicapps.org</a>, <a href="developer.trimet.org/gis">developer.trimet.org/gis</a>, <a href="http://www.portlandoregon.gov/bts">http://www.portlandoregon.gov/bts</a>, and <a href="http://opendata.dc.gov/">http://opendata.dc.gov/</a> for the data terms of use.</p>
<h2>
<a id="licensing" class="anchor" href="#licensing" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Licensing</h2>
<p>Copyright 2016 Esri</p>
<p>Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at</p>
<blockquote>
<p><a href="http://www.apache.org/licenses/LICENSE-2.0">http://www.apache.org/licenses/LICENSE-2.0</a></p>
</blockquote>
<p>Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.</p>
<p>A copy of the license is available in the repository's <a href="./license.txt">LICENSE</a> file.</p>
</section>
</div>
<!--[if !IE]><script>fixScale(document);</script><![endif]-->
</body>
</html>