JavaScript® (often shortened to JS) is a lightweight, interpreted, object-oriented language with first-class functions, most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic, and supports object-oriented, imperative, and functional programming styles.

javascript

The Chrome Developer Tools (DevTools for short), are a set of web authoring and debugging tools built into Google Chrome.

chrome-devtools

Bite-size video tutorials for badass web developers.

egghead

Miscellaneous one-off lessons on debugging, productivity hacks, and JavaScript tricks.

Sometimes we need to prevent some properties on a JavaScript object from being iterated over and accessed in "for ... in" loops.

In this lesson, we will learn how to use `Object.defineProperty()` to hide existing properties on an object by setting the property descriptor flag `enumerable` to `false`.

Hide Properties from Showing Up in "for ... in" Loops in JavaScript

When building a web app, sometimes we need to approach it top-down. Modern browser devtools allow us to set breakpoints not only on the JS code but also on the DOM as well, so we can easily pin down which lines of code are to be executed deep inside the code base, by pausing the execution based on DOM changes.

In this lesson, we will learn how to set and remove DOM breakpoints in Chrome DevTools.

Set and remove DOM Breakpoints

In this lesson, we will learn how to use custom ENV variables to customize the PS1 Bash/Zsh command prompt in the VS Code terminal, without affecting our custom terminal themes in other applications. We will see how this can be useful for keeping the terminal clean for screen recordings.

I'm using Zsh in this video, but this works in Bash with `~/.bashrc` as well.

Tips and Tricks

Xiaoru Li

Course Content