Module 4 - Revision history

Todd: /* Connect Four Debugging Exercise */

2026-10-04T20:23:57Z

Connect Four Debugging Exercise

2026-10-04T20:21:29Z

Connect Four Debugging Exercise

2026-06-29T23:13:39Z

Connect Four Debugging Exercise

2026-06-29T20:20:32Z

Weather Widget

2026-06-29T15:09:22Z

Weather Widget

2026-02-15T16:21:34Z

2026-02-15T16:20:38Z

Connect Four Debugging Exercise

2026-02-15T16:12:35Z

Individual Assignments

2026-02-13T16:25:33Z

Grading

2026-02-13T15:34:00Z

Grading

@@ Line 166: / Line 166: @@
 A video of the working Connect Four app can be found
-[https://wustl.box.com/shared/static/e3t8layy3vqp4wm75dcxn9yyip9dsbdp.mp4 here]
+[https://wustl.app.box.com/s/e3t8layy3vqp4wm75dcxn9yyip9dsbdp here]
 Documentation to include in your repository:

@@ Line 166: / Line 166: @@
 A video of the working Connect Four app can be found
-[https://wustl.box.com/s/4u4h0rx9z7umrunmgdv0fq73rhhz8p99 here]
+[https://wustl.box.com/shared/static/e3t8layy3vqp4wm75dcxn9yyip9dsbdp.mp4 here]
 Documentation to include in your repository:

@@ Line 165: / Line 165: @@
 ** A draw (full-board) is detected correctly
-A video of the working Connect Four app can be found [https://wustl.box.com/s/jjafn5x0ffcjki8irfni1ko1e4jickqh here]
+A video of the working Connect Four app can be found
 Documentation to include in your repository:

@@ Line 61: / Line 61: @@
 # Inside your '''fetchWeather()''' function, make an AJAX request to the weather server.
 #: We have a server that outputs the current weather in JSON format.  The format is documented in the [[#JSON Structure]] section below.
-#: '''URL:''' http://ec2-100-52-167-82.compute-1.amazonaws.com/weather_json.php
 #* '''IMPORTANT:''' Under normal circumstances, AJAX requests ''cannot'' be performed cross-domain for security reasons.  We have set the <code>Access-Control-Allow-Origin</code> header on our server to allow requests from your EC2 instances, or from localhost.  '''You will therefore need to upload your code to your EC2, or access it via localhost, in order for the AJAX requests to work.'''  This means that you cannot, for example, complete this part of the individual portion in JSFiddle.
 # In your callback, process the JSON and use JavaScript to manipulate the HTML DOM to display the following information on your page:

@@ Line 61: / Line 61: @@
 # Inside your '''fetchWeather()''' function, make an AJAX request to the weather server.
 #: We have a server that outputs the current weather in JSON format.  The format is documented in the [[#JSON Structure]] section below.
-#: '''URL:''' https://classes.engineering.wustl.edu/cse330/content/weather_json.php
+#: '''URL:''' http://ec2-100-52-167-82.compute-1.amazonaws.com/weather_json.php
 #* '''IMPORTANT:''' Under normal circumstances, AJAX requests ''cannot'' be performed cross-domain for security reasons.  We have set the <code>Access-Control-Allow-Origin</code> header on our server to allow requests from your EC2 instances, or from localhost.  '''You will therefore need to upload your code to your EC2, or access it via localhost, in order for the AJAX requests to work.'''  This means that you cannot, for example, complete this part of the individual portion in JSFiddle.
 # In your callback, process the JSON and use JavaScript to manipulate the HTML DOM to display the following information on your page:
@@ Line 147: / Line 147: @@
 Replace the '''##''' with the forecast code.  For example, for code 32, the URL would be: http://us.yimg.com/i/us/nws/weather/gr/32ds.png
 === Connect Four Debugging Exercise ===

← Older revision		Revision as of 16:21, 15 February 2026
Line 1:		Line 1:
	__NOTOC__		__NOTOC__
−
−	~~<span style="font-size:1.3em; line-height:1.2em; color:red;">~~
−	~~'''This module is under development for Spring 2026. Do not begin this assignment until this notice is removed.''' </span>~~

	In Module 4, you will learn JavaScript, the dominant client-side web language. JavaScript is the second programming language you will learn in CSE 3300.		In Module 4, you will learn JavaScript, the dominant client-side web language. JavaScript is the second programming language you will learn in CSE 3300.

@@ Line 154: / Line 154: @@
 === Connect Four Debugging Exercise ===
-As a short debugging exercise for Module 4, you will be given a broken Connect Four implementation (located in the repository as `connect4.js`). Your goals are:
+As a short debugging exercise for Module 4, you will be given a broken Connect Four implementation (located in the repository and named `connect4`). You may also download the files [https://research.engineering.wustl.edu/~todd/cse3300-wiki/connect4/ here].
 * Run the provided program and observe failures or incorrect behavior.
@@ Line 166: / Line 168: @@
 ** A draw (full-board) is detected correctly
 Documentation to include in your repository:

@@ Line 31: / Line 31: @@
 == Individual Assignments ==
-'''''IMPORTANT:'' Both of the individual assignments must be completed ''without'' using a JavaScript library like jQuery.'''  However, you may use jQuery for the group portion.
+'''''IMPORTANT:'' The individual assignments must be completed ''without'' using a JavaScript library like jQuery.'''  However, you may use jQuery for the group portion.
 === JavaScript Calculator ===

@@ Line 290: / Line 290: @@
 #* Widget is written entirely in pure, conventional JavaScript with no external libraries (5 points)*
 # '''Connect Four Debugging Exercise (15 Points):'''
-#* Identify and explain real bugs in the provided `connect4.js` (5 points)
+#* Identify and explain bugs in the provided `connect4.js` (5 points)
-#** For each bug include location (function/lines), description of the symptom, and the root cause.
+#** For each bug, include location (function/lines), description of the symptom, and the root cause.
 #* Correct the program so it reliably detects wins and draws and handles invalid input (5 points)
 #* Completion of the AI Reflections for the individual portion of the assignment following the AI Best Practices (5 points)