Advanced Logging with the JavaScript Console

If you are developing JavaScript applications you are likely using logging as an integral part of your development process. Did you know that you aren't limited to simple console.log statements? Modern browsers give you a lot more logging options to work with!

This course will explore those options and give you some new logging tools for your professional toolbox.

Watch User Created Playlist (7)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

Log Levels and Semantic Methods

P

Advanced Console Log Arguments

P

Grouping and Nesting Console Log Output

P

Proper use of console.assert in JavaScript

P

Using console.count to Count Events

P

Logging Timing Data to the Console

P

Logging Pretty-Printing Tabular Data to the Console

P
chrome-devtools tutorial about Log Levels and Semantic Methods

Log Levels and Semantic Methods

4:38 chrome-devtools PRO

Go beyond console.log by learning about log levels, filtering log output and structuring your output to be meaningful and concise. The JavaScript console object offers many methods to make your life easier - start learning them here!

chrome-devtools tutorial about Advanced Console Log Arguments

Advanced Console Log Arguments

3:52 chrome-devtools PRO

Get more mileage from your console output by going beyond mere string logging - log entire introspectable objects, log multiple items in one call, and apply C-Style string substitution to make the console work for you.

chrome-devtools tutorial about Grouping and Nesting Console Log Output

Grouping and Nesting Console Log Output

3:11 chrome-devtools PRO

Organize your log output by grouping your logs into collapsable hierarchies using console.group().

chrome-devtools tutorial about Proper use of console.assert in JavaScript

Proper use of console.assert in JavaScript

3:06 chrome-devtools PRO

Learn about console.assert, which is syntactic sugar for logging an error the console when a given condition is not met. It's useful, but may not do what you expect if you're coming from another language - watch this lesson to learn how to use it, and when not to.

chrome-devtools tutorial about Using console.count to Count Events

Using console.count to Count Events

2:16 chrome-devtools PRO

Learn how to user console.count in order to log out how many times a given thing has happened.

chrome-devtools tutorial about Logging Timing Data to the Console

Logging Timing Data to the Console

1:35 chrome-devtools PRO

Learn to use console.time with console.timeEnd to get accurate timings of operations in javascript. This tool can help with javascript profiling and performance optimization, and knowing how to use the console to do it means you don't have to pollute your codebase with timers and placeholders.

chrome-devtools tutorial about Logging Pretty-Printing Tabular Data to the Console

Logging Pretty-Printing Tabular Data to the Console

3:09 chrome-devtools PRO

Learn how to use console.table to render arrays and objects in a tabular format for easy scanning over the values. We'll create some mock data and then render it to the log in various ways to explore console.table's API.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?