Setting up your Development Environment

Required Dev tools

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

Tools

Slack

What

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.

How:

Open your browser and navigate to: https://slack.com/downloads

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

What

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

Why

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.

How

Download here: https://code.visualstudio.com

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

What

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

Why

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.

How

Here here and follow the instructions.

See setup instructions here under Atom: Editors

Editor Fonts

Hack

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

Mac and Windows Specific Setup

Mac OS users continue here

Windows users continue here