Search by Algolia

Programming Basics (Part Zero)

Here’s a list of basic programming knowledge and tools that are necessary before moving on in the Gatsby tutorials. If you are new to any of these things, we’ve provided links to helpful tutorials on these subjects!

Necessary tools:

  • How a website works: Reading about the basics of how a website works might be helpful.
  • Command Line: The command line is a text interface you can open on your computer. It allows you to run commands to your computer’s operating system. It’s necessary to learn this skill to become a programmer. For a great introduction to the command line, try Codecademy’s Command Line tutorial for Mac and Linux users, and this tutorial for Windows users. Even if you are a Windows user, the first page of the Codecademy tutorial is still worth reading because it explains what the command line is, not just how to use it.
  • Code editor: Code editing programs allow you to write, edit, and save the code you’ll need to write to make your website work. Visual Studio Code is a great code editor for Mac, Linux, and Windows users. Refer to their docs for help on getting started. There are many other great code editors; you may want to ask other programmers what code editor they prefer.
  • Browser console: Any internet browser you use has a console that allows you to inspect what is happening on any web site. This will help you figure out how to solve errors that happen while you build your website. If you are using Chrome as your web browser, here is an explanation of how the Chrome browser console works. If you use another web browser, search for instructions on how to access and use that browser’s console.

Helpful, yet not necessary:

  • Some knowledge of HTML, CSS, and JS can be helpful. There are plenty of excellent tutorials out there; Codecademy is a good way to go.
  • React is the JavaScript framework that Gatsby uses to build pages and structure content. Prior React experience is helpful but not necessary. In fact, many people are using Gatsby as a way to learn React.
  • The Gatsby tutorials also teach you basic GraphQL, which is a query language (a programming language that allows you to pull data into your website). Prior GraphQL knowledge is helpful but definitely not necessary. Many people are using Gatsby as a way to learn GraphQL.

What’s coming next?

Proceed to the next part of the tutorial, Building pages for your first Gatsby site (Part 1)

Was this helpful? edit this page on GitHub