London | 25-ITP-September | Ammad Ur Rehman | Sprint 1 | 03 Complete Sprint 1 Coursework

.nova/Configuration.json

@@ -0,0 +1,3 @@
+{
+  "workspace.name" : "Module-Structuring-and-Testing-Data"
+}

Sprint-1/1-key-exercises/1-count.js

@@ -4,3 +4,6 @@ count = count + 1;
 
 // Line 1 is a variable declaration, creating the count variable with an initial value of 0
 // Describe what line 3 is doing, in particular focus on what = is doing
+
+// Line 3 is a reassignment of the variable `count` to its current value plus 1.
+// In other words, it increment by 1

Sprint-1/1-key-exercises/2-initials.js

@@ -6,6 +6,9 @@ let lastName = "Johnson";
 // This should produce the string "CKJ", but you must not write the characters C, K, or J in the code of your solution.
 
 let initials = ``;
+initials += firstName.charAt(0);
+initials += middleName.charAt(0);
+initials += lastName.charAt(0);
 
 // https://www.google.com/search?q=get+first+character+of+string+mdn
 

Sprint-1/1-key-exercises/3-paths.js

@@ -17,7 +17,10 @@ console.log(`The base part of ${filePath} is ${base}`);
 // Create a variable to store the dir part of the filePath variable
 // Create a variable to store the ext part of the variable
 
-const dir = ;
-const ext = ;
+const firstSlashIndex = filePath.indexOf("/");
+const lastDotIndex = filePath.lastIndexOf(".");
+
+const dir = filePath.slice(firstSlashIndex, lastSlashIndex)
+const ext = filePath.slice(lastDotIndex)
 
 // https://www.google.com/search?q=slice+mdn

Sprint-1/1-key-exercises/4-random.js

@@ -7,3 +7,9 @@ const num = Math.floor(Math.random() * (maximum - minimum + 1)) + minimum;
 // Try breaking down the expression and using documentation to explain what it means
 // It will help to think about the order in which expressions are evaluated
 // Try logging the value of num and running the program several times to build an idea of what the program is doing
+
+// num represents a random number in the interval [1,100]
+// First, it starts with 100 - 1 + 1, which is equals to 100
+// Secondly, it multiply with Math.random(), which the function returns any number in the interval [0,1)
+// Thirdly, Math.floor() rounds down and returns the largest integer less than or equal to a given number
+// Finally, it adds 1

Sprint-1/2-mandatory-errors/0.js

@@ -1,2 +1,4 @@
-This is just an instruction for the first activity - but it is just for human consumption
-We don't want the computer to run these 2 lines - how can we solve this problem?
+// This is just an instruction for the first activity - but it is just for human consumption
+// We don't want the computer to run these 2 lines - how can we solve this problem?
+
+// By commenting the lines

Sprint-1/2-mandatory-errors/1.js

@@ -1,4 +1,6 @@
 // trying to create an age variable and then reassign the value by 1
 
-const age = 33;
+let age = 33;
 age = age + 1;
+
+// You cannot mutate a constant so you need to change it to a variable where mutation is permitted

Sprint-1/2-mandatory-errors/2.js

@@ -1,5 +1,7 @@
 // Currently trying to print the string "I was born in Bolton" but it isn't working...
 // what's the error ?
 
-console.log(`I was born in ${cityOfBirth}`);
 const cityOfBirth = "Bolton";
+console.log(`I was born in ${cityOfBirth}`);
+
+// The order of the code matters, the constant needs to be defined first before it can be used

Sprint-1/2-mandatory-errors/3.js

@@ -1,9 +1,12 @@
 const cardNumber = 4533787178994213;
-const last4Digits = cardNumber.slice(-4);
+const last4Digits = `${cardNumber}`.slice(-4)
 
 // The last4Digits variable should store the last 4 digits of cardNumber
 // However, the code isn't working
 // Before running the code, make and explain a prediction about why the code won't work
 // Then run the code and see what error it gives.
 // Consider: Why does it give this error? Is this what I predicted? If not, what's different?
 // Then try updating the expression last4Digits is assigned to, in order to get the correct value
+
+// slice() function only work on String type and not on Number type.
+// So, convert the Number type into a String type in order to use slice() function

Sprint-1/2-mandatory-errors/4.js

@@ -1,2 +1,4 @@
-const 12HourClockTime = "20:53";
-const 24hourClockTime = "08:53";
+const _12HourClockTime = "20:53";
+const _24hourClockTime = "08:53";
+
+// Variables and constants name cannot begin with a number but can include number later on

Sprint-1/3-mandatory-interpret/1-percentage-change.js

@@ -2,7 +2,7 @@ let carPrice = "10,000";
 let priceAfterOneYear = "8,543";
 
 carPrice = Number(carPrice.replaceAll(",", ""));
-priceAfterOneYear = Number(priceAfterOneYear.replaceAll("," ""));
+priceAfterOneYear = Number(priceAfterOneYear.replaceAll(",", ""));
 
 const priceDifference = carPrice - priceAfterOneYear;
 const percentageChange = (priceDifference / carPrice) * 100;
@@ -12,11 +12,17 @@ console.log(`The percentage change is ${percentageChange}`);
 // Read the code and then answer the questions below
 
 // a) How many function calls are there in this file? Write down all the lines where a function call is made
