Session #1 Hello, Programming

Introduction

1. Lecture: what is programming?
2. Sign up for class on edulynk.
3. JavaScript demos: - Hamster Dance Revolution - Fish GL - Levitation

Hands on: Explore Chrome Experiments, and find some interesting games or other projects to share with class.

Chrome Dev Tools

1. Demo of using Chrome Dev Tools to modify a web page, changing styles and content through the elements panel.
2. Demo of using the network panel to inspect HTTP requests and responses.

First JavaScript program

1. Demo of creating a simple HTML page and adding a linked JavaScript file
2. Discussion of prompt() and alert() for user input/output.
3. Demo of console.log() for printing to the Dev Tools console.
4. Discussion of the var keyword for defining variables in JavaScript.
5. Demo of debugging code with the sources panel in Chrome Dev Tools.

Hands on: try writing a script to ask users for their name, and alert a clever response.