Module 4: JavaScript

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.

Assignments

Codecademy – Week 13 (04/17/2017)

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).


Codecademy Achievements Codecademy RPS

W3Schools – Week 14 (04/24/2017)

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).


W3Schools JS Quiz Results