Merge pull request #82 from Birkbeck2/loops-objects-files

Add package.json file in starter files for objects

workshops/objects/index.md

@@ -2,10 +2,13 @@
 
 ## Part 1: Practical
 
-The practical part of today’s workshop is contained in two files,
-“shapes.js” and “extraColors.js”. Download both files or copy-paste into
-your own versions to get started. Then follow the instructions in
-“shapes.js”.
+The practical part of today’s workshop is mostly in one file, “shapes.js”.
+Download it to get started.
+
+There are some optional steps at the end that also require two other files:
+“extraColors.js” and “package.json”. Download both files or
+copy-paste into your own versions to get started. Then follow the
+instructions in “shapes.js”.
 
 [Download shapes.js](https://github.com/Birkbeck2/web-development/blob/main/workshops/objects/starter-files/shapes.js)
 
@@ -15,6 +18,10 @@ your own versions to get started. Then follow the instructions in
 
 <<< @/workshops/objects/starter-files/extraColors.js{js}
 
+[Download package.json](https://github.com/Birkbeck2/web-development/blob/main/workshops/objects/starter-files/package.json)
+
+<<< @/workshops/objects/starter-files/package.json{json}
+
 ## Part 2: Creative
 
 Choose one of the three options below.

workshops/objects/starter-files/package.json

@@ -0,0 +1,3 @@
+{
+ "type": "module"
+}

workshops/objects/starter-files/shapes.js

@@ -54,21 +54,16 @@
 // 11b. OPTIONAL
 // The next two steps involve exporting and importing with a pattern from ES
 // modules. We did not cover all the steps in class, so they are optional.
-// Create a file called 'package.json' and paste in this code (without the
-// forward slashes.)
-//
-// {
-// "type": "module"
-// }
-//
-// Here is a one minute video explanation:
+// Make sure you've downloaded the file package.json and saved it in the same
+// folder as this one.
+// Here is a one minute video demo of "type":"module" in package.json:
 // https://www.youtube.com/watch?v=I4gR-1qMjk0
 
 // 12. OPTIONAL
-// Make sure you've downloaded the file extraColors.js and saved it in the same
-// folder as this one. Modify the line where the pinkAndYellow object is
-// defined, so that it is exported. Then import it below, in this file, and log
-// it to the console.
+// Make sure you've downloaded the file extraColors.js and saved
+// it in the same folder as this one. Modify the line where the pinkAndYellow
+// object is defined, so that it is exported. Then import it below, in this
+// file, and log it to the console.
 
 
 // 13. OPTIONAL