The following files exists in this folder. Click to view.
lab1.php1 lines UTF-8 Unix (LF) <?php
/**
* Titel and introduction to the lab.
*/
$firstWord = "JavaScript";
$secondWord = "rocks!";
$numberOne = 10; // 20-999
$numberTwo = 6; // 20-999
$numberThree = 56; // 20-999
$numberFour = 348; // 110 - 450
$floatOne = 12.55; // 100-999
$floatTwo = 5.22; // 100-999
$lowNr = 15; // 0 - 100
$highNr = 625; // 500 - 999
$smallNr = 2; // 1-5
$smallRandNr = 3; // 0-9
$caseNrs = [1, 2, 3, 4, 5];
$smallestRandNr = 1; // 0-2
$aYear = 2014;
$aMonth = 'Aug';
$aDay = 5;
$aDate = "$aMonth $aDay, $aYear";
$serie1 = [347, -221, 54, 435]; // 100-999
$wordSerie1 = ['bulldog', 'rabbit', 'chicken', 'mouse', 'horse', 'camel', 'crocodile', 'werewolf', 'reindeer', 'elephant'];
$wordSerie2 = ['guitar', 'violin', 'drums'];
$sentenceSerie1 = ['I am in a glass case of emotion', 'If peeing your pants is cool, consider me Miles Davis', 'Do you want to hear the most annoying sound in the world?', 'Thank you very little', 'Tigers love pepper, they hate cinnamon.', 'I wake up in the morning and I piss excellence', 'I think most Scottish cuisine is based on a dare', 'I do not know, I mostly just hurt people.', 'I aim to misbehave.', ' I wish monkeys could Skype'];
$someIntText = $numberOne . ".$numberTwo " . $wordSerie1[$smallRandNr];
return [
/**
* Titel and introduction to the lab.
*/
"title" => "Lab 1 - javascript1",
"intro" => "
<p>If you need to peek at examples or just want to know more, take a look at the references at MDN's (Mozilla Developers Network) page: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference. Here you will find everything this lab will go through and much more.
</p>
",
"sections" => [
/** ===================================================================================
* New section of exercises.
*/
[
"title" => "Integers, floats and variables",
"intro" => "
<p>The foundation of variables, numbers, strings and basic arithmetic.</p>
",
"shuffle" => false,
"questions" => [
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => '
<p>Create a variable called "numberOne" and give it the value ' . $numberOne . '. Create another variable called "numberTwo" and give it the value ' . $numberTwo . '. Create a third variable called "result" and assign to it the sum of the first two variables. Answer with the result.</p>
',
"answer" => function () use ($numberOne, $numberTwo) {
$sum = $numberOne + $numberTwo;
return $sum;
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => '
<p>Use your two variables, "numberOne" and "numberTwo". Assign to them the values ' . $numberOne . ' and ' . $numberTwo . '.Create one more, called "numberThree" and give it the value: '. $numberThree . '. Use your variable "result" and assign to it the sum of all three variables. Answer with the result.
</p>
',
"answer" => function () use ($numberOne, $numberTwo, $numberThree) {
$sum = $numberOne + $numberTwo + $numberThree;
return $sum;
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => '
<p>Use your variables "numberOne" and "numberTwo" and answer with the product of the numbers in your "result"-variable.
</p>
',
"answer" => function () use ($numberOne, $numberTwo) {
$sum = $numberOne * $numberTwo;
return $sum;
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => '
<p>Use your variables "numberOne", "numberTwo" and "numberThree". Subtract "numberThree" from the product of the other two variables. Answer with your "result"-variable.
</p>
',
"answer" => function () use ($numberOne, $numberTwo, $numberThree) {
$sum = ($numberOne * $numberTwo) - $numberThree;
return $sum;
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => '
<p>Create two variables, "floatOne" and "floatTwo". Give them the values: ' . $floatOne . ' and ' . $floatTwo . '. Use your "result"-variable and assign to it the sum of the float numbers. Answer with the result.
</p>
',
"answer" => function () use ($floatOne, $floatTwo) {
$sum = $floatOne + $floatTwo;
return $sum;
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => '
<p>Use your variables "floatOne" and "numberOne". Answer with the product of them in your "result"-variable.
</p>
',
"answer" => function () use ($floatOne, $numberOne) {
$sum = $floatOne * $numberOne;
return $sum;
},
],
/**
* Closing up this section.
*/
], // EOF questions
], // EOF section
/** ===================================================================================
* New section of exercises.
*/
[
"title" => "Built-in Number-methods and functions",
"intro" => "
<p>If you need a hint, take a look at: <br> https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number
</p>
",
"shuffle" => false,
"questions" => [
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => '
<p>Create a variable "someIntText" and give it a value of "' . $someIntText . '". Use the built-in method "parseInt" to find out the integer representation of the text. Answer with your "result"-variable.
</p>
',
"answer" => function () use ($someIntText) {
return (int)$someIntText;
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => '
<p>Use your variable "someIntText". Use the built-in method "parseFloat" to find out the float representation of the text. Answer with your "result"-variable.
</p>
',
"answer" => function () use ($someIntText) {
return (float)$someIntText;
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => '
<p>Use your variable "someIntText". Use the built-in method "isInteger" to find out if it is a number. Assign the result to your "result"-variable and put it in your answer. The variable-type in your answer should be a boolean.
</p>
',
"answer" => function () use ($someIntText) {
$result = false;
if(is_int($someIntText)) {
$result = true;
}
return $result;
},
],
/**
* Closing up this section.
*/
], // EOF questions
], // EOF section
/** ===================================================================================
* New section of exercises.
*/
[
"title" => "Builtin Math-methods and functions",
"intro" => "
<p>If you need a hint, take a look at: <br>
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math
</p>
",
"shuffle" => false,
"questions" => [
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => "
<p>Use the built-in method 'max' to find out the highest number in the serie: " . implode(', ', $serie1) . ". Answer with your 'result'-variable.
</p>
",
"answer" => function () use ($serie1) {
return max($serie1);
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => "
<p>Use the built-in method 'min' to find out the lowest number in the serie: " . implode(', ', $serie1) . ". Answer with your 'result'-variable.
</p>
",
"answer" => function () use ($serie1) {
return min($serie1);
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => "
<p>Use the built-in method 'round' to round the float number: " . $floatTwo . " to the closest integer. Answer with your 'result'-variable.
</p>
",
"answer" => function () use ($floatTwo) {
return round($floatTwo);
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => '
<p>Use your two variables "numberOne" and "numberTwo". Find out the quotient of them and use the built-in method "floor" to get only the integer value. Use your "result"-variable in your answer.
</p>
',
"answer" => function () use ($numberOne, $numberTwo) {
$sum = $numberOne / $numberTwo;
return floor($sum);
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => "
<p>Use the built-in method 'PI' to get the float value of 'Pi'. Round the result to 4 decimals. If you get stuck, then you can google how to round to a certain amount of decimals. Answer with your 'result'-variable.
</p>
",
"answer" => function () {
return round(pi(), 4);
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => "
<p>Use the built-in method 'pow' to find the power of (base) " . $numberOne . " and (exponent) " . $smallNr . ". Answer with the result.
</p>
",
"answer" => function () use ($numberOne, $smallNr) {
return pow($numberOne, $smallNr);
},
],
/**
* Closing up this section.
*/
], // EOF questions
], // EOF section
/** ===================================================================================
* New section of exercises.
*/
[
"title" => "Strings and variables",
"intro" => "
<p>Grunderna i variabler, siffror, strängar, basic arithmetic + - / *.</p>
",
"shuffle" => false,
"questions" => [
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => '
<p>Create a variable, named "firstWord", that holds the word "' . $firstWord . '". Create a second variable, named "secondWord", that holds the word "' . $secondWord . '". Create a third variable, named "bothWords", and put together firstWord and secondWord with a space between. Answer with the variable "bothWords".
</p>
',
"answer" => function () use ($firstWord, $secondWord) {
$bothWords = $firstWord . " " . $secondWord;
return $bothWords;
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => "
<p>Create a variable called 'wordOne' and assign to it: '" . $wordSerie1[$smallRandNr] . "'. Add your variable called 'numberTwo' to the word and answer with the result in your 'result'-variable.
</p>
",
"answer" => function () use ($wordSerie1, $smallRandNr, $numberTwo) {
$sum = $wordSerie1[$smallRandNr] . $numberTwo;
return $sum;
},
],
/**
* Closing up this section.
*/
], // EOF questions
], // EOF section
/** ===================================================================================
* New section of exercises.
*/
[
"title" => "Built-in String-methods, functions and properties",
"intro" => "
<p>If you need a hint, take a look at: <br>
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String
</p>
",
"shuffle" => false,
"questions" => [
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => "
<p>Use 'charAt' on a string to return the character at a given index. Use your 'wordOne' (" . $wordSerie1[$smallRandNr] . ") and answer with the character at index: " . ($smallNr-1) . ".
</p>
",
"answer" => function () use ($wordSerie1, $smallRandNr, $smallNr) {
$result = $wordSerie1[$smallRandNr]{$smallNr-1};
return $result;
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => "
<p>Use 'toUpperCase' to transform the string: '" . $sentenceSerie1[$smallRandNr] . "' to uppercase. Answer with the result.
</p>
",
"answer" => function () use ($sentenceSerie1, $smallRandNr) {
$result = strtoupper($sentenceSerie1[$smallRandNr]);
return $result;
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => "
<p>Use 'length' to find out the length of the string: '" . $wordSerie1[$smallRandNr] . "'. Answer with the result.
</p>
",
"answer" => function () use ($wordSerie1, $smallRandNr) {
$result = strlen($wordSerie1[$smallRandNr]);
return $result;
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => "
<p>Use 'substr' to extract the last three characters of the word: '" . $wordSerie1[$smallRandNr] . "'. Answer with the result.
</p>
",
"answer" => function () use ($wordSerie1, $smallRandNr) {
$result = substr($wordSerie1[$smallRandNr], (strlen($wordSerie1[$smallRandNr])-3));
return $result;
},
],
/**
* Closing up this section.
*/
], // EOF questions
], // EOF section
/** ===================================================================================
* New section of exercises.
*/
[
"title" => "Built-in Date-methods and functions",
"intro" => "
<p>If you need a hint, take a look at: <br>
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date
</p>
",
"shuffle" => false,
"questions" => [
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => "
<p>Create a Date object called 'myDate' and initiate it with: '" . $aDate . "'. Use the built-in function Date.getFullYear to get the year from your Date object. Answer with the result.
</p>
",
"answer" => function () use ($aYear) {
return $aYear;
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => "
<p>Create a new Date object that is equal to 'myDate' plus 30 days. Use Date.getDate and answer with the day of the month. If the date is below 10, then add a '0' (zero) before the number.
</p>
",
"answer" => function () use ($aDate) {
$myDate = new DateTime($aDate);
$interval = new DateInterval("P30D");
$myDate->add($interval);
return $myDate->format('d');
},
],
/**
* Closing up this section.
*/
], // EOF questions
], // EOF section
/** ===================================================================================
* New section of exercises.
*/
[
"title" => "If, else if and else",
"intro" => "
<p>If you need a hint, take a look at: <br>
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else
</p>
",
"shuffle" => false,
"questions" => [
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => "
<p>Use if else statements to answer 'yes' if " . $numberOne . " is larger than " . $numberTwo . ", else answer 'no'.
</p>
",
"answer" => function () use ($numberOne, $numberTwo) {
return $numberOne > $numberTwo ? "yes" : "no";
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => '
<p>Compare the number ' . $numberOne . ' and a string that holds the same value ("' . $numberOne . '"). Use three equals (strict equal) when comparing. Use if else statements to answer "yes" if they are equal, else answer "no".
</p>
',
"answer" => function () use ($numberOne) {
return $numberOne === strval($numberOne) ? "yes" : "no";
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => '
<p>Use if else statements to answer "yes" if ' . $numberOne . ' is higher than ' . $smallNr . '. If the numbers are equal answer "equal". Else answer "no".
</p>
',
"answer" => function () use ($numberOne, $smallNr) {
$result = '';
if($numberOne > $smallNr) {
$result = 'yes';
}
else if($numberOne === $smallNr) {
$result = 'equal';
}
else {
$result = 'no';
}
return $result;
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => '
<p>Use if else statements to answer "yes" if ' . $numberFour . ' is higher than ' . $highNr . ' OR lower than ' . $lowNr . '. Else answer "no".
</p>
',
"answer" => function () use ($numberFour, $lowNr, $highNr) {
$result = '';
if($numberFour < $lowNr || $numberFour > $highNr) {
$result = 'yes';
}
else {
$result = 'no';
}
return $result;
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => '
<p>Use if else statements to answer "true" if ' . $numberOne . ', are less than or equal to ' . $numberTwo . '. Else answer "false". Answer with the result as a boolean.
</p>
',
"answer" => function () use ($numberOne, $numberTwo) {
$result = false;
if($numberOne <= $numberTwo) {
$result = true;
}
return $result;
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => "
<p>Use if else statements to see if " . $numberOne . " is 'higher', 'lower' or 'equal' to " . $numberThree . ". Answer with the result as a string (higher, lower or equal).
</p>
",
"answer" => function () use ($numberOne, $numberThree) {
$result = '';
if($numberOne > $numberThree) {
$result = 'higher';
}
else if($numberOne < $numberThree) {
$result = 'lower';
}
else {
$result = 'equal';
}
return $result;
},
],
/**
* Closing up this section.
*/
], // EOF questions
], // EOF section
/** ===================================================================================
* New section of exercises.
*/
[
"title" => "Switch, case",
"intro" => "
<p>If you need a hint, take a look at: <br>
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/switch
</p>
",
"shuffle" => false,
"questions" => [
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => "
<p>Pass the number " . $smallNr . " to a switch case statement with the cases: " . implode(',', $caseNrs) . ". Return a variable with the initial value of " . $highNr . ". Add your number to it and answer with the result.
</p>
",
"answer" => function () use ($smallNr, $caseNrs, $highNr) {
$result = $highNr;
switch ($smallNr) {
case (1) :
$result += 1;
break;
case (2) :
$result += 2;
break;
case (3) :
$result += 3;
break;
case (4) :
$result += 4;
break;
case (5) :
$result += 5;
break;
default: $result = $highNr;
}
return $result;
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => "
<p>Build a switch case statement with the cases: " . implode(',', $wordSerie2) . ". Answer with a string, like: 'My favorite instrument is (your word)'. Use the word: '" . $wordSerie2[$smallestRandNr] . "'. If you try with an instrument that you do not have in your cases you should answer 'I dont like music.'.
</p>
",
"answer" => function () use ($wordSerie2, $smallestRandNr) {
$result = 'My favorite instrument is ';
switch ($wordSerie2[$smallestRandNr]) {
case ('guitar') :
$result .= 'guitar';
break;
case ('violin') :
$result .= 'violin';
break;
case ('drums') :
$result .= 'drums';
break;
default: $result = 'I dont like music.';
}
return $result;
},
],
/**
* Closing up this section.
*/
], // EOF questions
], // EOF section
/** ===================================================================================
* New section of exercises.
*/
[
"title" => "For loops",
"intro" => "
<p>If you need a hint, take a look at: <br>
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for
</p>
",
"shuffle" => false,
"questions" => [
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => '
<p>Use a for loop to increment ' . $numberTwo . ' with the value ' . $smallNr . ', 10 times. Answer with the result.
</p>
',
"answer" => function () use ($numberTwo, $smallNr) {
$result = $numberTwo;
for($i = 0; $i < 10; $i++) {
$result += $smallNr;
}
return $result;
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => '
<p>Use a for loop to subtract ' . $smallNr . ' from ' . $numberOne . ', 10 times. Answer with the result.
</p>
',
"answer" => function () use ($numberOne, $smallNr) {
$result = $numberOne;
for($i = 0; $i < 10; $i++) {
$result -= $smallNr;
}
return $result;
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => '
<p>Use a for loop to add all the values in the range -' . $numberOne . ' to ' . $numberOne . ' to a string. Answer with the result separated by comma (,).
</p>
',
"answer" => function () use ($numberOne) {
$result = '';
for($i = $numberOne * -1; $i <= $numberOne; $i++) {
$result .= $i . ',';
}
return $result;
},
],
/**
* Closing up this section.
*/
], // EOF questions
], // EOF section
/** ===================================================================================
* New section of exercises.
*/
[
"title" => "While loops",
"intro" => "
<p>If you need a hint, take a look at: <br>
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/while
</p>
",
"shuffle" => false,
"questions" => [
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => '
<p>Use a while loop to increment ' . $lowNr . ' with the value ' . $smallNr . ' until ' . $lowNr . ' has reached or passed 1000. Answer with the amount of steps needed.
</p>',
"answer" => function () use ($lowNr, $smallNr) {
$result = 0;
$countThis = $lowNr;
while($countThis <= 1000) {
$result += 1;
$countThis += $smallNr;
}
return $result;
},
],
/** -----------------------------------------------------------------------------------
* A question.
*/
[
"text" => '
<p>Use a while loop to subtract ' . ($smallNr+1). ' from ' . $highNr . ' until ' . $highNr . ' has reached or passed 0. Answer with the amount of steps needed.
</p>
',
"answer" => function () use ($smallNr, $highNr) {
$result = 0;
$countThis = $highNr;
while($countThis >= 0) {
$result += 1;
$countThis -= ($smallNr+1);
}
return $result;
},
],
/**
* Closing up this section.
*/
], // EOF questions
], // EOF section
/** -----------------------------------------------------------------------------------
* Closing up all sections.
*/
] // EOF sections
/**
* Closing up this lab.
*/
]; // EOF the enritre lab