In this episode we dive into the world of troubleshooting and debugging exploring different methodologies and tools that should help you take out any pesky bugs you might come across.
Segment 1 - Troubleshooting Methodologies
- Process of Elimination
- Slowly eliminate parts of your code that might be the culprit
- Narrow down the culprit then perform the process of elimination on the section that is causing the issue
- Don't be afraid to Google/research
- Researching is nothing to be ashamed of, it does not mean you don't know what you're doing
- As you look things up you'll be enhancing your researching skills, which is helpful when treading into new technologies
- Learn the Source
- Don't just bandaid the issue
- Find out the who, what, where, when, why, and how
- Apply an actual fix to the issue wherever possible and take measure to prevent it from happening again
Segment 2 - Debugging in the Browser
- UI/UX Debugging
- Using console window on Google Chrome
- Inspecting elements to determine proper positioning and check if something is overlapping
- Primarily use: Elements View, Styles View, and Console
- Using console.log to check how a program is running
- Advanced Console Debugging
- JS Breakpoints to check on parts of programs
- Better than console logs in some more advanced cases
- Can check all local variables at a select breakpoint
- Postman for DB Debugging
- JS Breakpoints to check on parts of programs
Segment 3 - Application/Storytime
- Troubleshooting Cordova Apps on Android
- Longevity testing
- Wireless adb debugging
- Passing console logs through from webview to Android through an interface
- Crashing issues
- Media playback issues
- VPN Gateway Failure (some details changed for security procedure
- IT support issue
- Establishing a tunnel worked but routing internally didn't work
- Ended up being an NDP issue
- Most advanced troubleshooting Matt has possibly done (most involved - over 2 weeks of work)
Web News - Experience Doesn't Trump Research
- Don't shy away from research
- We typically have the documentation of a given framework or library that we are using, pulled up on a tab at all times
- Impossible to commit everything to memory
- Getting muscle memory, intuition, and research skills down pat makes you a proper "technician" for software engineering and IT work
You can find us on...
Facebook | Twitter | Instagram | Medium | YouTube | GitHub | Spotify
More Episodes
The Web Technologies of 2020
2021-01-06
2021-01-06
Web News - Releasing Buggy Products
2020-12-17
2020-12-17
Side Hustles VS Side Projects
2020-12-16
2020-12-16
Revisiting Old Projects
2020-12-09
2020-12-09
Customer Support for Web Developers
2020-12-02
2020-12-02
What's Right With Web Development?
2020-11-26
2020-11-26
What's Wrong With Web Development?
2020-11-18
2020-11-18
Reach Is the Internet's Currency
2020-11-11
2020-11-11
What You Need to Know About Package Managers
2020-11-04
2020-11-04
What We Need to Do Better
2020-10-21
2020-10-21
Balancing Different Stacks & Technologies
2020-10-15
2020-10-15
Should You Open Source?
2020-10-07
2020-10-07
Scope Creep
2020-09-30
2020-09-30
What's New in Vue 3.0
2020-09-23
2020-09-23
The Untold Story of Web Development
2020-09-16
2020-09-16
Day in the Life of a Web Developer
2020-09-09
2020-09-09
Plugins
2020-08-26
2020-08-26
Vanilla vs Webflow
2020-08-19
2020-08-19
Get this podcast on your
phone, FREE
