Technical in depth question about Front end development. I was impressed with type of question asked.
Senior Front End Developer Interview Questions
1,429 senior front end developer interview questions shared by candidates
There were pieces of code and I was asked about scope and the resulting values of variables after the code was run. Scope, prototypes, different functions such as bind etc. For this role, you would need to know JavaScript inside and out.
Coding challenge in code-sandbox - demonstrate how useCallback operates, then implement your own custom useCallback but without using useEffect & useMemo.
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.
State Management in React Application
Some questions on angular 1
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.
One question related to API, but was not able to complete as the interviewer was running out of time
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
- Typescript Generics - Redux, how to handle side effects
Viewing 1381 - 1390 interview questions