added page

content/developer-environment.md

@@ -0,0 +1,30 @@
+---
+layout: default
+title: Developer Environment
+nav_order: 2
+has_children: false
+---
+
+# Setting up a Developer Environment
+In order to write the code that builds and renders your web maps you need a few things...
+<br><br>
+
+
+*1*{: .circle .circle-purple} First and foremost, you'll need access to internet connection and a computer with an internet browser installed. Recent versions of [Mozilla Firefox](https://www.mozilla.org) and [Google Chrome](https://www.google.com/chrome/) are the recommended browsers. 
+
+<br>
+*2*{: .circle .circle-purple} To make your life easier while viewing or editing code, it's good to use a [source code editor](https://en.wikipedia.org/wiki/Source_code_editor). This workshop recommends [Visual Studio Code](https://code.visualstudio.com/download), but other editors like [Notepad++](https://notepad-plus-plus.org/) or [Sublime Text](https://www.sublimetext.com/3) will work similarly.
+
+It's helpful to see your web-map change as you work. Live Server is an extension for Visual Studio Code that builds a local server to host HTML documents in-progress. To install, click the gear icon in the bottom left corner of VS Code and go to extensions. Search for "Live Server" and install. 
+
+<img src="./vs-extensions_20220117.jpg" alt="vs-extensions" width="400"/>
+<br>
+<img src="./live-server_20220117.jpg" alt="live-server" width="350"/>
+
+
+<br>   
+*3*{: .circle .circle-purple} Because Leaflet is open source you don't need an account to work with it. You do, however, need to download the data for this workshop. Click on the 'Download Data' button below to start the download. Once complete, **extract the contents of the .zip file**.
+
+[Download Data](./intro-leaflet-data.zip){: .btn .btn-blue }
+
+Now you're ready to begin web mapping with Leaflet!