David Humphrey humphd

💭

Helping others get started

humphd / App.jsx

Created November 19, 2020 01:29

Custom hook for Page Lifecycle API

	// Use it like this
	import usePageLifecycle from './lib/use-page-lifecycle';

	App() {
	const isVisible = usePageLifecycle();
	}

humphd / globeandmail.html

Created October 16, 2020 20:43

WEB222 Week 6 Examples

	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Globe And Mail</title>
	</head>

	<body>
	<header>
	Menu \| Logo \| TRAVEL \| <button>SUBSCRIBE</button> \| LOG IN \| Search

humphd / index.html

Created October 9, 2020 19:38

Experiments with HTML Elements

	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Experiments with HTML Elements</title>
	</head>
	<body>
	<h1>Main Title of Document</h1>

	<h2>Embed</h2>

humphd / index.js

Created October 6, 2020 23:08

Promise example

	function makeCalls() {
	return Promise.all(
	linkArr.map(async link => {
	try {
	const response = await fetch(link, { method: "HEAD" });
	if (response.status == 200) { // good
	console.log(`${link} was good! status: ${response.status}`.green);
	} else if (response.status == 404 \|\| response.status == 401) { // bad
	console.log(`${link} was bad! status: ${response.status}`.red);
	allGood = false;

humphd / index.js

Created October 2, 2020 21:18

WEB222 Week 04

	/**
	* Week 3 - A Larger Example (String, Array, RegExp):
	*
	* Write a series of functions to accomplish the following, building a larger program as you go:
	*
	* 1. Split the string into an `Array` of separate rows (i.e., an `Array` with rows separated by `\n`).
	* Bonus: how could we deal with data that includes both Unix (`\n`) and Windows (`\r\n`) line endings?
	*
	* 2. Each row contains information user info: `ID`, `Name`, `Phone Number`, and `Height` info all separated by commas.
	* Split each row into an `Array` with all of its different fields. You need to deal with extra and/or no

humphd / index.js

Last active September 30, 2020 04:07

How do I download multiple things at once?

	// Imagine we have a bunch of URLs we need to check (download and check their status code)
	const urls = [
	// Most of these are known to be good...
	'https://damontui.blogspot.com/feeds/posts/default?alt=rss',
	'https://dev.to/feed/henryzerocool/',
	'https://danielsirkovich.blogspot.com/feeds/posts/default?alt=rss',
	'https://abdulosd.blogspot.com/feeds/posts/default?alt=rss',
	'http://palak-chawla.blogspot.com/feeds/posts/default?alt=rss',
	'http://zjjiang2.blogspot.com/feeds/posts/default/-/categorylabel?alt=rss',
	'https://dev.to/feed/phast184',

humphd / practice.js

Created September 23, 2020 17:57

WEB222 Week 03

	/**
	* Week 3 - A Larger Example (String, Array, RegExp):
	*
	* Write a series of functions to accomplish the following, building a larger program as you go:
	*
	* 1. Split the string into an `Array` of separate rows (i.e., an `Array` with rows separated by `\n`).
	* Bonus: how could we deal with data that includes both Unix (`\n`) and Windows (`\r\n`) line endings?
	*
	* 2. Each row contains information user info: `ID`, `Name`, `Phone Number`, and `Height` info all separated by commas.
	* Split each row into an `Array` with all of its different fields. You need to deal with extra and/or no

humphd / regexp.txt

Created September 23, 2020 15:50

WEB222 Week 3 RegExp

humphd / arrays.js

Created September 22, 2020 19:52

WEB222 Week 3 - Arrays

	let words = ['one', 'two', 'three', 'four', 'five'];

	// version 1 - for loop
	for(let i = 0; i < words.length; i++) {
	let word = words[i];
	console.log(word);
	}

	// version 2 - for-of loop
	for(let word of words) {

humphd / strings.js

Created September 22, 2020 16:15

WEB222 Week 3 - Strings

	let s = "The sky above the port was the color of television, tuned to a dead channel";

	function afterComma(value) {
	let commaPos = value.indexOf(',');

	// No comma found
	if(commaPos === -1) {
	return value;
	}