Alex McPherson alexmcpherson

## index.html
<html>
  <head>
    <!-- Metadata -->
  </head>
  <body>
    <!-- Content -->
  </body>
</html>

## index.html
<!DOCTYPE html> <!-- What 'schema' to use for the 'XML'. This means HTML5 -->
<html>
  <head>
    <title>My Page</title><!-- Shows in the browser, important for SEO (apparently :-) -->
  </head>
  <body>
    <div>I'm a div, basically a box. I'm super useful.</div>

    <p>
      This is a paragraph, good for long strings of text.

## main.css
p {
  color: #000000;
  font-size: 1.2px;
}

.important {
  font-weight: bold;
}

#main {

## index.html
<html>
  <head></head>
  <body>

    <div>
      <span>Bold!</span>
      <span>Not bold...</span>
    </div>

    <ul>

## main.css
 298 color:
 293 display:
 205 width:
 170 background-color:
 129 margin-left:
 127 padding:
 119 font-size:
 117 position:
 117 height:
 114 left:

## output
 323 content:
 295 background-color:
 256 color:
 235 margin-left:
 222 width:
 184 display:
 177 background-image:
 153 background-position:
 115 line-height:
 100 padding:

## constructor_scope.js
function Person(name) {
  this.name = name;
}

Person.prototype.whoAmI = function() {
  console.log(this.name);
}

var alex = new Person('alex');

## main.js
function scopeTest() {
  var myVariable = 'Alex'; //var is important, declares it in this scope
  console.log(myVariable);
}

scopeTest();

typeof myVariable === "undefined";

## main.js
//executed from api.jquery.com

function reqListener () {
  console.log(this.responseText);
}

var oReq = new XMLHttpRequest();
oReq.onload = reqListener;
oReq.open("get", "http://api.jquery.com/robots.txt", true);
oReq.send();

## main.js
var last = 0
var offsets = []
$('#content').css('transition', 'all .1s')
$(window).scroll(function(){
  offsets.push(Math.abs(window.scrollY - last))
  last = window.scrollY
})

setInterval(function() {
  var total = 0
	<html>
	<head>
	<!-- Metadata -->
	</head>
	<body>
	<!-- Content -->
	</body>
	</html>
	<!DOCTYPE html> <!-- What 'schema' to use for the 'XML'. This means HTML5 -->
	<html>
	<head>
	<title>My Page</title><!-- Shows in the browser, important for SEO (apparently :-) -->
	</head>
	<body>
	<div>I'm a div, basically a box. I'm super useful.</div>

	<p>
	This is a paragraph, good for long strings of text.
	p {
	color: #000000;
	font-size: 1.2px;
	}

	.important {
	font-weight: bold;
	}

	#main {
	<html>
	<head></head>
	<body>

	<div>
	<span>Bold!</span>
	<span>Not bold...</span>
	</div>

	<ul>
	298 color:
	293 display:
	205 width:
	170 background-color:
	129 margin-left:
	127 padding:
	119 font-size:
	117 position:
	117 height:
	114 left:
	323 content:
	295 background-color:
	256 color:
	235 margin-left:
	222 width:
	184 display:
	177 background-image:
	153 background-position:
	115 line-height:
	100 padding:
	function Person(name) {
	this.name = name;
	}

	Person.prototype.whoAmI = function() {
	console.log(this.name);
	}

	var alex = new Person('alex');
	function scopeTest() {
	var myVariable = 'Alex'; //var is important, declares it in this scope
	console.log(myVariable);
	}

	scopeTest();

	typeof myVariable === "undefined";
	//executed from api.jquery.com

	function reqListener () {
	console.log(this.responseText);
	}

	var oReq = new XMLHttpRequest();
	oReq.onload = reqListener;
	oReq.open("get", "http://api.jquery.com/robots.txt", true);
	oReq.send();
	var last = 0
	var offsets = []
	$('#content').css('transition', 'all .1s')
	$(window).scroll(function(){
	offsets.push(Math.abs(window.scrollY - last))
	last = window.scrollY
	})

	setInterval(function() {
	var total = 0