You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
166 lines
4.4 KiB
166 lines
4.4 KiB
|
|
|
|
# WDI-PANTHALASSA
|
|
|
|
---
|
|
Title: Javascript Homework for w01d04 <br>
|
|
Type: Homework<br>
|
|
Duration: "2:00"<br>
|
|
Creator:<br>
|
|
Original creators: WDI-BLT, WDI-Meeskeeks<br>
|
|
Adapted by: Kristyn Bryan<br>
|
|
Course: WDIr Panthalassa<br>
|
|
Competencies: Javascript<br>
|
|
Prerequisites: Basic Javascript<br>
|
|
|
|
---
|
|
# Homework - Javascript Basics
|
|
|
|
|
|
|
|
## Setup
|
|
|
|
Make a file inside your `homework` folder for w01d04 called `app.js`. Write all of your javascript answers in `app.js`, and test them in the bash console using the command `node app.js` from inside the `homework` folder.
|
|
|
|
Any non-javascript written answers can be made into a comment in your .js file by putting a pound # at the beginning of the line. Or, if you write a comment, you can select the blocks of text and comment them out with this shortcut `command` + `/`.
|
|
|
|
|
|
## Conceptual Questions
|
|
|
|
1. How do we assign a value to a variable?
|
|
2. How do we change the value of a variable?
|
|
3. How do we assign an existing variable to a new variable?
|
|
4. How do we use a variable within an expression?
|
|
|
|
**Commit 1** <br>
|
|
<hr>
|
|
The commit message should read: <br>
|
|
"Answered JS basic conceptual questions"
|
|
<hr>
|
|
|
|
## Exercises
|
|
|
|
1. Create a variable called `firstVariable`.
|
|
- assign it the value of a string => `"Hello World"`
|
|
- change the value of this variable to a number.
|
|
- store the value of `firstVariable` into a new variable called `secondVariable`
|
|
- change the value of `secondVariable` to a string.
|
|
- What is the value of `firstVariable`?
|
|
|
|
2. Create a variable called `yourName` and set it equal to your name as a string.
|
|
- Write an expression that takes the string "Hello, my name is " and the variable `yourName` so that it returns a new string with them concatenated.
|
|
*(ex: "Hello, my name is Jean Valjean")*
|
|
|
|
**Commit 2** <br>
|
|
<hr>
|
|
The commit message should read: <br>
|
|
"Completed JS basic exercises"
|
|
<hr>
|
|
|
|
...
|
|
|
|
|
|
# Javascript Data Types (Primitives)
|
|
|
|
## Conceptual Questions
|
|
|
|
1. Name 4 different built in data types (primitives) in Javascript.
|
|
2. What is the difference between an integer and a float?
|
|
4. How do you create an empty array and store it in a variable?
|
|
|
|
**Commit 3** <br>
|
|
<hr>
|
|
The commit message should read: <br>
|
|
"Answered JS data type questions"
|
|
<hr>
|
|
|
|
## Exercises
|
|
|
|
1. Given the following array `var a = [1, 10, "Hello", true]`
|
|
- how do you access the 1st element in the array?
|
|
- Change the value of `"Hello"` to `"World"`.
|
|
- Check the value of `a` to make sure it updated the array.
|
|
|
|
2. Given the following array `["Panthalassa", "Zoom", "Cloud9", "Github"]`
|
|
- What would you write to access the 3rd element of the array?
|
|
- Change the value of "Github" to "Octocat"
|
|
- Add a new element, "Cloud City" to the array.
|
|
|
|
3. Create a string that contains quotes and store it in a variable.
|
|
|
|
4. What is the result from the expression `"World" * 5`. Why?
|
|
|
|
**Commit 4** <br>
|
|
<hr>
|
|
The commit message should read: <br>
|
|
"Completed JS data type exercises"
|
|
<hr>
|
|
|
|
|
|
# JavaScript - Primitive Methods & Properties
|
|
|
|
|
|
## Conceptual Questions
|
|
|
|
1. List at least 5 properties built into a string.
|
|
2. List at least 2 method examples built into an array.
|
|
|
|
**Commit 5** <br>
|
|
<hr>
|
|
The commit message should read: <br>
|
|
"Answered JS method & properties questions"
|
|
<hr>
|
|
|
|
## Exercises
|
|
|
|
1. Given the following string `"The Peculiar Purple Pieman of Porcupine Peak"`
|
|
- How can we check the length of this string?
|
|
|
|
|
|
3. Given the following array `[5,10,500,20]`
|
|
- using the `push` method, add the string `"Egon"` to the end of the array.
|
|
- using a different method, remove the string from the end of the array.
|
|
- using the `unshift` method, add the string `"Bob Marley"` to the beginning of the array
|
|
- using a different method, remove the string from the beginning of the array
|
|
|
|
**Commit 6** <br>
|
|
<hr>
|
|
The commit message should read: <br>
|
|
"Completed JS method & properties exercises"
|
|
<hr>
|
|
|
|
...
|
|
|
|
# Javascript - operators
|
|
|
|
## Exercises
|
|
|
|
|
|
#### 1.
|
|
Using the provided variable definitions, replace the blanks with a mathematical or boolean operator that evaluates the expression to true. :wave:
|
|
|
|
```
|
|
var a = 4;
|
|
var b = 53;
|
|
var c = 57;
|
|
var d = 16;
|
|
var e = 'Kevin';
|
|
```
|
|
|
|
- a _ b;
|
|
- c _ d;
|
|
- 'Name' ___ 'Name';
|
|
- a _ b ___ c;
|
|
- a _ a ___ d;
|
|
- e ___ 'Kevin';
|
|
- 48 ___ '48';
|
|
|
|
...
|
|
|
|
**Commit 7** <br>
|
|
<hr>
|
|
The commit message should read: <br>
|
|
"Completed JS operator exercises"
|
|
<hr>
|
|
|