Lesson 2: Tools to Start Programming

/en/computer-programming-basics/introduction-to-computer-programming/content/

Tools to start programming

To start programming, the first thing you need to do is set up your computer with the necessary tools. Depending on the kind of programming you want to do, that could involve downloading various kinds of software and configuring your computer. For the web development these tutorials cover, though, you'll only need two things: 

  • A web browser
  • A text editor

The web browser

You will need a web browser to run any webpages you create, even though they won't be on the Internet yet. It doesn't matter which browser you choose, though, so feel free to stick with whatever you generally use for web browsing. The only thing to keep in mind is that there are slight visual differences in how each browser displays certain things. For example, consider these two checkboxes:

two checkboxes in different browsers

They're both identical in terms of HTML, but the one on the left is displayed in Google Chrome, while the one on the right is displayed in Microsoft Edge

Images and exercises in our tutorials are based on Google Chrome. While any web browser will work for web development in general, you may have an easier time following along with our tutorials if you use Chrome.

The text editor

You'll also need a text editor, which you'll use to write your code. Most simple text editors designed for coding have some basic features to help you avoid common typos or mistakes, and display code in different colors to make it more readable, but the basic functionality of every coding-specific text editor is just to type and save text

A text editor

Most computers have a simple text editor pre-installed, such as Notepad (for Windows) and TextEdit (for macOS). Although these can be used for coding, they lack many of the useful features that coding-specific text editors have. 

For these tutorials, we recommend a text editor called Sublime Text, which is simple to use and free to download for Windows, macOS, and Linux.

Once you have downloaded and installed Sublime Text, you will see a variety of settings dropdowns at the top. Don't be overwhelmed, because almost none of it is necessary to write code. The only thing you will need to use to follow along with our tutorials is the file menu.

Setting up your workspace

These steps will help you set up the beginning of your GCF Programming Tutorials project, which you can use to write your own code as you follow along.

If you are using Windows

  1. Open the File Explorer.
  2. Choose a place on your computer to create your project. It can be anywhere you want, but a common default would be the Documents folder. 
  3. Right-click in the Documents folder (or whatever folder you chose), hover over New, and click Folder.
    New Folder dropdown option
  4. Name your new folder GCF Programming Tutorials.
  5. In Sublime Text, click on the File dropdown menu and choose Open Folder.
  6. Find the folder you just created, click it, and press the Select Folder button.
    Pressing the select folder option
  7. Your project is now prepared!

If you are using macOS

  1. Open the Finder.
  2. Choose a place on your computer to create your project. It can be anywhere you want, but a common default would be the Documents folder. 
  3. Once you have navigated the Finder to your desired location, go to the File dropdown menu at the top and choose New Folder.
    New folder dropdown option on macOS
  4. Name your new folder GCF Programming Tutorials.
  5. In Sublime Text, click on the File dropdown menu and choose Open.
  6. Find the folder you just created, click it, and press the Open button.
    Pressing the open button on macOS
  7. Your project is now prepared!

Start programming

Now that you have your web browser and workspace prepared, you're ready to start programming. To start at the beginning, jump into our HTML tutorial and start learning how to create your own webpage!