After each section of our course, we will ask you to come up with a project to build that demonstrates what you've learned this far in the course. This is your chance to choose something you are excited about to spend time on!
This project will incorporate a backend API and a frontend built with a frontend framework.
The frontend requirements are as follows:
Base goal: Create two new components, one called TodoInput and another called TodoList. Wire up TodoInput to add todos to the todo list.
Stretch goal 1: Modify the app to where it is unable to submit a new todo if the input field is blank.
Stretch goal 2: Allow users to remove todos from the list using a "remove" button next to each todo.
| // Create a function that receives a (square) matrix and calculates the sum of both diagonals (main and secondary) | |
| // Matrix = array of n length whose elements are n length arrays of integers. | |
| // 3x3 example: | |
| // diagonals( [ | |
| // [ 1, 2, 3 ], | |
| // [ 4, 5, 6 ], | |
| // [ 7, 8, 9 ] | |
| // ] ); |
Create an Express HTTP server that contains middleware to handle POST /users requests with username and password key-value pairs in the request body. Ensure the middleware takes the following steps.
hashed_password using the bcrypt cryptographic hash function.username and hashed_password into a users table.200 status code on successful insertion into the table.Be sure to pass along any errors to the error handling middleware in the stack. For good measure, include a 404 catch-all middleware in the stack as well.
| // Define a function named createList that takes one argument. | |
| // sites (object) | |
| // | |
| // The object has the following structure: | |
| // { | |
| // 'TITLE': 'URL', | |
| // 'TITLE': 'URL', | |
| // 'TITLE': 'URL', | |
| // ... | |
| // } |
| // Description: | |
| // Welcome. In this warmup you are required to, given a | |
| // string, replace every letter with its position | |
| // in the alphabet. If anything in the text isn't a letter, | |
| // ignore it and don't return it. a being 1, b being 2, | |
| // etc. As an example: | |
| // alphabet_position("The sunset sets at twelve o' clock.") | |
| // Should return "20 8 5 19 21 14 19 5 20 19 5 20 19 1 20 20 |
Fork this repo and clone it to your computer.
You can verify this by seeing your GitHub username in the URL and not gschool.
Create a new file named cities.html. Make sure it includes an html, head, and body. (then, commit your changes!)
Make an unordered list all of the cities you've lived in. (then, commit your changes!)
Make an ordered list of the top three cities you would like to visit. (then, commit your changes!)
In this assignment, we want you to re-implement some of the most popular methods found in [lodash][lodash]. This task will provide you two incredible learning opportunities: first, you'll have the opportunity to apply your knowledge of JavaScript; second, you'll learn through this experience that lodash, similar to all JavaScript libraries, are written with the same JavaScript you've been learning!
If you're unfamiliar with lodash, it's [a popular utility library][popular-utility-library] written in JavaScript. Inside of it, you'll find a collection of methods, such as [forEach()][for-each], which replaces the boilerplate code that developers often find themselves writing--e.g., code that iterates on every item of a collection.
Here's an example:
// Without lodash, you have to create your own implementation of forEach.
function forEach(arr, callback) {
Related Standard: W0099 - Use conditionals and loops to control the flow of a program
By the end of this lesson you will:
if/if else/else statements to conditionally execute codewhile loops to conditionally repeat statements