Talk about debugging using Chrome DevTools

[GradedJestRisk]

2 motives for this:

• being able to check this assumption

  The new song is now created and added to the related band's songs array correctly and yet we don't see the new song appear in the list.

• being able to diagnose bugs, especially for people which are typing the code, not copy/pasting

It can be straightforward:

• activate sourcemap in ember-cli-build.js => add sourcemaps: {enabled: true},
• check the devTools console to see if any exception is thrown
• in debugger tab, add some breakpoints (or a debugger; statement in source code)
• trigger the appropriate action to reach berakpoint
• explain that Ember add methods and properties of its own to JS objects, so in order to see its content, go to prototype and clic >> (invoke getter)

[balinterdi]

That's a good idea and I think it warrants a separate section (maybe in the Appendix) about debugging.

[GradedJestRisk]

Great idea !