solve puzzle algo to find a path from point X to point Y
Senior Front End Developer Interview Questions
1,433 senior front end developer interview questions shared by candidates
Describe the process of how you would design a function to test if a number (or any user input) is an integer in JavaScript.
- Typescript Generics - Redux, how to handle side effects
Aggregate data grouped by label - Your task is to fetch a list of conference rooms and label hierarchy and to display in a graph the total capacity of all conference rooms by label. 1. Fetch data You are given 2 API endpoints to use: getConferenceRooms Fetch a list of all conference rooms (no arguments) - returns a Promise that resolves into a list of conference room objects. Sample response: [ { "id": 1, "name": "Strawberry", "buildingName": "KennedyA", "labels": [4, 1], "capacity": 40, "hasProjector": true, "hasTv": true }, ... ] getLabels Fetch a list of all available labels (no arguments) - returns a Promise that resolves into a list of label objects. Sample response: [ { "id": 1, "name": "Large", "parentId": null }, ... ] 2. Calculate Total Capacity by Label Each conference room has a capacity: Number attribute and an optional list of labels?: Array representing IDs of the labels assigned to the room. Each Label has a name: String and an optional parentId: Number . Labels have hierarchy - A label is a child of another label if the other label has parentId that matches its id. Labels hierarchy is recursive - a label's descendants are its children, and all of their children recursively. Rooms are associated with a label if room.labels has the label or any of its descendants. The total capacity for a label is the sum of the capacity of all rooms associated with the label. 3. Display a Graph You are provided with a BarGraph component: Use it to display the graph of Total Capacity by Label as pictured above. 4. Filter the data You are provided with a Select component: Use it to select the labels to show in the graph. When no labels are selected show all labels in the graph.
Implement application with sidebar by given mock-up in png using react, redux, typescript. It should have select, like/dislike and filtering + sorting. Add test coverage. Make it responsive and host on any platform.
How would you tell a junior developer that he isn't performing well?
1. Prototypal inheritance vs inheritance 2. Scoping (Multiple trick questions , scope chain) 3. Closure 4. Apply and Bind 5. Event Loop 6. Callback(asynchronus concepts in Javascript), Async,await 7. Promise 8. ES6(Arrow function , Classes,Object literals, Spread and Rest, destructuring ) 9. Diff bet map and set 10. Hoisting , (let/var/const) 11. What is prototype 1. Whats new in HTML5 compared to HTML 2. A few questions on canvas, header, nav 3. What are semantic elements in HTML 4. Name new form elements you used in HTML5 1. Diff bet external/internal/inline css 2. How to make page responsive using just css 3. Diff bet block and inline block 4. About position property, when to use what value 5. Whats a pseudo class 6. Flexbox
Please describe one of your achivements
What different screen reader have you used and how accessibility was tested for a product.
Don't remember any specific questions.
Viewing 1411 - 1420 interview questions