There's more to CONSOLE than .log( ) | Things you didn't know console could do!!



👉 Become A VS Code SuperHero Today: https://vsCodeHero.com

Did you know that there is more to console than just log? In this video, I’ll show you all of the things you didn’t know console could do.

We’ll look at the Firefox console (Chrome is good too), .log(), .clear(), variables, .info(), .warn(), .error(), .debug(), .dir(), .assert(), .count(), .countReset(), .time(), .timeLog(), .timeEnd(), .group(), .groupCollapsed(), .groupEnd(), .trace(), .table(), styling your logs with CSS, debugger, and a really cool VS Code extension that will help you to console.log faster!

We’ll cover all of this:
00:00 Intro
00:16 Sponsor (Scrimba)
01:06 Firefox Console
01:35 .log()
03:47 .clear()
04:22 variables
05:13 .info(), .warn(), .error(), .debug()
05:58 .dir()
06:21 .assert()
07:12 .count(), .countReset()
08:17 .time(), .timeLog(), .timeEnd()
09:37 .group(), .groupCollapsed(), .groupEnd()
11:07 .trace()
11:36 .table()
13:50 CSS Styles
14:55 debugger
16:28 VS Code Extension
_____________________________________

đź“š Learn to CODE in just a FEW months here:
Treehouse Discount Code: https://treehouse.7eer.net/codeSTACKr
_____________________________________

🛠️ Tools I use:
đźź  Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
đźź  Font: STACKr Code (Exclusive to my VS Code Course – https://vsCodeHero.com)
đźź  SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions

🤖 I now use AI-powered code completions thanks to Kite. You should too so grab it FREE: https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=codestackr&utm_content=description-only
_____________________________________

📢 Limited Time Offer from Scrimba!! https://scrimba.com/path/gfrontend?utm_campaign=codestackr_launch
_____________________________________

đź’– Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________

Watch Next:
Web Development – Beginners Roadmap (2020) – https://youtu.be/iogabydg2y0
Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________

Connect With Me:
Website: http://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#codeSTACKr #console #debug

source