-
Notifications
You must be signed in to change notification settings - Fork 22
/
index.html
150 lines (138 loc) · 6.83 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<title>API Workshop</title>
<link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css" media="screen">
<link rel="stylesheet" href="./bootstrap/css/api-workshop.css">
</head>
<body>
<div class="container">
<div class="jumbotron">
<h1 class="jumbotron-title">API Workshop</h1>
<p>Building on the work of giants</p>
</div>
<h4>Lessons:</h4>
<p>Each lesson is available in the source repository for the workshop via the link below, but is also available in your repository if you forked the workshop. The links to running solutions reference the solution inside the repo where this page is hosted, either in the source or in your forked version, this way the link to the running solution under "Your Workspace" will reference the files that you will be updating throughout the workshop</p>
<div class="list-group">
<div class="list-group-item">
<div class="list-group-item-heading">
<a class="pull-right" href="./00-workspace/">
<div class="heading-link">View Running Solution</div>
</a>
<a href="#">
<div class="heading-link">Your Workspace</div>
</a>
</div>
<p class="list-group-item-text">All of your changes can be seen here</p>
</div>
<div class="list-group-item">
<div class="list-group-item-heading">
<a class="pull-right" href="./01-start-here/">
<div class="heading-link">View Running Solution</div>
</a>
<a href="https://github.com/willbreitkreutz/api-workshop/blob/master/01-Start-here.md">
<div class="heading-link">01 Start Here</div>
</a>
</div>
<p class="list-group-item-text">Basic OpenLayers Map</p>
</div>
<div class="list-group-item">
<div class="list-group-item-heading">
<a href="https://github.com/willbreitkreutz/api-workshop/blob/master/02-Explore-an-api.md">
<div class="heading-link">02 Explore an API</div>
</a>
</div>
<p class="list-group-item-text">Introduction into web APIs and the Mapzen API in particular</p>
</div>
<div class="list-group-item">
<div class="list-group-item-heading">
<a class="pull-right" href="./03-starting-location">
<div class="heading-link">View Running Solution</div>
</a>
<a href="https://github.com/willbreitkreutz/api-workshop/blob/master/03-Starting-location.md">
<div class="heading-link">03 Search for Starting Location</div>
</a>
</div>
<p class="list-group-item-text">Map with a search component for the starting location</p>
</div>
<div class="list-group-item">
<div class="list-group-item-heading">
<a class="pull-right" href="./04-destination-location">
<div class="heading-link">View Running Solution</div>
</a>
<a href="https://github.com/willbreitkreutz/api-workshop/blob/master/04-Destination-location.md">
<div class="heading-link">04 Search for a Destination</div>
</a>
</div>
<p class="list-group-item-text">Map with a search component for starting and desitnation locations</p>
</div>
<div class="list-group-item">
<div class="list-group-item-heading">
<a class="pull-right" href="./05-query-mobility-api">
<div class="heading-link">View Running Solution</div>
</a>
<a href="https://github.com/willbreitkreutz/api-workshop/blob/master/05-Query-mobility-api.md">
<div class="heading-link">05 Query the Mobility API</div>
</a>
</div>
<p class="list-group-item-text">Use the start and destinations to get a route from the API</p>
</div>
<div class="list-group-item">
<div class="list-group-item-heading">
<a class="pull-right" href="./06-display-route">
<div class="heading-link">View Running Solution</div>
</a>
<a href="https://github.com/willbreitkreutz/api-workshop/blob/master/06-Display-route.md">
<div class="heading-link">06 Display the Route on the Map</div>
</a>
</div>
<p class="list-group-item-text">Decode the route and turn it into a layer on the map</p>
</div>
<div class="list-group-item">
<div class="list-group-item-heading">
<a class="pull-right" href="./07-display-turn-by-turn">
<div class="heading-link">View Running Solution</div>
</a>
<a href="https://github.com/willbreitkreutz/api-workshop/blob/master/07-Display-turn-by-turn.md">
<div class="heading-link">07 Display the Turn-by-turn Directions</div>
</a>
</div>
<p class="list-group-item-text">Give the user a list of directions along with the map</p>
</div>
<div class="list-group-item">
<div class="list-group-item-heading">
<a class="pull-right" href="./08-add-icons">
<div class="heading-link">View Running Solution</div>
</a>
<a href="https://github.com/willbreitkreutz/api-workshop/blob/master/08-Add-icons.md">
<div class="heading-link">08 Add Turn-by-turn Icons</div>
</a>
</div>
<p class="list-group-item-text">Add icons based on the maneuver type to the directions list</p>
</div>
<div class="list-group-item">
<div class="list-group-item-heading">
<a class="pull-right" href="./09-add-interactions">
<div class="heading-link">View Running Solution</div>
</a>
<a href="https://github.com/willbreitkreutz/api-workshop/blob/master/09-Add-interactions.md">
<div class="heading-link">09 Add Maneuver List Interactions</div>
</a>
</div>
<p class="list-group-item-text">Add changes to the map when a user hovers over or clicks a maneuver in the list</p>
</div>
<div class="list-group-item">
<div class="list-group-item-heading">
<a class="pull-right" href="./10-bonus">
<div class="heading-link">View Running Solution</div>
</a>
<a href="https://github.com/willbreitkreutz/api-workshop/blob/master/10-Bonus.md">
<div class="heading-link">10 Bonus, Add Reverse Geocoding and Trip Summary</div>
</a>
</div>
<p class="list-group-item-text">Allow the user to reverse geocode locations instead of just searching for them and display a trip summary with the directions</p>
</div>
</div>
</div>
</body>
</html>