20
GitHub + Mapping Apps in 100 lines or less @Al_Laframboise [email protected] esri.github.com

GitHub + Mapping Apps in 100 lines or less using the ArcGIS API for JavaScript

Embed Size (px)

DESCRIPTION

A compilation of JavaScript web mapping apps written in 100 lines or less of code using the ArcGIS API for JavaScript.

Citation preview

Page 1: GitHub + Mapping Apps in 100 lines or less using the ArcGIS API for JavaScript

GitHub  +  Mapping  Apps    in  100  lines  or  less    

 

 @Al_Laframboise  

[email protected]    

esri.github.com  

Page 2: GitHub + Mapping Apps in 100 lines or less using the ArcGIS API for JavaScript
Page 3: GitHub + Mapping Apps in 100 lines or less using the ArcGIS API for JavaScript

esri.github.com/quickstart-­‐map-­‐js  

<script>! require(["esri/map”, "dojo/domReady!"], ! function(Map) {! // Create map! var map = new Map("mapDiv",{ ! basemap: "gray",! center: [-122.69, 45.52],! zoom: 3! });! });!</script>!

ArcGIS  API  for  JavaScript  (3.5)  

Page 4: GitHub + Mapping Apps in 100 lines or less using the ArcGIS API for JavaScript

Geo  Developers  on  GitHub    +    

Test-­‐drive  ArcGIS  JavaScript  API    +    

Developer  Summit  

Page 5: GitHub + Mapping Apps in 100 lines or less using the ArcGIS API for JavaScript
Page 6: GitHub + Mapping Apps in 100 lines or less using the ArcGIS API for JavaScript

Pull  Request          “Submit”  

Upstream  Master  esri/100-­‐lines-­‐or-­‐less-­‐js  

Fork  alaframboise/100-­‐lines-­‐or-­‐less-­‐js  

Clone  alaframboise/100-­‐lines-­‐or-­‐less-­‐js  

Page 7: GitHub + Mapping Apps in 100 lines or less using the ArcGIS API for JavaScript

We  need  some  rules!  

100  lines  of  JavaScript  80  chars/line  

Use  exisYng  libraries    

Page 8: GitHub + Mapping Apps in 100 lines or less using the ArcGIS API for JavaScript

Judging  Criteria  

Most  creaYve  use  Coding  Style  

UX/UI    

Page 9: GitHub + Mapping Apps in 100 lines or less using the ArcGIS API for JavaScript

Updates?  

Page 10: GitHub + Mapping Apps in 100 lines or less using the ArcGIS API for JavaScript
Page 11: GitHub + Mapping Apps in 100 lines or less using the ArcGIS API for JavaScript
Page 12: GitHub + Mapping Apps in 100 lines or less using the ArcGIS API for JavaScript
Page 13: GitHub + Mapping Apps in 100 lines or less using the ArcGIS API for JavaScript
Page 14: GitHub + Mapping Apps in 100 lines or less using the ArcGIS API for JavaScript
Page 15: GitHub + Mapping Apps in 100 lines or less using the ArcGIS API for JavaScript
Page 16: GitHub + Mapping Apps in 100 lines or less using the ArcGIS API for JavaScript
Page 17: GitHub + Mapping Apps in 100 lines or less using the ArcGIS API for JavaScript

The  Winners  1st  

2nd  

3rd  

Page 18: GitHub + Mapping Apps in 100 lines or less using the ArcGIS API for JavaScript

75  forks  100s  of  pull  requests  

Commits  Code  revisions  

Issues  

Page 19: GitHub + Mapping Apps in 100 lines or less using the ArcGIS API for JavaScript

It  can  be  done!  

Page 20: GitHub + Mapping Apps in 100 lines or less using the ArcGIS API for JavaScript

Thank  you!  

 @Al_Laframboise  

[email protected]    

esri.github.io/#100-­‐lines-­‐or-­‐less