cferdinandi’s gists

cferdinandi / ajax-html.js

Created February 13, 2025 17:24

Follow the tutorial for this code: https://gomakethings.com/how-to-dynamically-update-content-with-an-html-web-component/

	customElements.define('ajax-html', class extends HTMLElement {

	/**
	* The class constructor object
	*/
	constructor () {

	// Always call super first in constructor
	super();

cferdinandi / ajax-form.js

Created February 12, 2025 17:04

	customElements.define('ajax-form', class extends HTMLElement {

	/**
	* The class constructor object
	*/
	constructor () {

	// Always call super first in constructor
	super();

cferdinandi / 1-loop-and-string.html

Created January 28, 2025 18:00

Watch the tutorial: https://youtu.be/YDPpt5KO9Zs

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="utf-8">
	<title>Loop + String</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<style type="text/css">
	body {

cferdinandi / index.html

Created January 23, 2025 20:06

Watch the tutorial: https://youtu.be/yisEDBIl9Yk

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="utf-8">
	<title>Ecommerce Platform</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<style type="text/css">
	body {

cferdinandi / index.html

Created January 21, 2025 04:25

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="utf-8">
	<title>Ecomerce Platform</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<style type="text/css">
	body {

cferdinandi / index.jquery.html

Last active January 24, 2025 19:44

Watch the tutorial for this source code at https://www.youtube.com/watch?v=TnQ0ooEMRqc

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title>Lettering.js Examples</title>
	<meta name="description" content="A jQuery Plugin that allows you to style each individual letter and more.">
	<meta name="author" content="Dave Rupert">

cferdinandi / index.html

Last active December 23, 2024 14:55

Source code for this article: https://gomakethings.com/testing-dom-manipulation/

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<title>Mocha Tests</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link rel="stylesheet" href="https://unpkg.com/mocha/mocha.css" />
	</head>
	<body>
	<div id="mocha"></div>

cferdinandi / calculator.js

Last active January 1, 2025 18:10

Source code for https://gomakethings.com/dont-test-implementation-details/

	const calculator = (function () {

	/**
	* Remove non-numeric strings from the array
	* @param {Array} nums The original array
	* @return {Array} The cleaned array
	*/
	function cleanNumbers (nums) {
	let cleaned = [];
	for (let num of nums) {

cferdinandi / calculator.js

Created December 13, 2024 16:10

Read the article for this code at https://gomakethings.com/tdd-for-javascript-with-buildless-mocha-and-chai/

	const calculator = (function () {

	/**
	* Add two or more numbers together
	* @param {...Numbers} nums The numbers to add together
	* @return Number The total
	*/
	function add (...nums) {
	let total = 0;
	for (let num of nums) {

cferdinandi / calculator.js

Created December 12, 2024 16:25

The lesson for this code can be found at https://gomakethings.com/organizing-javascript-tests/

	const calculator = (function () {

	/**
	* Add two or more numbers together
	* @param {...Numbers} nums The numbers to add together
	* @return Number The total
	*/
	function add (...nums) {
	let total = nums.length ? nums.shift() : 0;
	for (let num of nums) {

Chris Ferdinandi cferdinandi