85 lines
3.4 KiB
HTML
85 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<link href="../style.css" rel="stylesheet">
|
|
<meta name="description" content="A basic rundown on how to program. You can find better resources elsewhere.">
|
|
<link rel="icon" type="image/png" href="../Book.png">
|
|
<title>Computer science</title>
|
|
</head>
|
|
|
|
<body>
|
|
<button onclick="history.back();">Back Out</button>
|
|
|
|
<h1>Computer science: principles</h1>
|
|
|
|
<table>
|
|
<tr><th><a href="#1">Requirements.</a></th></tr>
|
|
<tr><th><a href="#2">Introduction to block programming.</a></th></tr>
|
|
<tr><th><a href="#3">Creating your first project.</a></th></tr>
|
|
</table>
|
|
|
|
<hr/>
|
|
|
|
<h2 id="1">Requirements.</h2>
|
|
<p>To learn the ropes of programming, one goes to <a href="https://scratch.mit.edu">scratch.mit.edu</a>. This is the most simplest programming language you can learn, and Scratch is amazing for beginners.</p>
|
|
<p>Find the editor. As of November 15, 2023, the editor is located in the header (press the create button next to the big Scratch logo).</p>
|
|
<p>Remeber: <b>You don't need any experience.</b></p>
|
|
|
|
<hr/>
|
|
|
|
<h2 id="2">Introduction to block programming.</h2>
|
|
<p>block programming is different from regular programming in that <em>one doesn't write code, they drag blocks.</em> The skills you will learn goes straight into regular typing, similar to writing a book & typing a book. Same thing, different ways of doing it.</p>
|
|
|
|
<hr/>
|
|
|
|
<h2 id="3">Creating your first project.</h2>
|
|
<p>What we are going to do is have the sprite (currently Scratch themself) go in a square. Simple enough. But how do we actually do this?</p>
|
|
<p>We are going to drag in an event. This event is something that gets called when you press the green flag (located top right of your screen).</p>
|
|
<ul>
|
|
<li>Located at the left, click the "events" button</li>
|
|
<li>Drag the "when Flag clicked" event into the big blank area in the middle</li>
|
|
</ul>
|
|
<p>That was easy. We are about 25% done.</p>
|
|
<p>Next, we are going to have scratch move in a square!</p>
|
|
<ul>
|
|
<li>Scroll up or press the "motion" button</li>
|
|
<li>Drag the "move steps" button down under the event we just created.</li>
|
|
</ul>
|
|
<p><b>So what did we just do?</b></p>
|
|
<p>We made it so when we click the green flag, Scratch moves to the right. Try it out!</p>
|
|
<ul>
|
|
<li>Click the green flag (play) and watch as the cat moves!</li>
|
|
<li>Change the amount of steps Scratch does.</li>
|
|
<li>To move scratch without using blocks, simply click and drag scratch to the desired position.</li>
|
|
</ul>
|
|
<p>Scratch can move in a straight line, but we want to move scratch in a square!</P>
|
|
<p>That is where the rotate block comes in handy.</p>
|
|
|
|
<hr/>
|
|
<hr/>
|
|
|
|
<h1>Computer science: A (beginner)</h1>
|
|
|
|
<table>
|
|
<tr><th><a href="#101">Null</a></th></tr>
|
|
</table>
|
|
|
|
<hr/>
|
|
<hr/>
|
|
|
|
<h1>Computer science: B (intermediate)</h1>
|
|
|
|
<table>
|
|
<tr><th><a href="#201">Null</a></th></tr>
|
|
</table>
|
|
|
|
<hr/>
|
|
<hr/>
|
|
|
|
<h1>Computer science: C (advanced)</h1>
|
|
|
|
<table>
|
|
<tr><th><a href="#301">Null</a></th></tr>
|
|
</table>
|
|
</body>
|
|
</html>
|