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

Channel:
United States codeSTACKr
Subscribers:
296,000
Published on ● Video Link: https://www.youtube.com/watch?v=_-bHhEGcDiQ


Category:
Vlog
Duration: 18:13
15,044 views
814

👉 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

🚢 Deploy for FREE on Vercel: https://vercel.com/ambassadors/codestackr
_____________________________________

📢 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



Other Videos By codeSTACKr


2020-09-12How to Create a Custom VS Code Theme (2020) | Step-by-Step | Debut of codeSTACKr Dark Theme
2020-09-05FREE Icons! How to use Bootstrap Icons v1.0.0 | Bootstrap 5 (2020)
2020-08-310 to 70K SUBSCRIBERS in 1 YEAR | YouTube 2020: The strategies that helped me to grow on YouTube
2020-08-27How To Build A React App w/ Hooks & Airtable API | styled-components | Code Quality Check
2020-08-21UPDATE: VS Code July 2020 Stable Release | Settings Sync | Browser Debugging
2020-08-15UPDATE: Next Level GitHub Profile README (NEW) | GitHub Actions | Vercel | Spotify
2020-08-13SPEED RUN: Build a CRUD API with PrestoAPI & MongoDB Atlas in 9 Minutes! Then Airbnb Clone!
2020-08-11Building BATTLESHIPS Multiplayer Game with Node.js, Express, Socket.io, Heroku | (2/3)
2020-08-07GSAP Typing Animation | Tween & Timeline Basics (2020)
2020-07-29Next Level GitHub Profile README (NEW) | How To Create An Amazing Profile ReadMe With GitHub Actions
2020-07-24There's more to CONSOLE than .log( ) | Things you didn't know console could do!!
2020-07-23Simple React.js User Login Authentication | Auth0
2020-07-16Top 10 VS Code Updates You Don't Know About!! (2020)
2020-07-14localStorage Dark/Light Mode Theme Toggle (CSS/JavaScript) | UI Design
2020-07-10Dark/Light Mode Theme Toggle (CSS/Basic JavaScript) | UI Design
2020-07-07Limited Offer! The Frontend Developer Career Path (@Scrimba)
2020-07-06User-Defined Dark/Light Mode (CSS ONLY) | UI Design Theme (prefers-color-scheme)
2020-07-03Simple Dark/Light Mode Theme Toggle (CSS ONLY) | UI Design
2020-06-265 Steps to THINK in React and Easily Create a ReactJS App From Scratch! (Bonus: Tailwind CSS)
2020-06-20How To Change CSS Values With A Slider! - CSS Custom Properties (Variables) & JavaScript
2020-06-13Microinteractions: Awesome Password Validation Animation


Tags:
js beginners
console log
js basics
javascript
devtools
developer tools
javascript console
javascript console.log
javascript console tutorial
vs code
visual studio code
vs code extension
vs code setup
how to use javascript console in firefox
how to use javascript console in chrome
how to use javascript console
debugging javascript
console.table
console.warn
console.error
console.debug
console.info
console.assert
console.count
console.time
console.group
console.trace