+// 5 (2 × Number(), 2 × replaceAll(), 1 × log())
 
 // b) Run the code and identify the line where the error is coming from - why is this error occurring? How can you fix this problem?
+// It's missing a comma between the arguments at line 5 in replaceAll() method
 
 // c) Identify all the lines that are variable reassignment statements
+// Line 4, 5
 
 // d) Identify all the lines that are variable declarations
+// Line 1, 2
 
 // e) Describe what the expression Number(carPrice.replaceAll(",","")) is doing - what is the purpose of this expression?
+// Its purpose is to replace a substring with another string and then convert it into a number, in this case, replaces a command (",") with an empty string ("")
+// In other words, remove the comma (",") in the string and then convert it into a number

Sprint-1/3-mandatory-interpret/2-time-format.js

@@ -12,14 +12,20 @@ console.log(result);
 // For the piece of code above, read the code and then answer the following questions
 
 // a) How many variable declarations are there in this program?
+// 6
 
 // b) How many function calls are there?
+// 0
 
 // c) Using documentation, explain what the expression movieLength % 60 represents
 // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators
+// It's a remainder operator that returns a left over number from division
 
 // d) Interpret line 4, what does the expression assigned to totalMinutes mean?
+// The film remaining seconds subtract from the film duration and then divide by 60
 
 // e) What do you think the variable result represents? Can you think of a better name for this variable?
+// The film elapsed time, so the constant could be called `filmElapsedTime`
 
 // f) Try experimenting with different values of movieLength. Will this code work for all values of movieLength? Explain your answer
+// It seems to work for any number including 0, negative and decimal numbers

Sprint-1/3-mandatory-interpret/3-to-pounds.js

@@ -25,3 +25,11 @@ console.log(`£${pounds}.${pence}`);
 
 // To begin, we can start with
 // 1. const penceString = "399p": initialises a string variable with the value "399p"
+// 3. Declares a variable with the value of "399" by truncating the character `p`
+// 8. Declares a variable with the value of "399" by prefixing with three `0`
+// but does not actually do that because the length of the string is 3 and prefixing three `0` exceeds the length 
+// 9. Declares a variable by extracting the 3 pounds from the currency
+// by using the substring method starting from the beginning of the string and going up by 1 unit
+// 10. Declares a variable by extracting the pence from the currency
+// by using the substring method starting from the end of the string and then add 2 `0` but does not do that because it exceeds the length of the string
+// 18. Prints the currency by using the pounds variable prefixed with pound sign (£) and the pence variable which are separated with the . character

Sprint-1/4-stretch-explore/chrome.md

@@ -12,7 +12,20 @@ invoke the function `alert` with an input string of `"Hello world!"`;
 
 What effect does calling the `alert` function have?
 
+It displays an alert saying:
+
+chrome://new-tab-page says
+
+Hello world!
+
 Now try invoking the function `prompt` with a string input of `"What is your name?"` - store the return value of your call to `prompt` in an variable called `myName`.
 
 What effect does calling the `prompt` function have?
+
+It displays an alert with a textfield where you can enter some text, e.g. John.
+
 What is the return value of `prompt`?
+
+If the user has entered text, the return value is a string containing the entered text.
+If the user leaves the text field blank and clicks the OK button, the return value is an empty string.
+If the user enters a name or leaves the text field blank but clicks the Cancel button, the return value is null.

Sprint-1/4-stretch-explore/objects.md

@@ -6,11 +6,47 @@ Open the Chrome devtools Console, type in `console.log` and then hit enter
 
 What output do you get?
 
+ƒ log() { [native code] }
+
 Now enter just `console` in the Console, what output do you get back?
 
+console {debug: ƒ, error: ƒ, info: ƒ, log: ƒ, warn: ƒ, …}
+assert: ƒ assert()
+clear: ƒ clear()
+context: ƒ context()
+count: ƒ count()
+countReset: ƒ countReset()
+createTask: ƒ createTask()
+debug: ƒ debug()
+dir: ƒ dir()
+dirxml: ƒ dirxml()
+error: ƒ error()
+group: ƒ group()
+groupCollapsed: ƒ groupCollapsed()
+groupEnd: ƒ groupEnd()
+info: ƒ info()
+log: ƒ log()
+memory: MemoryInfo {totalJSHeapSize: 10000000, usedJSHeapSize: 10000000, jsHeapSizeLimit: 3760000000}
+profile: ƒ profile()
+profileEnd: ƒ profileEnd()
+table: ƒ table()
+time: ƒ time()
+timeEnd: ƒ timeEnd()
+timeLog: ƒ timeLog()
+timeStamp: ƒ timeStamp()
+trace: ƒ trace()
+warn: ƒ warn()
+Symbol(Symbol.toStringTag): "console"
+[[Prototype]]: Object
+
 Try also entering `typeof console`
 
 Answer the following questions:
 
 What does `console` store?
+
+It's an object type.
+
 What does the syntax `console.log` or `console.assert` mean? In particular, what does the `.` mean?
+
+The console is an object and log and assert are method. The dot (.) notation means that you are accessing an instance property or method that belongs to the object