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.
The goal here is to refactor the single function in this
code, drawPicture, into several smaller functions. For the
most part this will just be a matter of extracting chunks of code and
wrapping them in functions that take appropriate arguments and making
variables in the new functions into local variables as
appropriate. Note: the comments in the code are landmarks to finding
good chunks of code to extract. As a point of reference, in the
original code, before I mushed everything into one functions I had 15
separate functions. Make sure all the new functions you define are
top-level functions, not nested within other functions, and do not
introduce any new global variables. Finally, remember to move in small
steps, keeping the code working at all times.
When you are done submit a GitHub pull request of the
branch and request me as a reviewer.