Replit

Transcript

You all have grown up in. a world with many websites. You play games on them. You find out what your friends are doing. You watch videos on them. You are on a website now, taking this lesson. 

The sites that are your favorites are probably massive sites, and many millions of pages on them. But remember that they were not made overnight. They all started out with an idea. And then they started with one line of code, and then another, and another. 

I'm going to introduce you to the tool you'll use to code websites. It’s called REPL.IT 

Now let's set up our environment to start coding in HTML. In this course, we'll use replicate an online system that lets you write and execute programs. We can also save these programs for later use. You don't need to download any software as this is browser based. You don't need anything other than a computer with a strong internet connection. So step one, open your Chrome or Safari browser and navigate to www.replit.com and create an account. Step two, after you've already signed up, click on the New Repl button, it's present on the top right of your screen. Step three, select the language drop down bar to HTML, then click Create Repl. 

Now pause the video and make sure you've completed these steps. Before we start coding in Repl, let's learn our way around. Repl consists of three parts section for files. The middle whitespace section is the area where we can begin to write code. It's called the editor window. Code is broken into lines. Take a look at the left side, we see a one and the line is grayed out. Writing out code here means our codes on line one. These line numbers are going to help us navigate and find errors in our code. 

A section for idle. Idle has two types of windows. The console can be for written and saves programs, while the shell window can only run instructions immediately like a file or package name. We'll explain this more as we move forward. You can execute or that is run your program by pressing the green run button. Make sense? You'll see the results of your code on the console window. 

Okay, you got it. Ready to go?