DEV Community

Seonyoung Chloe (she/they)
Seonyoung Chloe (she/they)

Posted on

4

69: What is the bug in front-end development

QUESTION: My curiosity never stops

  • What is the purpose of learning JS grammar
  • why does the bug happen?
  • I wondered why it matters to solve bugs, in frontend development,
  • Why does it happen while creating?
  • What sort of accidents would it be possible to happen?

LET'S FOCUS ON THE FRONTEND DEVELOPMENT BUGS FIRST!

This is an informative post, which I got an idea from this article ::::: How to Get Rid of Frontend bugs


  1. Content Bugs: Missing or invalid data when not handled properly can lead to bugs such as broken images, links that lead you to 404s, empty tooltips, and typos.

  2. Functional Bugs: Forms that don’t submit, buttons that do nothing, requirements that are not fulfilled, and 500 pages stop users from reaching their goals.

  3. Visual bugs: When interfaces look broken it sometimes (overflow) gets considered as functional bugs as well. Text overflows, alignment, and cropped interfaces all have a great impact on the user experience.

  4. Accessibility Bugs: Often overlooked, popular bugs include keyboard navigation issues, missing alternative texts, and color contrast issues.

  5. Internationalization Bugs: Famously known for RTL problems, wrong currencies, missing content, truncation, and date formats.

  6. Performance Bugs: Images that take forever to load, or even worse pages that don’t render until the user already leaves.

  7. Browser Compatibility Bugs: All of the IE memes and jokes do not come without a reason. Occasionally, features work on some browsers but not for others.

  8. Security Bugs: Generally thought as a backend problem, yet on the frontend, you are also subjected to security threats. Especially, when you use third parties that inject javascript that has the same powers as your own javascript.

  9. Usability Suggestion: Users might be facing a challenging user experience that they think the feature doesn’t actually work, and hence stop using your application as well.

Image of Datadog

Master Mobile Monitoring for iOS Apps

Monitor your app’s health with real-time insights into crash-free rates, start times, and more. Optimize performance and prevent user churn by addressing critical issues like app hangs, and ANRs. Learn how to keep your iOS app running smoothly across all devices by downloading this eBook.

Get The eBook

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay