Browser Developer Tools

Slack

We will use Slack to communicate throughout the course, share resources, ask questions, and stay in touch afterward.

  1. Create an account and join the Contra Costa Codes team.
  2. Edit your profile and upload a photo.
  3. Introduce yourself in the #general channel.
  4. Download the app for your laptop and/or phone (best way to receive notifications).

Github

Store your code online and share it with others.

We won’t use Github until later in the course, but you’ll use your GitHub username to sign into Glitch (next step).

Create a Github account

Glitch

An online, collaborative code editor and website host

We'll use Glitch to work on class projects together and share them with each other.

Use your GitHub account to sign into Glitch.

  1. Click the “Sign in” button at the top right corner of the page.
  2. Select “Sign in with GitHub”.
  3. Enter your GitHub username and password.

Code Editors

Code editors are like word processors that have special features for writing code, like syntax highlighting, line numbers, and debugging tools.

Glitch will be our main code editor, but you need a good internet connection for it to work, so you may want to download one of these free code editors so you can write code offline.

Your code won't be automatically published to the internet, like with Glitch, but you'll be able to open the files on your local computer in any browser to see how they're working. When you webpage is ready, then you can upload it to a web host, like Glitch, to publish it online.

Visual Studio Code

This is a free code editor from Microsoft which works on both Macs and PCs. It has a lot of built in advanced features that are really helpful, but we probably won't be using them in this class.

Download Visual Studio Code

Sublime Text

This is a simple and straightforward code editor. It doesn't come with a lot of extra features (which most beginners don't need), but there are many extensions you can download later. You can download it for free, but every so often it will prompt you to purchase a license. You can decline and continue using the free version if you'd like.

Download Sublime Text 3