3 – The Dynamic Model - Client-side Programming

Objective

• Static vs dynamic Web
• Client-side programming
  • The JavaScript language
  • AJAX
• Exercises

Theory

• Towards the dynamic web 
• JavaScript 
  • See also W3C Web Design and Applications - Scripting and Ajax and the JavaScript tutorial here
• AJAX 
  • See also W3C Web Design and Applications - Scripting and Ajax and the Ajax tutorial here
• The PDF files were prepared by Prof. Enrico Lodolo

Exercises

• Exercise 1: Build the html page with JavaScript shown here, calculating sums
  • Solution
• Exercise 2: Build the html page with JavaScript shown here, calculating the lifetime
  • Solution
• Exercise 3: Build the html page with JavaScript shown here, implementing a calculator
  • Solution
• Exercise 4: Build the html page with JavaScript shown here, validating a form\
  • Solution See the JavaScript examples here
• Exercise 5: Analyse and deploy this AJAX application
  • See the AJAX examples here