Front-end debugging
In this section, we'll briefly review the various front-end debugging options we have available (Visual Studio or the browser's developer tools). Right after that, we'll take a look at some Angular features that we can leverage to increase our awareness of the various tasks performed by our client-side application under the hood and debug them.
Visual Studio JavaScript debugging
Front-end debugging works just like back-end debugging, thanks to the JavaScript debugging feature of Visual Studio. The JavaScript debugger is not enabled by default, but the Visual Studio IDE will automatically ask whether to activate it or not the first time we put a breakpoint on a JavaScript (or TypeScript) file and run our app in debug mode.
As of the time of writing, client-side debugging support is only provided for Chrome and Microsoft Edge. On top of that, since we're using TypeScript and not JavaScript directly, the use of source maps is required...