Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
49 changes: 36 additions & 13 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,24 +6,24 @@

**Follow these steps to set up and work on your project:**

* [ ] Create a forked copy of this project.
* [ ] Add your project manager as collaborator on Github.
* [ ] Clone your OWN version of the repository (Not Lambda's by mistake!).
* [ ] Create a new branch: git checkout -b `<firstName-lastName>`.
* [ ] Implement the project on your newly created `<firstName-lastName>` branch, committing changes regularly.
* [ ] Push commits: git push origin `<firstName-lastName>`.
* [X] Create a forked copy of this project.
* [X] Add your project manager as collaborator on Github.
* [X] Clone your OWN version of the repository (Not Lambda's by mistake!).
* [X] Create a new branch: git checkout -b `<firstName-lastName>`.
* [X] Implement the project on your newly created `<firstName-lastName>` branch, committing changes regularly.
* [X] Push commits: git push origin `<firstName-lastName>`.

**Follow these steps for completing your project.**

* [ ] Submit a Pull-Request to merge <firstName-lastName> Branch into master (student's Repo). **Please don't merge your own pull request**
* [X] Submit a Pull-Request to merge <firstName-lastName> Branch into master (student's Repo). **Please don't merge your own pull request**
* [ ] Add your project manager as a reviewer on the pull-request
* [ ] Your project manager will count the project as complete by merging the branch back into master.

## Assignment Description

* Complete all the exercises as described inside each assignment file.
* Use `console.log()` statements to check to see if your code does what it is supposed to do.
* To test your `console.log()` statements open up the index.html file found in the assignments folder and use the developer tools to view the console.
* Complete all the exercises as described inside each assignment file. *Done*
* Use `console.log()` statements to check to see if your code does what it is supposed to do. *Done*
* To test your `console.log()` statements open up the index.html file found in the assignments folder and use the developer tools to view the console. *DONE*

**Note:**You could also run `node /assignments/<fileName>` and see what prints in your terminal.

Expand All @@ -33,22 +33,45 @@

To better understand objects, you really just need to write more of them. The [objects.js](assignments/objects.js) file contains several challenges centered around a theme of interns starting at a new job. The Human Resources team needs information about the new hires. Use your new found object skills answer vital questions for HR.

* Read the instructions found within the file carefully to finish the challenges.
* Read the instructions found within the file carefully to finish the challenges. *03/26/19: Done with MVP for this section*
* Complete each challenge presented before moving on to Arrays.

### Arrays

The [arrays.js](assignments/arrays.js) assignment takes us through a large data set of used cars. You have been asked to help a used car business with some customer requests based on their inventory. Use for loops and arrays to solve their problems.

* Utilize the the array `inventory` to complete your challenges
* Utilize the the array `inventory` to complete your challenges *03/26/19: Done with MVP for this section*
* You are not permitted to use map, reduce, or filter to solve these problems. Only use a basic for loop.
* Complete each challenge presented before moving on to stretch.

### Arrow Function Syntax

* [ ] Arrow Function Syntax - [Check out this awesome guide for ES6 arrow syntax](https://medium.freecodecamp.org/when-and-why-you-should-use-es6-arrow-functions-and-when-you-shouldnt-3d851d7f0b26). You will see more and more arrow functions as you progress deeper into JavaScript. Use the [function-conversion.js](assignments/function-conversion.js) file as a helper challenge to showcase some of the differences between ES5 and ES6 syntax.
* [X] Arrow Function Syntax - [Check out this awesome guide for ES6 arrow syntax](https://medium.freecodecamp.org/when-and-why-you-should-use-es6-arrow-functions-and-when-you-shouldnt-3d851d7f0b26). You will see more and more arrow functions as you progress deeper into JavaScript. Use the [function-conversion.js](assignments/function-conversion.js) file as a helper challenge to showcase some of the differences between ES5 and ES6 syntax.
*Done with the MVP and the stretch goal for Arrow syntax section*

### Stretch

* Move on to tomorrow's content and start studying callbacks, write a few of your own to get the hang of it.
* Look at array methods like .map(), .reduce(), .filter(). use them on the data in the arrays assignment to accomplish the same things you did with the ES5 for loop.


## Notes for Standup Meeting, 3/27/19:

## Pull Request Link:
https://github.com/arturolei/JavaScript-I/pull/1

## Breakthroughs/Challenges

### Breakthroughs:
- Scoping is beginning to make a lot more sense.
- I feel more comfortable with arrow syntax.
- I have a better understanding of let, var, and const.

### Challenges:
- Arrow notation as it relates to use of the this keyword is still a bit difficult for me to understand, but I think it'll be clearer with practice.

## What Did I Work On:
- I worked on completing the MVP for JavaScript I and some of the stretch goals, and I also started reading the TK material related to JavaScript Fundamentals II.

## What Do I Need to Do Tomorrow:
- I would like to finish the second JavaScript project and really get comfortable with Closure in JavaScript.
31 changes: 24 additions & 7 deletions assignments/arrays.js
Original file line number Diff line number Diff line change
Expand Up @@ -63,32 +63,49 @@ let inventory = [{"id":1,"car_make":"Lincoln","car_model":"Navigator","car_year"

// ==== Challenge 1 ====
// The dealer can't recall the information for a car with an id of 33 on his lot. Help the dealer find out which car has an id of 33 by logging the car's year, make, and model in the console log provided to you below:
console.log(`Car 33 is a *car year goes here* *car make goes here* *car model goes here*` );
console.log(`Car 33 is a ${inventory[32].car_year} ${inventory[32].car_make} ${inventory[32].car_model}` );

// ==== Challenge 2 ====
// The dealer needs the information on the last car in their inventory. What is the make and model of the last car in the inventory? Log the make and model into the console.
let lastCar = 0;
console.log();
let lastCar = inventory[inventory.length-1];
console.log("Last Car Information:",lastCar.car_make + " " + lastCar.car_model);

// ==== Challenge 3 ====
// The marketing team wants the car models listed alphabetically on the website. Sort all the car model names into alphabetical order and log the results in the console
let carModels = [];
console.log();
for (var i=0; i < inventory.length;i++){
carModels.push(inventory[i].car_model);
}
carModels = carModels.sort();
console.log("Car Models in Alphabetical Order:", carModels.sort());

// ==== Challenge 4 ====
// The accounting team needs all the years from every car on the lot. Create a new array from the dealer data containing only the car years and log the result in the console.
let carYears = [];
console.log();
for (var i=0; i<inventory.length;i++){
carYears.push(inventory[i].car_year);
}
console.log("Array of Car Years:",carYears);

// ==== Challenge 5 ====
// The car lot manager needs to find out how many cars are older than the year 2000. Using the carYears array you just created, find out how many cars were made before the year 2000 by populating the array oldCars and logging it's length.
let oldCars = [];
console.log();
for (var i=0; i<inventory.length;i++){
if(inventory[i].car_year < 2000){
oldCars.push(inventory[i]);
}
}
console.log("Number of Cars Older Than 2000:", oldCars.length);

// ==== Challenge 6 ====
// A buyer is interested in seeing only BMW and Audi cars within the inventory. Return an array that only contains BMW and Audi cars. Once you have populated the BMWAndAudi array, use JSON.stringify() to show the results of the array in the console.
let BMWAndAudi = [];
console.log();
for (var i=0; i<inventory.length;i++){
if(inventory[i].car_make === "BMW" || inventory[i].car_make === "Audi"){
BMWAndAudi.push(inventory[i]);
}
}
console.log(JSON.stringify(BMWAndAudi));



14 changes: 13 additions & 1 deletion assignments/function-conversion.js
Original file line number Diff line number Diff line change
Expand Up @@ -4,21 +4,30 @@
// console.log("Function was invoked!");
// };
// myFunction();
let myFunction = ()=> {console.log("Function was invoked!")}
myFunction();

// let anotherFunction = function (param) {
// return param;
// };
// anotherFunction("Example");

let anotherFunction = param => param;
console.log(anotherFunction("Example"));

// let add = function (param1, param2) {
// return param1 + param2;
// };
// add(1,2);
let add = (param1,param2) => param1 + param2;
console.log(add(1,2));

// let subtract = function (param1, param2) {
// return param1 - param2;
// };
// subtract(1,2);
let subtract = (param1,param2) => param1 - param2;
console.log(subtract(1,2));


// Stretch
Expand All @@ -27,4 +36,7 @@
// const triple = exampleArray.map(function (num) {
// return num * 3;
// });
// console.log(triple);
// console.log(triple);
exampleArray = [1,2,3,4];
const triple = exampleArray.map(num=>num*3);
console.log(triple);
83 changes: 75 additions & 8 deletions assignments/objects.js
Original file line number Diff line number Diff line change
Expand Up @@ -18,47 +18,114 @@ const example = {
}

// Write your intern objects here:
const mitzi = {
"id":1,
"email": "[email protected]",
"name": "Mitzi",
"gender": "F"
}

const kennan = {
"id":2,
"email": "[email protected]",
"name": "Kennan",
"gender": "M",
"speak":function(){
console.log("Hello, my name is Kennan!");
}
}

const keven = {
"id":3,
"email": "[email protected]",
"name": "Keven",
"gender": "M"
}

const gannie = {
"id":4,
"email": "[email protected]",
"name": "Gannie",
"gender": "M"
}

const antonietta = {
"id":5,
"email": "[email protected]",
"name": "Antonietta",
"gender": "F",
"multiplyNums": function(a,b){
return a*b;
}
}



// ==== Challenge 2: Reading Object Data ====
// Once your objects are created, log out the following requests from HR into the console:

// Mitzi's name
console.log(mitzi.name);

// Kennan's ID
console.log(kennan.id);

// Keven's email
console.log(keven.email);

// Gannie's name
console.log(gannie.name);

// Antonietta's Gender
console.log(antonietta.gender);

// ==== Challenge 3: Object Methods ====
// Give Kennan the ability to say "Hello, my name is Kennan!" Use the console.log provided as a hint.
// console.log(kennan.speak());
console.log(kennan.speak());


// Antonietta loves math, give her the ability to multiply two numbers together and return the product. Use the console.log provided as a hint.
//console.log(antonietta.multiplyNums(3,4));
console.log(antonietta.multiplyNums(3,4));

// === Great work! === Head over to the the arrays.js file or take a look at the stretch challenge

// ==== Stretch Challenge: Nested Objects and the this keyword ====

// 1. Create a parent object with properties for name and age. Make the name Susan and the age 70.
// 2. Nest a child object in the parent object with name and age as well. The name will be George and the age will be 50.
// 3. Nest a grandchild object in the child object with properties for name and age. The name will be Sam and the age will be 30
// 4. Give each of the objects the ability to speak their names using the this keyword.

const parent = {}
// 1. Create a parent object with properties for name and age. Make the name Susan and the age 70. DONE
// 2. Nest a child object in the parent object with name and age as well. The name will be George and the age will be 50. DOMNE
// 3. Nest a grandchild object in the child object with properties for name and age. The name will be Sam and the age will be 30 DONE
// 4. Give each of the objects the ability to speak their names using the this keyword. DONE

const parent = {
name:"Susan",
age:70,
speak: function(){console.log("I am",this.name)},
child:{
name:'George',
age:50,
grandchild:{
name:"Sam",
age:30,
speak:function(){console.log("I am", this.name)}
},
speak:function(){console.log("I am", this.name)}
}
}

// Log the parent object's name
console.log(parent.name);

// Log the child's age
console.log("Child's age: " + parent.child.age);

// Log the name and age of the grandchild
console.log("Age:", parent.child.grandchild.age, ",Grandchild Name:", parent.child.grandchild.name);

// Have the parent speak
parent.speak();

// Have the child speak
parent.child.speak();

// Have the grandchild speak
parent.child.grandchild.speak();