Mary @Ifycode Ifycode

Notes on Ifycode's study method

Basic idea

Generally for any course you take/study, to help your "ministry" move forward 😉:

You may want to take a full course more than once.
You may want to group sections based on what you've come across before or not. Let me just give the groupings the term "study-rounds"... You may want to do this grouping half way through the entire course, or at the end the first study-round of the entire course.
You don't want to add another course to the list of what you learning, if your brain still has to do a lot of work to process concepts/things from a previous course (applicable to group-sections as explained in the hints below).

One full course can be divided into group-sections. Every group-section is treated as though it is a separate course. Which technically means a full course that is not divided into any group-sections is equivalent to a typical group-section.

Each group-section can therefore have different number of study-rounds depending on the comple

building your first node module

This is pretty simple, lets dive in!

choose a name

Find a name that isn't taken and clearly describes what your module is doing

$ npm view your-first-node-module

	'use strict';

	const hex = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F'];
	const section1 = document.querySelector('.section1');
	const btn = document.getElementById('btn');
	const color = document.querySelector('.color');

	let getRandomNumber = () => {
	return Math.floor(Math.random()*hex.length);
	}

	<!DOCTYPE html>
	<html>
	<head></head>
	<body id="container">
	<!--
	<div id="displayBlock"></div>
	-->
	<button id="redBtn">Red</button>
	<button id="blueBtn">Blue</button>
	<button id="yellowBtn">Yellow</button>

	'use strict';

	function changeBackground(color) {
	let container = document.getElementById('container');
	container.style.backgroundColor = color;
	}

	let redBtn = document.getElementById('redBtn');
	redBtn.onclick = function () {
	changeBackground('red');

	'use strict';

	//arrow function with parameters
	let sameFunction = (num3, num4) => {
	let displayBox = document.getElementById('displayBox');
	displayBox.innerHTML = `${num3} + ${num4} = ${num3+num4}`;
	}

	sameFunction(3, 4);
	//output: 3 + 4 = 7

	'use strict';

	//arrow function
	let sameFunction = () => {
	let displayBox = document.getElementById('displayBox');
	let num3 = 3;
	let num4 = 4;
	displayBox.innerHTML = `${num3} + ${num4} = ${num3+num4}`;
	}

	'use strict';

	//Anonymous function with parameters
	let sameFunction = function(num3, num4) {
	let displayBox = document.getElementById('displayBox');
	displayBox.innerHTML = `${num3} + ${num4} = ${num3+num4}`;
	}

	sameFunction(3, 4);
	//output: 3 + 4 = 7

	'use strict';

	//Named function with parameters
	function sameFunction(num3, num4) {
	let displayBox = document.getElementById('displayBox');
	displayBox.innerHTML = `${num3} + ${num4} = ${num3+num4}`;
	}

	sameFunction(3, 4);
	//output: 3 + 4 = 7

	'use strict';

	//Anonymous function stored in a variable
	let sameFunction = function () {
	let displayBox = document.getElementById('displayBox');
	let num3 = 3;
	let num4 = 4;
	displayBox.innerHTML = `${num3} + ${num4} = ${num3+num4}`;
	}