<div class="e3675-3 x-col">
<div class="x-text">
<h2 style="text-align: left;">Repl.it Set Up</h2>
<p> </p>
</div>
<div style="padding:62.5% 0 0 0;position:relative;"><iframe allow="autoplay; fullscreen; picture-in-picture" allowfullscreen="" frameborder="0" src="https://player.vimeo.com/video/501576728?badge=0&autopause=0&player_id=0&app_id=58479" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="1a-fritz"></iframe></div>
<script src="https://player.vimeo.com/api/player.js"></script>
<div class="x-video-inner"> </div>
<div class="x-video-inner"> </div>
</div>
<div class="x-text">
<h2>What is Repl.it?</h2>
<p> </p>
<p>Repl.it is the website that we will be using to code our game. This will prevent us from having to download anything such as Python or an IDE and will allow us to easily share our projects!</p>
<p>To use Repl.it, simply go to<span> </span><a href="http://www.repl.it/" rel="noopener noreferrer" target="_blank">www.repl.it</a><span> </span>and click<span> </span><strong>sign up</strong><span> </span>in the top right of the site. Once you have set up your free account, we can start exploring the interface!</p>
<p> </p>
<p></p>
<p> </p>
<p> </p>
<h2>Repl.it Interface</h2>
<p> </p>
<p>The first step to coding on Repl.it is creating a new<span> </span><strong>repl</strong>, which stands for…</p>
<ul>
<li><strong>R</strong>ead (computer reads the code you typed)</li>
<li><strong>E</strong>valuate (runs the code)</li>
<li><strong>P</strong>rint (shows the results)</li>
<li><strong>L</strong>oop (does R, E, and P in a loop)</li>
</ul>
<p>Think of it repls like coding projects. You should notice a button on the top right that says ‘+ new repl.’</p>
<p></p>
<p> </p>
<p>When you click this button, you will be asked what programming<span> </span><strong>language</strong><span> </span>you want to use. For now, we are simply going to click on Python and name it whatever you would like!</p>
<p> </p>
<p></p>
<p> </p>
<p>Now that our repl has been created we can see the coding interface. The far left of the screen is our file directory and will tell us what files and folders are in our project.</p>
<p> </p>
<p></p>
<p> </p>
<p>The middle section is our workspace where we will type our code…</p>
<p> </p>
<p></p>
<p> </p>
<p>…and the far right section is where we will see our code when we click run!</p>
<p> </p>
<p></p>
<p> </p>
<p></p>
<p> </p>
<p>The other important part of this screen is the share button. This button will allow you to share your code with others in case you get stuck!</p>
<p> </p>
<p></p>
</div>
