Hardware Reference
In-Depth Information
Figure 3-7.
Coder setup screen
One of the first blocks you see is “Hello Coder,” which helps you explore how Coder
works. The edit button is represented by the
</>
symbol at the upper right of the page.
If you click it in Hello Coder, you find pages that give you a brief introduction to HTML,
CSS, JavaScript, and Node.JS through tabs across the top of the screen.
Coder also offers two prebuilt apps, Space Rocks! and Eyeball, whose code you can
explore and edit to see how they were built (which is perhaps the best way to learn
how code works). You see their blocks on the home page when you start as well.
Once you enter one of these, you have two choices in the upper-right menu. You can
click HACK to quickly edit a few settings to see how they affect the app (see
Figure 3-8
). You can also click the Coder edit button (
</>
) to edit all of the code behind
them. In either case, you see the code on the left and the results on the right each time
you click the Save button.
