docs: add MIT license and update debugging resources

- Add MIT license file with 2024 copyright
- Add license section to README with link to LICENSE file
- Replace CSS debugging article with new Medium article
- Replace Elements/Styles article with comprehensive DEV.to guide
- Add new frontend debugging basics article by Bikash Halder
- Update resource collection to 5 comprehensive debugging articles
- Improve learning progression from basics to advanced techniques
This commit is contained in:
Carlos
2025-08-03 16:04:51 -04:00
parent e6015aae44
commit 6d259ecebd
2 changed files with 56 additions and 0 deletions

21
LICENSE Normal file
View File

@@ -0,0 +1,21 @@
MIT License
Copyright (c) 2024 Debug Project
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

View File

@@ -107,3 +107,38 @@ By the time you're done with this app, you should be able to:
- **Explain your fix to someone else** to test if you truly understand it - **Explain your fix to someone else** to test if you truly understand it
Remember: The goal isn't to fix everything perfectly. It's to build the debugging instincts that will serve you in real-world development. Happy hunting! Remember: The goal isn't to fix everything perfectly. It's to build the debugging instincts that will serve you in real-world development. Happy hunting!
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
---
## Recommended Reading & Debugging Resources
These articles go deeper into the strategies and mindset that will make you a more effective frontend debugger.
### **How to Debug CSS**
*by S. Mustaf*
Covers CSS debugging techniques, common styling issues, and how to use browser DevTools to troubleshoot layout and styling problems effectively.
[Read it here](https://medium.com/@s.mustaf.m/how-to-debug-css-5aa17307267a)
### **Practical Debugging Guide: The Art of Solving Frontend Problems**
*by João Victor*
A comprehensive guide covering Chrome DevTools mastery, React debugging techniques, unit testing strategies, and security best practices for effective frontend problem-solving.
[Read it here](https://dev.to/fonteeboa/practical-debugging-guide-the-art-of-solving-frontend-problems-15p5)
### **Stop Googling: How AI Changed the Way I Debug Frontend Code**
*by JavaScript in Plain English*
Discusses how modern devs are pairing intuition with AI tools (like ChatGPT) to form better hypotheses, understand unfamiliar codebases, and debug faster.
[Read it here](https://javascript.plainenglish.io/stop-googling-how-ai-changed-the-way-i-debug-frontend-code-bcb86946594c)
### **5 Common Types of Frontend Bugs and How to Debug Them**
*by José Matos*
Covers recurring frontend bugs—like async race conditions, re-render issues, and DOM manipulation problems—and how to spot them quickly in the wild.
[Read it here](https://blog.josematos.work/5-common-types-of-frontend-bugs-and-how-to-debug-them-b0e8de38166e)
### **Understand the Basics of Frontend Debugging and Troubleshooting**
*by Bikash Halder*
A foundational guide covering essential debugging concepts, common troubleshooting techniques, and systematic approaches to solving frontend problems.
[Read it here](https://medium.com/@bikashhalder002/understand-the-basics-of-frontend-debugging-and-troubleshooting-ffe6fb8b4a44)