7 minute videos - JavaScript console protips and newish DOM APIs
Stay organized with collections
Save and categorize content based on your preferences.
I recently recorded some videos from the comfy red chair in our office. Probably some useful things here to learn.
Level up on the JavaScript console in the Chrome DevTools. Look at XHR requests, learn console helper functions to monitor events or explore objects better. We dive into all sorts of goodies in the command lines API: console.time
, $0
, inspect()
, $$
, monitorEvents()
, keys()
, values()
, and copy()
.
In this one, I give you a heads up on recent DOM APIs with good browser support that were designed to make things easier for you. HTML5 classList
, dataset
, matchMedia()
, textContent
, and matchesSelector()
are explained and demonstrated.
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2011-09-27 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2011-09-27 UTC."],[],[]]