ProfBurnett.com

ITI 228 JavaScript Programming - Session V

Session Outline:

  • Applications
  • •  Application 1 - A Simple Game
  • •  Application 2 - Form Validation

Class Presentations

Student Exercise

Student Exercise 1 - Download Starter Site Exercise Files

  • 2. Students will download the Starter Site exercise files located at the following link -
    Starter Site Exercise Files
  • 3. Students will unzip Starter Site Exercise Files to desktop.
  • 4. Students will copy unzipped exercise files from the Desktop to thier directory on the GBTC shared drive. This shared drive serves as the development folder for your exercises.

Student Exercise 2 - Setup Dreamweaver Environment

  • 1. Students will setup Adobe Dreamweaver development environment for local and online live JavaScript Exercises.
  • 2. Students will synchronize their files in the development site with their remote live website using Dreamweaver FTP protocols.
  • 3. Students will preview the Starter Site Exercise Files in a browser.
  • 4. Students will ensure Starter site is correctly setup.

Student Exercise 3 - Application 1 - A Simple Game (Demo)

  • 1. Students will complete the Tutorial Game Quiz starting on page 108 in the JavaScript/jQuery textbook.
  • 2. Students will synchronize their files in the development site with their remote live website using Dreamweaver FTP protocols.
  • 3. Students will preview the Game Quiz in a browser.
  • 4. Students will ensure Game Quiz is correctly setup and working properly.
  • 5. Students should use the Game Quiz in the Finished Live Site on the MCC Web4Student course website as a guide.

Student Exercise 4 - Application 2 - A Simple Game (Your Game)

  • 1. Students will develop thier own Game Quiz using the Tutorial Quiz as a template.
  • 2. Students will synchronize their files in the development site with their remote live website using Dreamweaver FTP protocols.
  • 3. Students will preview the Game Quiz in a browser.
  • 4. Students will ensure Game Quiz is correctly setup and working properly.
  • 5. Students should use the Game of Thrones Quiz in the Finished Live Site on the MCC Web4Student course website as a guide.

Student Exercise 5 - Application 3 - Form Validation

  • 1. Students will complete the Tutorial Form Validation exercise starting on page 291 in the JavaScript/jQuery Textbook.
  • 2. Students will synchronize their files in the development site with their remote live website using Dreamweaver FTP protocols.
  • 3. Students will preview the Form in a browser.
  • 4. Students will ensure the Form is correctly setup and working properly.
  • 5. Students should use the Form in the Finished Live Site on the MCC Web4Student course website as a guide.

Session 5 Support Links

Wiklipedia

Mozilla Developer Network

JavaScript Source

Codecademy

W3C Schools Training