Cassandra Wilcox csndra0504

## composing-js-objs.js
const a = 'a';
const b = 'b';
const oA = { a }; // ES6 shortcut, same as const oA = { a: a };
const oB = { b };

//composing objects with ES6 spread operator
const c = {...oA, ...oB}; // { a: 'a', b: 'b' }

//composing objects with Object.assign()
const d = Object.assign({}, oA, oB); // { a: 'a', b: 'b' }

## gist:d5ad7ea308546afee51ff0bfef80dae0
// sum the squares from 1 to N
const square = x => x * x;
const add = (a, b) => a + b;

const sumSquares = n => Array.from(Array(n+1).keys())
                              .map(square)
                              .reduce(add);

console.log(sumSquares(5));

## add-curried.js
const add = x => y => x+y;
console.log(add(2)(5)); //7

## Javascript: JQ Mobile Template
<!DOCTYPE html>
<html>
<head>
	<title>My Page</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
	<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head>
<body>

## CSS: Drop Cap
p:first-letter{
display:block;
margin:5px 0 0 5px;
float:left;
color:#000;
font-size:60px;
font-family:Georgia;
}

## CSS: Sticky Footer
/*
Sticky Footer Solution
by Steve Hatcher

http://stever.ca


http://www.cssstickyfooter.com

*/

## CSS: FullScreen Background Image
html {
	background: url(../img/your-background-image.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

## CSS: Message Boxes
<!DOCTYPE HTML>
<html>
<head>
	<style>
		body{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
		}
		.info, .success, .warning, .error, .validation {
			border: 1px solid;

## Javascript: Clear all Text Fields
$(document).ready(function(){
    $("#checkboxall").change(function(){
        var checked_status = this.checked;
        $("input[name=checkall]").attr("checked", checked_status);
    });

});

## Javascript: Check all Checkboxes
var tog = false; // or true if they are checked on load
$('a').click(function() {
    $("input[type=checkbox]").attr("checked",!tog);
    tog = !tog;
});
	const a = 'a';
	const b = 'b';
	const oA = { a }; // ES6 shortcut, same as const oA = { a: a };
	const oB = { b };

	//composing objects with ES6 spread operator
	const c = {...oA, ...oB}; // { a: 'a', b: 'b' }

	//composing objects with Object.assign()
	const d = Object.assign({}, oA, oB); // { a: 'a', b: 'b' }
	// sum the squares from 1 to N
	const square = x => x * x;
	const add = (a, b) => a + b;

	const sumSquares = n => Array.from(Array(n+1).keys())
	.map(square)
	.reduce(add);

	console.log(sumSquares(5));
	<!DOCTYPE html>
	<html>
	<head>
	<title>My Page</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
	<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
	</head>
	<body>
	p:first-letter{
	display:block;
	margin:5px 0 0 5px;
	float:left;
	color:#000;
	font-size:60px;
	font-family:Georgia;
	}
	html {
	background: url(../img/your-background-image.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	$(document).ready(function(){
	$("#checkboxall").change(function(){
	var checked_status = this.checked;
	$("input[name=checkall]").attr("checked", checked_status);
	});

	});
	var tog = false; // or true if they are checked on load
	$('a').click(function() {
	$("input[type=checkbox]").attr("checked",!tog);
	tog = !tog;
	});