Design & User Experience Topics
User experience design, frontend architecture, and design systems. Includes UX principles, accessibility, and design documentation.
Frontend Component and State Architecture
Structuring client applications for maintainability: component architecture and code organization, state management and data flow, data-fetching patterns, routing and navigation, micro-frontends, and rendering strategy trade-offs. Covers designing a frontend that scales in complexity without becoming brittle.
Design Tools and AI-Assisted Workflows
Working fluently with the modern design toolchain and staying current: proficiency with design and prototyping tools, AI-assisted design workflows, and awareness of emerging tools, trends, and best practices. Covers speeding up execution with the right tools and evaluating when new tools or trends genuinely improve the work.
Frontend Fundamentals: HTML, CSS, and Responsive Styling
The core web-platform skills behind interfaces: semantic HTML, the CSS box model, cascade and specificity, layout systems (flexbox, grid), and responsive styling. Covers writing accessible, well-structured markup and building responsive layouts that hold up across viewports. The implementation foundation for UI work.
Responsive, Multi-Platform, and Localized Design
Adapting a single experience across the varied contexts real users bring to it: responsive layouts, mobile-first strategy, breakpoint reasoning, touch and gesture design, and platform interaction guidelines (iOS, Android, web), plus internationalization and localization such as right-to-left and multilingual layouts, text expansion, locale-specific formats, and cultural adaptation. Covers respecting device, platform, and regional conventions while keeping a coherent product feel, and anticipating these constraints early rather than as a late patch.
Accessibility and Inclusive Design
Designing and building for the full range of users and abilities: WCAG conformance levels and what they actually require, semantic markup and ARIA, keyboard and screen-reader support, color contrast and non-color affordances, accessible forms and error states, audio and alternative feedback, accessibility testing and audit, and disability-inclusive research. Covers accessible interaction patterns and treating accessibility as a first-class engineering constraint rather than a retrofit. The scope is accessibility as an engineering and design competency: not workplace diversity, inclusion and belonging, not algorithmic fairness or model bias, and not responsive or multi-platform layout as topics in their own right.
Design Handoff and Developer Collaboration
Getting a design built as intended: handoff specs, redlines, design tokens, and clear communication with engineers. Covers translating mockups into implementable guidance, resolving tension where design meets technical reality, and collaborating so the shipped product matches the intent. The seam between design and engineering.
Mobile UI Implementation and Architecture
Building native and mobile-web interfaces: mobile client architecture, view-controller and view-hierarchy patterns, responsive mobile UI implementation, and image and media handling on constrained devices. Covers the architecture and implementation decisions specific to delivering polished mobile experiences.
Interaction Design and Prototyping
Designing how a product behaves and expressing it as testable artifacts: ideation and sketching, low- to high-fidelity prototypes, interaction patterns, and interactive specifications. Covers rapid solution exploration, choosing prototype fidelity for the question at hand, and designing real-time and dynamic interactions. The craft of turning concepts into interactive form.
Frontend Performance and Rendering Optimization
Making web experiences fast: Core Web Vitals, the critical rendering path, page-speed optimization, and client-side performance techniques. Covers measuring web-performance metrics, diagnosing bottlenecks in loading and rendering, and the trade-offs of different rendering strategies for perceived and actual speed.