Become A JavaScript Console Expert - #79
2 minutes
27:23 minutes
Tired of the unhelpful console.log? In this tutorial, I show you how to create a better console.log using nothing but vanilla JavaScript. Make your errors or warnings easier to read, make your data cleaner and more concise, and finally organize your code more efficiently with these console.log tweaks.
We go over different console.log display types, how to group your data, how to create tables and so much more. We even show you a way to get rid of console.log altogether with the built-in debugger command.
So, if you are new to JavaScript console.log or you need a refresher, let's make you an expert in less than 30 minutes.
View the source code: https://github.com/thedevdrawer/js-console-log
00:00 Intro
00:45 Opening DevTools
02:00 Debugger
03:30 Name + Values
05:17 Console Messages (Log, Info, Error, Warn)
07:13 Errors and Assertions
10:50 Trace
12:25 Grouping
20:11 Putting it all together with Debugger
Become a Patreon to show support and get exclusive access to content: https://www.patreon.com/devdrawer
Applications Used
Visual Studio Code v1.43: https://code.visualstudio.com/ .log
Computer Hardware:
Windows 10 Pro: https://amzn.to/3q5TyZw (Amazon)
Samsung 500GB External SSD: https://amzn.to/2ViAAAF (Amazon)
Samsung 970 EVO Plus SSD 1TB - M.2 NVMe: https://amzn.to/36jDwDy (Amazon)
Rosewill Hive-750S R750W PSU: https://amzn.to/36jiDbs (Amazon)
Phanteks Eclipse Tempered Glass Case: https://amzn.to/39qou0B (Amazon)
MSI Arsenal Gaming AMD Ryzen Motherboard: https://amzn.to/36hpAKm (Amazon)
MSI Gaming GeForce RTX 2060 Super 8GB: https://amzn.to/36hMyRm (Amazon)
LG 34UM69G-B 34-Inch 21:9 UltraWide IPS Monitor: https://amzn.to/2HSRxyI (Amazon)
Corsair 64GB (4 x 16GB) DDR4 Memory: https://amzn.to/3mlmQkI (Amazon)
AMD Ryzen 7 2700X Processor: https://amzn.to/3qdQIBF (Amazon)
Dell XPS 15 9500 15.6" Laptop / Windows: https://amzn.to/3fKEz2w (Amazon)
Lenovo ThinkPad T15 15.6" Laptop / Linux: https://amzn.to/2Jnmn33 (Amazon)
Camera:
Fujifilm X-T3: https://amzn.to/3llKBb5 (Amazon)
Fujinon XF18-55mmF2.8-4: https://amzn.to/3mfTkNb (Amazon)
Audio:
Audio Technica AT2020: https://amzn.to/2VgxU6K (Amazon)
Blue Snowball iCE: https://amzn.to/3lo1jGC (Amazon)
DISCLAIMERS:
I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.
Like what you see, support the channel.
Get Merch Buy Me A Coffee Join Patreon Watch on YouTube View Projects on GitHub