Mark Reyes marklreyes

Project Requirements Document: The Urlist Website

The following table outlines the detailed functional requirements of The Urlist website.

Requirement ID	Description	User Story	Expected Behavior/Outcome
FR001	Creating a New URL List	As a user, I want to be able to start a new, empty list so I can begin adding URLs.	The system should provide a clear way for the user to initiate the creation of a new list, potentially presenting an empty list view or an "add new list" button.
FR002	A

`vs` Questions

http://stackoverflow.com/questions/804115 (rebase vs merge).
https://www.atlassian.com/git/tutorials/merging-vs-rebasing (rebase vs merge)
https://www.atlassian.com/git/tutorials/undoing-changes/ (reset vs checkout vs revert)
http://stackoverflow.com/questions/2221658 (HEAD^ vs HEAD~) (See git rev-parse)
http://stackoverflow.com/questions/292357 (pull vs fetch)
http://stackoverflow.com/questions/39651 (stash vs branch)
http://stackoverflow.com/questions/8358035 (reset vs checkout vs revert)

Regular Event Loop

This shows the execution order given JavaScript's Call Stack, Event Loop, and any asynchronous APIs provided in the JS execution environment (in this example; Web APIs in a Browser environment)

Given the code

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

Project Title

One Paragraph of project description goes here

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

	// Type JavaScript here and click "Run Code" or press Ctrl + s
	console.log('Hello, world!');

	// CHALLENGE 1

	function sumFunc(arr) {
	// YOUR CODE HERE
	let accumulator = 0;
	for (let i = 0; i < arr.length; i++) {
	accumulator += arr[i];

	/**
	* Changes value to past tense.
	* Simple filter does not support irregular verbs such as eat-ate, fly-flew, etc.
	* http://jsfiddle.net/bryan_k/0xczme2r/
	*
	* @param {String} value The value string.
	*/
	Vue.filter('past-tense', function(value) {
	// Slightly follows http://www.oxforddictionaries.com/us/words/verb-tenses-adding-ed-and-ing
	var vowels = ['a', 'e', 'i', 'o', 'u'];