Steve Griffith prof3ssorSt3v3

🎯

Focusing

Coordinator of the Mobile Application Design & Development Program at Algonquin College

prof3ssorSt3v3 / templates.js

Created August 13, 2017 13:12

	// template strings / template literals ES6
	//
	// wrapped with back-tick character like table names in SQL
	// Variables and expressions wrapped in ${ }
	// Tagged Template Literals

	const log = console.log;

	let message = 'I\'m going to the store';
	let message1 = "And then he said, \"That's what she said.\"";

prof3ssorSt3v3 / nodelist-htmlcollection.html

Created August 16, 2017 22:42

	<!DOCTYPE html>
	<!-- this comment is a child of the document -->
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Nodelists Versus HTMLCollections</title>
	<meta name="viewport" content="width=device-width">
	<!-- This comment is a child element of the head element -->
	</head>
	<!-- this comment is a child of the html element -->

prof3ssorSt3v3 / for-of.js

Created August 19, 2017 21:03

	// for..of loops
	// for..of versus for..in loops

	let supernatural = {
	"actors":['Jared Padelecki', 'Jensen Ackles', 'Mark Sheppard', 'Misha Collins'],
	"characters":['Sam Winchester', 'Dean Winchester', 'Crowley', 'Castiel'],
	"seasons":12 };

	for( prop in supernatural){
	console.log( prop, typeof supernatural[prop],

prof3ssorSt3v3 / logical-operators.js

Created August 27, 2017 14:59

	// Binary Logical Operators
	// AND &&
	// OR \|\|
	// creating compound if statements

	let ingredients = ['ham', 'onion', 'tomato'];

	let sandwichHas = function(ingredient){
	for(let i of ingredients){
	if( i == ingredient){

prof3ssorSt3v3 / object-assign.js

Created August 28, 2017 03:43

	//Object.assign(target, sources... ) method
	// used to copy objects OR
	// to merge objects

	let obj1 = {"arms":true, "armCount":2};
	let obj2 = {"weapons":['missle launcher', 'reciprocating saw']};
	let obj3 = {"canMove":true, "legs":0, "treads":2};

	let arms = Object.assign({'hasHands':true, "arms": false}, obj1);
	console.log( arms );

prof3ssorSt3v3 / maps-objects.js

Created August 28, 2017 13:56

	// Maps vs Objects
	// ES6 Maps are a good replacement for Objects
	// in many circumstances but not all

	let a = {'name': 'Sherlock'};
	let b = {'name': 'Watson'};
	let people = {};

	people[a] = 'Detective'; // a ['object':Object]
	people[b] = 'Doctor'; // b ['object':Object]

prof3ssorSt3v3 / map-methods.js

Created August 28, 2017 15:20

	// ES6 Map methods
	//
	// .get(k) .set(k, v) .clear() .delete(k) .has(k) .forEach(func)
	// .size property

	let starWars = new Map();

	starWars.set('Luke', 'Mark Hamill');
	starWars.set('Han', 'Harrison Ford');
	let h = starWars.get('Han');

prof3ssorSt3v3 / clonenode.js

Created August 30, 2017 21:35

	const init = function(){
	let t1, t2, div1, temp, div2, cln
	t1 = document.getElementById('target1');
	t2 = document.getElementById('target2');

	div1 = document.querySelector('.advertisement');
	//for(let i=0; i<5; i++){
	t1.appendChild(div1.cloneNode(true) );
	//}

prof3ssorSt3v3 / clonenode.html

Created August 30, 2017 21:35

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>CloneNode Method</title>
	<meta name="viewport" content="width=device-width">
	<style>
	.advertisement{
	color: #666;
	padding: 1rem 2rem;

prof3ssorSt3v3 / jslint-sample.js

Created September 2, 2017 19:19

	//Copy this to JSLint.com to practice using the tool

	let people = [
	{"id":123, "name":"Rick Deckard", "email":"[email protected]"},
	{"id":456, "name":"Roy Batty", "email":"[email protected]"},
	{"id":789, "name":"J.F. Sebastian", "email":"[email protected]"},
	{"id":258, "name":"Pris", "email":"[email protected]"}
	];

	//Two step version