Learning JavaScript Debugging

Learning JavaScript Debugging

Whether you're new to coding or an experienced developer, bugs are an inevitable part of web development. Debuggers can make the task of finding and fixing those bugs much easier. In this course, learn how to work with a debugger to efficiently locate and resolve issues in your JavaScript projects. Instructor Joe Chellman provides a language-centered guide to dealing with the complexities involved in creating for the largest distributed platform out there: the web. He covers why we need debuggers, goes over notable jargon and concepts, and steps through the basics of using a debugger. He then takes a look at debugging in practice, sharing how to debug a React application in Chrome, how to debug on iOS using Simulator, how to debug a WordPress theme in Visual Studio Code, and more.

Topics include:

  • Understanding the need for a debugger
  • Debuggers in web browsers
  • Basic debugger concepts
  • Debugging the use of a jQuery plugin
  • Remote debugging on an Android device
  • Debugging a node application in WebStorm
  • Using a debugger as a learning tool on a live site

课程信息

  • 英文名称:Learning JavaScript Debugging
  • 时长:2小时49分
  • 字幕:英语

课程目录

  1. Welcome
  2. What you should know
  3. Exercise files
  4. What's new in this update
  5. Using challenges
  6. Introducing our friend, the debugger
  7. Important jargon and concepts
  8. Debuggers in web browsers
  9. The importance of a good editor and IDE
  10. Why debugging AJAX can be tricky
  11. Debugging without a debugger
  12. Leverage more of the Console API
  13. Stop and look around: Simple breakpoints
  14. Explore other breakpoint options
  15. Challenge: Knowing when to stop
  16. Solution: Knowing when to stop
  17. Step into, over, and out of functions
  18. Find out where you are using the call stack
  19. Monitor variables with watches
  20. Source maps to debug minified files
  21. Challenge: Putting it all together
  22. Solution: Putting it all together
  23. Debugging the use of a jQuery plugin
  24. Debugging a React application in Chrome
  25. Debugging on iOS using Simulator
  26. Remote debugging on an Android device
  27. Challenge: Other people's code
  28. Solution: Other people's code
  29. Debugging a node application in WebStorm
  30. Setting up the WordPress example
  31. Debug a WordPress theme in Visual Studio Code
  32. Use a debugger as a learning tool on a live site
  33. Challenge: Debugging with an IDE
  34. Solution: Debugging with an IDE
  35. Next steps
  36. Extra JavaScript resources

评论