Role: Frontend Software Development Engineer (SDE)
College: Not Specified
Interview Date: Not Specified (Posted Sep 19, 2024)
Interview Type: Full-Time
Result: Not Specified
Difficulty: Medium-Hard
Rounds: 4 rounds
Topics Asked: HTML, CSS, JavaScript, React, Accessibility, SEO, Machine Coding, System Design, Behavioral
Experience:
This detailed experience for a Frontend SDE role covered various aspects of frontend development.
Round 1: Online Assessment
Round 2: Javascript Round
- Primarily focused on JavaScript and frontend concepts.
- Questions on Semantic Elements in HTML (importance, accessibility, SEO).
- How to make normal tags SEO-friendly (e.g., alt attributes for images, meta tags).
- React Helmet: Explanation of its use for managing document head and dynamic updates for SEO.
- CSS Preprocessors (SASS, LESS): Discussion on features like variables, nesting, mixins, and maintainability.
- Tailwind CSS: Knowledge of its utility-first approach and development speed.
- Pseudo Elements (::before, ::after) and Pseudo Classes (:hover, :focus): Differences and use in custom UI components.
- Accessibility (A11Y): Making a button and input box accessible.
Round 3: Machine Coding Round
- Two coding tasks focusing on implementing UI components with clean and efficient code.
- Task 1: Build an accordion component with smooth open/close animations (managing state, CSS transitions, responsive UI).
- Task 2: Create a paginated list (client-side and server-side pagination, responsive design).
- Another candidate for a Frontend Engineer role mentioned implementing a Breadcrumb Component for nested objects.
Round 4: HM (Hiring Manager) Round
- Deep dive into past experiences and motivation for the role.
- Discussion of recent projects, technologies used, impact, challenges, and solutions.
- Experience with error logging tools like Crashlytics.
- What excites the candidate most in the tech world (user-centric features, performance-optimized, scalable frontend applications).
- Reasons for considering a change from the current position (desire for challenging opportunities, innovative projects).
- Initiatives taken in the current team (improving code quality, enhancing UI performance).
- Changes the candidate would make at their current company (improving developer productivity through better tooling and automated workflows).
- Openness to becoming a full-stack developer.
- Behavioral questions on handling disagreements with managers and team conflicts, and why DP World's values resonate.
- System design discussion, e.g., URL Shortener Flow and Performance Metrics (CLS, LCP, FCP).
Overall, the process tested technical knowledge, problem-solving, and communication skills, with challenging and insightful questions.