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