Getting Started With Replit
Last updated
Was this helpful?
Last updated
Was this helpful?
Replit is the software we are going to be using in this sushi card! If you already have an account that you're comfortable with using, feel free to move on to Setting Up Your Dev Environment.
Replit is an online code editor, where you can run code directly in your browser. Replit supports a ton of programming languages, and is suitable for this sushi card. The upside to using Replit is that any device can participate in this activity (including Chromebooks!).
Open a tab in your browser and type in replit.com.
Click "Sign up" in the top right corner. Use either an email or one of the "Continue with ..." options. Please use credentials that are memorable.
Sign in to Replit. Click the "+" in the top right of the homepage
For the programming language, select HTML, CSS, JS
For the name of the project, type "Introduction to HTML"
Here is how your page should look like:
Click "Create repl."
Don't get overwhelmed by all the text! Here is a diagram of all the panels:
Replit pre-fills some common code used by web developers whenever you load a new Repl project. While this is useful when you are already well-versed in website design, it is not necessary for our purposes. Please perform the following steps to clean up your Repl before we begin:
Delete all code in the index.html
file.
Delete the entire script.js
file.
Your window should now look like this: