Note: This document is a work in progress. You can help improve it.

Setting up your Development Environment

Over the course the training you will be using a variety of tools. To get started we need the follow software and tools



Slack will be our main form of communication. You will communicate with your instructors and SDG staff via Slack. You will get notifications of homework, links to resources, and be able to ask for help via Slack.

Download it to you computer; if you have a smart phone, I highly recommend installing the app.


Open your browser and download the desktop client for your platform.

Open your phone's application store and install the mobile application and sign in at least once.

You should have received an invitation to several Slack Teams -- SDG maintains two main Slack Teams, one is for students and alumni only and the other is a general Tampa Bay community team that includes over 1,300 members.

Editors / IDEs

IDE stands for Integrated Developer Environment. Developers can be fiercely opinionated about which one is better. Here at SDG, we allow students to use any light weight editor they want, but recommend using either Visual Studio Code or Atom.

VS Code


VS Code is a light weight text editor that produced by Microsoft that is being widely adopted by many developers.


VS Code is a extendable lightweight editor that allows us to see what is going on so if you ever get the more powerful tools (like Visual Studio or Eclipse). It will not be a crutch, but a tool. This is like starting with a screwdriver, and working our way up to power drill.


After downloading VS Code, double-click the ZIP file to extract the application. Then drag the VS Code icon to our Applications folder.

See setup instructions here under VS Code: Editors



Atom is a light weight editor created by GitHub that the open source community has embraced.


Atom is a extendable, customizable editor that allows developers to grow with their tools. Atom starts out as an extremely simple editor that grows with the developer.


Download Atom and follow the instructions.

See setup instructions here under Atom: Editors

Editor Fonts


A typeface designed for source code

Mac Setup
  • brew cask install caskroom/fonts/font-hack
Windows Setup
Editor Setup
  • Atom:
    • Atom Menu > Preferences > Editor > Font Family > Type Hack in the input box
  • Visual Studio Code:
    • Code Menu > Preferences > Settings > Editor Font Family > Type 'Hack' in the input box

Database Setup

See here

Mac and Windows Specific Setup

Mac OS users continue here

Windows users continue here

Windows Subsystem For Linux users continue here