1. Animation inspection
2. Pretty Screenshotting
3. $0 in console
4. Arrow functions in the console
5. Selector selecting
6. Experimenting with colors
7. Checking the rendered font
8. Edit any text on the page
9. Filmstrip
10. Filtering on the network tab
11. Dark theme
12. Chrome snippets

Thanks to, Twelve Fancy Chrome DevTools Tips

tldr

1. Modify all model properties in the controller rather than the view; let the view have access to the capability via controller functions.
2. Keep all magic values (if you must have them at all) in the controller accessing them in the view via controller functions.
3. Evaluate all comparison, computation, and logical expressions in the controller, giving the view access to them via controller functions.
4. Pass to a controller function only what it does not already know: the loop parameter if in a loop, or no parameters at all if outside of a loop.

4 Keys to a Clean Angular Implementation