Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 10 additions & 15 deletions console-log.js
Original file line number Diff line number Diff line change
@@ -1,32 +1,28 @@
const foo = { name: 'tom', age: 30, nervous: false };
const bar = { name: 'dick', age: 40, nervous: false };
const baz = { name: 'harry', age: 50, nervous: true };

const foo = { name: 'tom', age: 30, nervous: false }
const bar = { name: 'dick', age: 40, nervous: false }
const baz = { name: 'harry', age: 50, nervous: true }

'Bad Code 💩'

console.log(foo);
console.log(bar);
console.log(baz);


console.log(foo)
console.log(bar)
console.log(baz)

'Good Code ✅'

// Computed Property Names

console.log('%c My Friends', 'color: orange; font-weight: bold;' )
console.log({ foo, bar, baz });
console.log('%c My Friends', 'color: orange; font-weight: bold;')
console.log({ foo, bar, baz })

// Console.table(...)
console.table([foo, bar, baz])


// // Console.time
console.time('looper')

let i = 0;
while (i < 1000000) { i ++ }
let i = 0
while (i < 1000000) { i++ }

console.timeEnd('looper')

Expand All @@ -36,4 +32,3 @@ const deleteMe = () => console.trace('bye bye database')

deleteMe()
deleteMe()

24 changes: 11 additions & 13 deletions template-literals.js
Original file line number Diff line number Diff line change
@@ -1,27 +1,25 @@
const horse = {
name: 'Topher 🐴',
size: 'large',
skills: ['jousting', 'racing'],
age: 7
name: 'Topher 🐴',
size: 'large',
skills: ['jousting', 'racing'],
age: 7
}

'Bad String Code 💩'

let bio = horse.name + ' is a ' + horse.size + ' horse skilled in ' + horse.skills.join(' & ')

'Good String Code ✅'
const { name, size, skills } = horse;
const { name, size, skills } = horse
bio = `${name} is a ${size} horse skilled in ${skills.join(' & ')}`
console.log(bio);
console.log(bio)

// Advanced Tag Example

function horseAge(str, age) {

const ageStr = age > 5 ? 'old' : 'young';
return `${str[0]}${ageStr} at ${age} years`;
function horseAge (str, age) {
const ageStr = age > 5 ? 'old' : 'young'
return `${str[0]}${ageStr} at ${age} years`
}

const bio2 = horseAge`This horse is ${horse.age}`;
const bio2 = horseAge`This horse is ${horse.age}`
console.log(bio2)