The fourth and final module of CIS 2336 departs from the server-side technologies explored in the second and third modules, returning the focus of the course to client-side technologies. An introductory look into JavaScript, an object-oriented scripting language, reveals the possibilities of using client-side scripting with HTML pages to allow manipulation of web page behavior and also further interactivity with end-users. Web tutorials are the exclusive teaching tools used.
The tutorials on Codecademy were effective in acquainting me with the basics of JavaScript, such as using mathematical operators; writing comments; using conditional statements; creating and using variables; and creating and using functions. Many aspects of it seemed like a review because of the similiarities in syntax between JavaScript and PHP.
By using methods like prompt and confirm, web pages allow a certain degree of interactivity with end-users by taking their inputs, manipulating them in some way, and outputting meaningful results. This was most evident in the final lesson, in which I created a rock-paper-scissors game that pits a user against the computer. The user is able to type in the hand he wishes to play, which is then evaluated against a randomly generated hand by the computer. Although simple, the example shows the possibilities of using JavaScript to boost web page interactivity.
Below are the Codecademy achievement badges I earned for completing the tutorials, as well as a screenshot of the rock-paper-scissors game (click thumbnail to view full size image).
The W3Schools tutorial reinforced the ideas introduced in the Codecademy lessons and also taught me some new functionalities of JavaScript, like providing end-users with a way to transform HTML elements of a web page (e.g., with a button). One particularly useful aspect of W3Schools' approach to teaching JavaScript was showing the complete HTML source of a sample page, which allowed me to have a better understanding of the way JavaScript integrates with HTML code.
Below is the result from the W3Schools quiz, which demonstrates that I possess basic knowledge of JavaScript (click thumbnails to view full size images).