Steve Griffith prof3ssorSt3v3

🎯

Focusing

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

prof3ssorSt3v3 / main.js

Created July 14, 2024 18:01

Code from tutorial on Array with and copyWithin methods

	//copy = Array.prototype.with(index, value)
	//changed = Array.prototype.copyWithin(index, start, end)

	const names = ['Bob', 'Louise', 'Gene', 'Linda', 'Teddy'];

	const newNames = names.with(1, 'Gayle'); // names[1] = 'Gayle'
	console.log(names);
	console.log(newNames);
	console.log(names == newNames); //false
	console.log(names === newNames); //false

prof3ssorSt3v3 / index.html

Created May 4, 2024 20:16

Code for Video about Monitoring Download Progress and displaying it with SVG animations

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>SVG Progress Display for File Downloads</title>
	<style>
	:root {
	--bgcolor: hsl(220, 20%, 70%);
	--focuscolor: hsl(220, 80%, 50%);

prof3ssorSt3v3 / data.json

Created March 26, 2024 13:11

Sample book data

	{
	"categories": ["historical fiction", "science fiction", "fantasy", "romance", "non-fiction", "programming", "classic"],
	"books": [
	{ "id": "cc196ef3-431f-4238-8aea-8a94e73229a4", "category": "science fiction", "title": "the 3 body problem", "author": "cixin lin" },
	{ "id": "e2fd5989-6908-45c5-91db-d6e561fc8b8b", "category": "fantasy", "title": "the hobbit", "author": "j.r.r. tolkien" },
	{ "id": "ee69e09a-61f0-4c19-bbbc-826399f678c4", "category": "programming", "title": "web developers practical guide to flutter", "author": "steve griffith" },
	{ "id": "dbc27431-33b4-49fb-82a4-1ab9bea0f26a", "category": "classic", "title": "moby dick", "author": "herman melville" },
	{ "id": "ef78671c-d518-468c-bfdf-4786c3a03c19", "category": "non-fiction", "title": "superintelligence", "author": "nick bostrom" }
	]
	}

prof3ssorSt3v3 / Form.jsx

Created March 19, 2024 13:55

Sample Form starter for React

	import { useState } from 'react';

	export default function Form() {
	const [firstName, setFirstName] = useState('');
	const [age, setAge] = useState('');
	const ageAsNumber = Number(age);

	// ...
	return (
	<form>

prof3ssorSt3v3 / show-characters.json

Created March 12, 2024 13:35

Sample data of characters from Archer, Bob's Burgers, and Futurama

prof3ssorSt3v3 / index.html

Last active April 28, 2024 03:01

Starter code for Cache Storage assignment - /index.html, /css/main.css, /js/main.js

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Cache Storage</title>
	<link rel="stylesheet" href="./css/main.css" />
	<script type="module" src="./js/main.js"></script>
	</head>
	<body>

prof3ssorSt3v3 / promises.js

Created January 16, 2024 21:46

300 afternon

	const url1 = 'https://picsum.photos/id/123/300/200'; //200 status
	const url3 = 'https://picsum.photos/id/237/300/200'; //200 status
	// const url3 = 'https://picsum.photos/id/466/300/200'; //200 status
	const url2 = 'https://jsonplaceholder.typicode.com/posts'; //200 status
	const url6 = 'http://127.0.0.1:5500/300/index.html';
	const url4 = 'https://picsum.photos/id/999999/300/200'; // 404 status
	const url5 = 'https://example.com/bad-url'; //bad domain
	import { AfternoonError } from './error.js';

	document.addEventListener('DOMContentLoaded', () => {

prof3ssorSt3v3 / promises.js

Created January 16, 2024 16:53

	//promises.js

	document.addEventListener('DOMContentLoaded', function () {
	getData();
	});

	function getData() {
	let url1 = 'https://picsum.photos/id/237/300/200';
	let url2 = 'https://picsum.photos/id/466/300/200';
	let url3 = 'https://picsum.photos/id/123/300/200';

prof3ssorSt3v3 / index.html

Created January 15, 2024 22:22

Starter code for Service Worker Assignment January 2024

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Syncing Data Page</title>
	<script src="./js/main.js" type="module"></script>
	<link rel="stylesheet" href="./css/main.css" />
	</head>
	<body>

prof3ssorSt3v3 / burger.js

Last active January 4, 2024 17:25

Starter files for Class Exercise

	class Burger {
	#isMeatless = false;
	#isCooked = false;
	toppings = [];

	constructor(_isMeatless = false, ...toppings) {
	this.#isMeatless = _isMeatless;
	this.toppings = toppings;
	}