Book Image

MEAN Web Development - Second Edition

By : Amos Q. Haviv
Book Image

MEAN Web Development - Second Edition

By: Amos Q. Haviv

Overview of this book

The MEAN stack is a collection of the most popular modern tools for web development that helps you build fast, robust, and maintainable web applications. Starting with the MEAN core frameworks, this pragmatic guide will explain the key concepts of each framework, how to set them up properly, and how to use popular modules to connect it all together. By following the real-world examples shown in this tutorial, you will scaffold your MEAN application architecture, add an authentication layer, and develop an MVC structure to support your project development. You will learn the best practices of maintaining clear and simple code and will see how to avoid common pitfalls. Finally, you will walk through the different tools and frameworks that will help expedite your daily development cycles. Watch how your application development grows by learning from the only guide that is solely orientated towards building a full, end-to-end, real-time application using the MEAN stack!
Table of Contents (18 chapters)
MEAN Web Development Second Edition
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface
Index

Debugging Angular applications with Angular Augury


Debugging most of the Angular part of your MEAN application is usually done in the browser. However, debugging the internal operations of Angular can be a bit trickier. For this purpose, a joint team from Google and Rangle.io created a Chrome extension called Angular Augury. Angular Augury extends the Chrome Developer Tools with a new tab where you can debug different aspects of your Angular application. Installing Angular Augury is quite straightforward. All you have to do is visit the Chrome web store at https://chrome.google.com/webstore/detail/augury/elgalmkoelokbchhkhacckoklkejnhcd and install the Chrome extension.

Note

Angular Augury will work only on the Google Chrome browser.

Using Angular Augury

Once you're done installing Angular Augury, use Chrome to navigate to your application URL. Then, open the Chrome Developer Tools panel, and you should see an Angular tab. Click on it and a panel similar to what is shown in the following screenshot...