ModernJS

Node v20.5.0

• Starterkit
• JavaScript Roadmap
• TypeScript Roadmap
• TypeScript Docs
• type-fest
• defer vs async: See load-js-in-html.png

Debugging

• console.log
• Chrome debugging
• VSCode debugging (.vscode)

console.log() & console.table() & console.assert(condition, msg)?
console.log() // Placeholders: https://stackoverflow.com/a/42037057/540352

console.time() & timeEnd(), timeStamp()?
console.log() / warn, error, info, trace, debug
console.count, context, group/End/Collapsed, dir, dirxml, clear
memory, profile, profileEnd()

More console.

Typed

• DefinitelyTyped
• d.ts files in third party packages
• own d.ts files
• --declaration and --allowJs
• emitDeclarationOnly

JSDoc

/**
 * Produces a blurred image from an input buffer.
 *
 * @param input {Uint8Array}
 * @param width {number}
 * @param height {number}
 * @returns {void}
 */
function blurImage(input, width, height) {}

Polyfills

• Polyfills
• Browserlist
• caniuse

Monorepos et al

• Monorepos?
• Microfrontends?
• Module Federation?

Other Sessions

• Node, NVM, npm scripts
• Husky, nodemon
• eslint, prettier, editorconfig
• typescript: tsconfig.json & tsc