HTML and CSS Reference
In-Depth Information
2
. Build planner logic that can be used both in the client and on the server.
3
. Create browser event listeners to deal with incoming WebSocket events and update
the plan.
4
. Create server logic to listen to incoming messages, update the plan, and send up-
dates to other clients.
The finished application (
figure 4.6
)
won't look quite like the real-life example, but it will
feature of the main components. To simulate the experience of a bunch of people all stand-
ing around a real notice board, sipping their coffee, and arguing about where to put partic-
ular tasks, the chat application from
section 4.1
is provided in an iframe. All participants
will still have to provide their own coffee.
Figure 4.6. The finished planning application
The final file layout you'll create during the build is shown in
figure 4.7
.
