Source of instructions and code for Innovate Sullivan programming workshop, 05 Dec 2019
Today, everyone will write and run code in Code Sandbox.
- Open Code Sandbox in a new tab.
- In the top-right corner, click "Create Sandbox".
- Select "JS Vanilla", which should be top row, second from the right. (DO NOT select "JS Vanilla + TS".)
On the top is a menu bar. The most important button is in the "File" menu: "save". Don't forget to use it!
On the left is a list of files. We will spend most of our time editing index.js.
In the middle is the editor. We will write our games in here.
On the right is the output. It looks like a little web browser window. When our game is ready to run, click the circular arrow button.
On the bottom-right is the console. It is initially collapsed, but expands when you click on the name. We will write and run one-off lines of code here. Also, errors in your game will be shown here.
The instructors will periodically put new versions of working games into our code sandbox. When we change our code sandbox, you will not see the changes until you reload the tab.
We have a terse presentation with basic javascript principles.
When we are done with each game, the instructors will put a complete copy of the game's code into this Github repository as its own file. In the future, you can copy these files and paste them into an editor to work on them again.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent