Skip to content

Javier Alvarez @fireinjun #310

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
jalvarez2020 wants to merge 4 commits into
base: master
Choose a base branch
from
Open

Javier Alvarez @fireinjun #310

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
bd00a20
completed 4/5 tasks
jalvarez2020 Aug 18, 2018
3c7e4ee
completed array methods including 3 problems
jalvarez2020 Aug 18, 2018
2d9b143
completed JS II passing all tasks
jalvarez2020 Aug 18, 2018
92be379
Read me checklist
jalvarez2020 Aug 18, 2018
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
20 changes: 20 additions & 0 deletions .vscode/launch.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch Program",
"program": "${workspaceFolder}/assignments/array-methods.js"
},
{
"type": "node",
"request": "launch",
"name": "Callbacks",
"program": "${workspaceFolder}/assignments/callbacks.js"
}
]
}
3 changes: 3 additions & 0 deletions .vscode/settings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"cSpell.language": "en"
}
28 changes: 14 additions & 14 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,37 +4,37 @@
With some basic JavaScript principles in hand, we can now expand our skills out even further by exploring callback functions, array methods, and closure. Finish each task in order as the concepts build on one another.

### Task 1: Set Up The Project With Git
* [ ] Fork the project into your GitHub user account
* [ ] Clone the forked project into a directory on your machine
* [ ] You are now ready to build this project with your preferred IDE
* [ ] Use `console.log()` statements to check your work.
* [ x] Fork the project into your GitHub user account
* [x ] Clone the forked project into a directory on your machine
* [x ] You are now ready to build this project with your preferred IDE
* [x ] Use `console.log()` statements to check your work.

### Task 2: Callbacks
This task focuses on getting practice with callback functions by giving you an array of values and instructions on what to do with that array.
* [ ] Review the contents of the [callbacks.js](assignments/callbacks.js) file. Notice you are given an array at the top of the page. Use that array to aid you with your callback functions. **Remember that a callback function is a function that is being passed around to other functions.**
* [ ] Write out each function using the `ES5` `function` keyword syntax.
* [ ] Solve the problems listed. Save the stretch problems until you have completed Tasks 1-4.
* [x ] Review the contents of the [callbacks.js](assignments/callbacks.js) file. Notice you are given an array at the top of the page. Use that array to aid you with your callback functions. **Remember that a callback function is a function that is being passed around to other functions.**
* [x ] Write out each function using the `ES5` `function` keyword syntax.
* [x ] Solve the problems listed. Save the stretch problems until you have completed Tasks 1-4.


### Task 3: Array Methods
Use `.forEach()`, `.map()`, `.filter()`, and `.reduce()` to loop over an array with 50 objects in it. The [array-methods.js](assignments/array-methods.js) file contains several challenges built around a fundraising 5K fun run event.
* [ ] Review the contents of the [array-methods.js](assignments/array-methods.js) file.
* [ ] Complete the problems provided to you
* [ ] Notice the last three problems are up to you to create and solve. This is an awesome opportunity for you to push your critical thinking about array methods, have fun with it.
* [x ] Review the contents of the [array-methods.js](assignments/array-methods.js) file.
* [x ] Complete the problems provided to you
* [x ] Notice the last three problems are up to you to create and solve. This is an awesome opportunity for you to push your critical thinking about array methods, have fun with it.

### Task 4: Closures
We have learned that closures allow us to access values in scope that have already been invoked.

**Hint: Utilize debugger statements in your code in combination with your developer tools to easily identify closure values.**

* [ ] Review the contents of the [closure.js](assignments/closure.js) file.
* [ ] Solve the problems listed. Save the stretch problems until you have completed Tasks 1-4.
* [ ] Once you have completed this task please submit a pull request against the original fork.
* [x] Review the contents of the [closure.js](assignments/closure.js) file.
* [x ] Solve the problems listed. Save the stretch problems until you have completed Tasks 1-4.
* [x ] Once you have completed this task please submit a pull request against the original fork.

## Stretch Goals



* [ ] Arrow Function Syntax - 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 - 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

* [ ] Look up what an IIFE is in JavaScript and experiment with them
Loading