---
# System prepended metadata

title: Web Programming Camp

---

# Web Programming Camp

In this camp, we will teach students to learn basic Web programming combined with [Webduino Bit](https://bit.webduino.io/site/en/docs/detail.html) control board. The students will learn the following topics:

- Basic HTML document structure
- Basic CSS syntax
- Basic JavaScript syntax
- Basic canvas-drawing programming (with Konva)
- Basic Webduino bit programming
- An integrated project with Web programming and Webduino Bit

We use the teaching method of learning by doing. A series of tutorial lessons will be designed to help the students learn the topics. The end result will be a web page similar to the following: 
![](https://i.imgur.com/uohPVEi.png)

The web page is intended to illustrate the Newton's mechanics theorem in physics. The goal is to use the Webduino Bit to control the cannon and shoot the ball into the red circle.

If you don't have a Webduino Bit, you won't be able to play the page, but if you are interested, you may try this [button-controlled version](http://drive.jywglady.org/Test/game03.html).
![](https://i.imgur.com/e44FTof.png)

At the end of the camp, the students will be encouraged to use the skills they have learned to modify the project or create other similar projects, and share the results with the teachers and other students.
