Welcome to Intro to Programming. If you are a student in the class, the first thing you need to do (and which we should have done in class) is set up your GitHub account.
Once you have a GitHub account, click “Log in to GitHub” below to proceed.
If you don’t have a GitHub account yet, please create one and then log in here for further instructions.
Congratulations! You have successfully connected this app to GitHub. However you are not yet a member of the GitHub organization for this class, something Mr. Seibel needs to set up for you.
This is your GitHub profile URL:
Click the clipboard icon to copy it and then submit it at this form so he can add you.
Congratulations! You have successfully connected this app to GitHub. And it looks like you have an invitation to join the GitHub organization for this class. You need to accept that invitation before you can proceed. The invite should be in your email.
I see you are logged into GitHub and a member of the Intro to Programming GitHub organization. However there seems to have been some problem finishing the setup for your account. Please let Mr. Seibel know.
This is a tool for the Intro to Programming class at Berkeley High School. It is intended to provide a simple environment for experimenting with Javascript without all the complexities of a full development environment such as ReplIt or Glitch which we may use later in the year.
It is also designed to take advantage of the browser’s ability to run Javascript natively. It does not need access to a server to run code making in extremely responsive even if the Wifi is flaking out.
Finally, under the covers it is saving work to a GitHub repository in a very simplified workflow that does not depend on immediately learning any git commands. Code written in this environment for each assignment is saved to a directory and branch specific to that assignment each time it is saved. Thus when the assignment is done, it is easy to go to GitHub and create a PR containing just the work on that assignment which can then be commented on and worked on further before it is turned in and merged to main.
You're all set! You don't need to worry about this yet but we have successfully created a GitHub repository for your work:
You can get to it any time by clicking on your GitHub username at the top-right of the screen.
This game is designed to help you make sure you understand four of the main value types in Javascript: numbers, strings, booleans and arrays and the operators that operate on them.
You will be presented with a question in the from of a Javascript expression with a hole that you need to fill in marked with ???, an arrow, and to the right of the arrow the value that the expression should evaluate to. Below the question will be buttons containing values that you can use to fill the hole in the expression. Click the button that you think will cause the expression to evaluate to the desired value.
If you choose a correct value (and sometimes there may be more than one) the question will briefly display the expression with your value filled in and a ✅ and then it will move on to a new question.
If you choose a value that does not work, you will get a message about why it is not the right answer and you will be able to pick a different value.
To see a log of all your answers, click the icon above. You can click it again to hide the log. N.B. the log and your score are reset if you close or reload the page.
Note also that this game takes a stricter view of what types cane be used with what operators that Javascript actually does. Since Javascript was originally designed to be used for small enhancements on web pages, its designers designed it to be forgiving and to try to make sense even of not entirely sensical programs. Thus it converts values from one type to another in many contexts allowing expressions like 10 * "123" since it can interpret the string "123" as the number 123. But in this game you are expected to provide values of the actual appropriate types, without relying on any automagic conversion happening under the covers.
Click a value that causes the expression to evaluate to the given value. Note, there may be more than one correct answer. Click the above for more info.
| All | Question | Notes |
|---|