01
The Box Model & Spacing
Padding vs. Margin. We check if the visual rhythm is consistent. 16px is not 15px. Inconsistent spacing is the first sign of a low-quality build.
Exploring
QA Fundamentals
Mastering the art of breaking things to make them unbreakable. Logic, edge cases, and quality mindset.
Section Guide
01 / The SkepticThe Skeptic
The Skeptic
Mindset
Testing is not a phase; it's a pathological distrust of 'it works on my machine'.
"A QA engineer doesn't walk into a bar to order a beer. They order 1 beer, 0 beers, 999999999 beers, a lizard, and -1 beers."
Edge Cases
Hunting for the 1% scenario that crashes the system. We don't care about the happy path; we care about what happens when the user loses Wi-Fi while submitting a credit card form.
Critical Thinking
Analyzing requirements to find contradictions before a single line of code is written. QA starts at the documentation level.
02 / UIUI
UI
Anatomy
Learning to see the invisible structure of the modern web.
02
Component States
Hover, Focus, Active, Disabled, Loading. A button is not just a rectangle; it's a multi-state machine that must remain accessible to screen readers.
03
Typography & Hierarchy
Font-weights, line-heights, and contrast ratios. We verify if the text is legible across all devices and follows WCAG accessibility standards.
03 / TechnicalTechnical
Technical
Toolkit
The instruments we use to dissect, document, and debug reality.
| Domain | Standard Tool | Core Purpose |
|---|---|---|
| Documentation | Figma | Inspecting pixel values and design specs. |
| Tracking | Jira | Managing the bug lifecycle and sprint progress. |
| Debug | DevTools | Monitoring console errors and network latency. |
04 / HumanHuman
Human
Factor
Software is built by people. Quality is maintained through communication.
Working with Designers
You are the guardian of their vision. When a developer says "it's too hard to implement," you find the middle ground that preserves the user experience.
Working with Developers
Don't just report bugs—report solutions. Provide logs, reproduction steps, and screen recordings to make their fixing process as painless as possible.
The AcademyLearning
Learning
Pathology
From testing fundamentals to performance and security. A complete QA Engineer path from A to Z.
01
Go to Lessons UI Anatomy
Box Model, component states, typography and accessibility. Break down interfaces into testable elements.
02
Go to Lessons QA Toolkit
Figma, Jira, DevTools. Tools for bug documentation, fix cycles and network monitoring.
03
Go to Lessons Quality in Practice
Performance, security and accessibility testing. From the happy path to the hardest edge cases.