stacktrace.js v2.0 is out, featuring ES6 support, better stack frames, and more!
Unlike many tutorials that teach isolated code snippets, this course focuses on . You don't just learn syntax; you learn how to think like a developer, solve complex problems, and architect large-scale applications. 1. Real-World Projects for Your Portfolio
This course is perfect for:
"The Complete JavaScript Course 2020: Build Real Projects!" by Jonas Schmedtmann on Udemy is a comprehensive, project-driven curriculum that covers modern ES6+ syntax, behind-the-scenes theory, and practical application. The course features over 50 coding challenges and major, non-boring projects including the Pig Game, Bankist app, and Mapty to build a professional portfolio. For the full course details, visit Udemy. Udemy +3 AI can make mistakes, so double-check responses Copy Creating a public link... You can now share this thread with others Good response Bad response 4 sites The Complete JavaScript Course 2025: From Zero to Expert! What you'll learn * Become an advanced, confident, and modern JavaScript developer from scratch. * Build 6 beautiful real-world pr... Udemy The Complete JavaScript Course 2020: Build Real Projects ... Jun 15, 2019 —
This course is designed for beginners and intermediate learners who want to master JavaScript. You'll start with the basics and gradually move on to more advanced topics, including:
Yes, with one caveat.
Click the "Enroll" button to get started with the course. You can also preview the course videos and materials before enrolling.
More than meets the eye
5 tools in 1!
stacktrace.js - instrument your code and generate stack traces
stacktrace-gps - turn partial code location into precise code location
The Complete Javascript Course 2020: Build Real Projects! Videos Jun 2026
In version 1.x, We've switched from a synchronous API to an asynchronous one using Promises because synchronous ajax calls are deprecated and frowned upon due to performance implications.
All methods now return stackframes. This Object representation is modeled closely after StackFrame representations in Gecko and V8. All you have to do to get stacktrace.js v0.x behavior is call .toString() on a stackframe.
Use Case: Give me a trace from wherever I am right now
var error = new Error('Boom');
printStackTrace({e: error});
==> Array[String]
v1.x:
var error = new Error('Boom');
StackTrace.fromError(error).then(callback).catch(errback);
==> Promise(Array[StackFrame], Error);
If this is all you need, you don't even need the full stacktrace.js library! Just use error-stack-parser!
ErrorStackParser.parse(new Error('boom'));
Use Case: Give me a trace anytime this function is called
Instrumenting now takes Function references instead of Strings.
v0.x:
function interestingFn() {...};
var p = new printStackTrace.implementation();
p.instrumentFunction(this, 'interestingFn', logStackTrace);
==> Function (instrumented)
p.deinstrumentFunction(this, 'interestingFn');
==> Function (original)
v1.x:
function interestingFn() {...};
StackTrace.instrument(interestingFn, callback, errback);
==> Function (instrumented)
StackTrace.deinstrument(interestingFn);
==> Function (original)
The Complete Javascript Course 2020: Build Real Projects! Videos Jun 2026
.parseError()
Error: Error message
at baz (http://url.com/file.js:10:7)
at bar (http://url.com/file.js:7:17)
at foo (http://url.com/file.js:4:17)
at http://url.com/file.js:13:21
Parsed Error
.get()
function foo() {
console.log('foo');
bar();
}
function bar() {
baz();
}
function baz() {
function showTrace(stack) {
var event = new CustomEvent('st:try-show', {detail: stack});
document.body.dispatchEvent(event);
}
function showError(error) {
var event = new CustomEvent('st:try-error', {detail: error});
document.body.dispatchEvent(event);
}
StackTrace.get()
.then(showTrace)
.catch(showError);
}
foo();
StackTrace output
The Complete Javascript Course 2020: Build Real Projects! Videos Jun 2026
Unlike many tutorials that teach isolated code snippets, this course focuses on . You don't just learn syntax; you learn how to think like a developer, solve complex problems, and architect large-scale applications. 1. Real-World Projects for Your Portfolio
This course is perfect for:
"The Complete JavaScript Course 2020: Build Real Projects!" by Jonas Schmedtmann on Udemy is a comprehensive, project-driven curriculum that covers modern ES6+ syntax, behind-the-scenes theory, and practical application. The course features over 50 coding challenges and major, non-boring projects including the Pig Game, Bankist app, and Mapty to build a professional portfolio. For the full course details, visit Udemy. Udemy +3 AI can make mistakes, so double-check responses Copy Creating a public link... You can now share this thread with others Good response Bad response 4 sites The Complete JavaScript Course 2025: From Zero to Expert! What you'll learn * Become an advanced, confident, and modern JavaScript developer from scratch. * Build 6 beautiful real-world pr... Udemy The Complete JavaScript Course 2020: Build Real Projects ... Jun 15, 2019 —
This course is designed for beginners and intermediate learners who want to master JavaScript. You'll start with the basics and gradually move on to more advanced topics, including:
Yes, with one caveat.
Click the "Enroll" button to get started with the course. You can also preview the course videos and materials before enrolling.
The Complete Javascript Course 2020: Build Real Projects! Videos Jun 2026
Turn partial code location into precise code location
This library accepts a code location (in the form of a StackFrame) and returns a new StackFrame with a more accurate location (using source maps) and guessed function names.
Usage
var stackframe = new StackFrame({fileName: 'http://localhost:3000/file.min.js', lineNumber: 1, columnNumber: 3284});
var callback = function myCallback(foundFunctionName) { console.log(foundFunctionName); };
// Such meta. Wow
var errback = function myErrback(error) { console.log(StackTrace.fromError(error)); };
var gps = new StackTraceGPS();
// Pinpoint actual function name and source-mapped location
gps.pinpoint(stackframe).then(callback, errback);
//===> Promise(StackFrame({functionName: 'fun', fileName: 'file.js', lineNumber: 203, columnNumber: 9}), Error)
// Better location/name information from source maps
gps.getMappedLocation(stackframe).then(callback, errback);
//===> Promise(StackFrame({fileName: 'file.js', lineNumber: 203, columnNumber: 9}), Error)
// Get function name from location information
gps.findFunctionName(stackframe).then(callback, errback);
//===> Promise(StackFrame({functionName: 'fun', fileName: 'http://localhost:3000/file.min.js', lineNumber: 1, columnNumber: 3284}), Error)
The Complete Javascript Course 2020: Build Real Projects! Videos Jun 2026
Extract meaning from JS Errors
Simple, cross-browser Error parser. This library parses and extracts function names, URLs, line numbers, and column numbers from the given Error's stack as an Array of StackFrames.
Once you have parsed out StackFrames, you can do much more interesting things. See stacktrace-gps.
Note that in IE9 and earlier, Error objects don't have enough information to extract much of anything. In IE 10, Errors are given a stack once they're thrown.