From 6d259ecebd3ffa4921df60827f8700c9dc21c728 Mon Sep 17 00:00:00 2001 From: Carlos Date: Sun, 3 Aug 2025 16:04:51 -0400 Subject: [PATCH] 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 --- LICENSE | 21 +++++++++++++++++++++ README.md | 35 +++++++++++++++++++++++++++++++++++ 2 files changed, 56 insertions(+) create mode 100644 LICENSE diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..1c1450f --- /dev/null +++ b/LICENSE @@ -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. \ No newline at end of file diff --git a/README.md b/README.md index 28e7be1..31b4cc8 100644 --- a/README.md +++ b/README.md @@ -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 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)