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.
Draw a Tic-Tac-Toe board and allow human players to play on it by clicking
in the squares of the board, drawing X's and O's as appropriate. You
should represent the state of the board using arrays so you can ignore
clicks in squares that have already been used. For bonus points, detect
when a player wins and draw a line through the three-in-a-row.
This environment augments the images challenge environment with a
a drawText(text, x, y, color, size) function that draws some
text at the given x,y position in the given color and size (in px). More
importantly it adds a function registerOnclick that you can
call with a function that will be called with the x,y coordinates within
the canvas of each mouse click. See the comment in the starter code for
more details.