From 63f4ab3b21ccf1c0d43f92f618804004b5d7d2c9 Mon Sep 17 00:00:00 2001
From: demet <overtherainbowarts@gmail.com>
Date: Thu, 18 Apr 2024 09:10:02 -0700
Subject: [PATCH] added page

---
 content/developer-environment.md | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 content/developer-environment.md

diff --git a/content/developer-environment.md b/content/developer-environment.md
new file mode 100644
index 0000000..4454f84
--- /dev/null
+++ b/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!
\ No newline at end of file