Frontend Engineering

Accessibility basics for forms and components

Explains labels, keyboard behavior, focus, semantic HTML, errors, color contrast, and accessible custom controls.

A CSS rule appears correct but does not win, or unexpectedly affects descendants. How would you debug the cascade?

Debugs matched rules, cascade origin, importance, layers, specificity, source order, inheritance, and computed values.

A method works when called directly but loses its receiver when passed as a callback. What happened?

Explains call-site-dependent this binding and compares wrapper, bind, and arrow-function fixes.

A Next.js page streams locally but arrives all at once in production. How do you diagnose it?

Traces buffering through the production artifact, proxy chain, compression, cache, platform adapter, and version consistency.

A page repeatedly reads and writes layout during interaction and becomes slow. How would you diagnose and fix it?

Diagnoses forced synchronous layout from interleaved geometry reads and style writes, then batches work and reduces its scope.

A rejected promise bypasses the error handling you expected. How do errors propagate through promises and async/await?

Traces synchronous throws and promise rejections through chains, awaits, missing returns, and detached work.

.NET Full Stack

Full-cycle .NET full-stack interview preparation.

A role-based preparation path covering C#, ASP.NET Core APIs, data access, frontend integration, testing, deployment, system design, real-life scenarios, and behavioral interview topics.

Frontend Engineering Foundations

Shared JavaScript, TypeScript, browser, and CSS foundations for modern frontend interviews.

A framework-neutral frontend foundation covering JavaScript semantics, TypeScript contracts, browser rendering, CSS diagnosis, storage, caching, and production deployment failures.

React & Next.js Frontend Foundations

Frontend mechanics for product-focused full-stack engineers.

A focused frontend path covering TypeScript and browser foundations, React components and state, hooks, data fetching, Next.js rendering, accessibility, testing, performance, security, and practical UI implementation.

React & Next.js Practical UI Labs

Build the interaction, handle every state, and prove it through user behavior.

A hands-on frontend interview track covering accessible forms, API error mapping, duplicate-submit protection, uploads, data states, search races, optimistic rollback, URL filters, server-client boundaries, capability-aware UI, hydration, component tests, error recovery, render performance, and Playwright flows.