Last active
October 20, 2020 18:14
-
-
Save adyontech/1f853bd4092ad956d2f75c6ffa00e9f8 to your computer and use it in GitHub Desktop.
Front-end interview experience
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ### Front-end interview experience | |
| > This is a post about my personal interview preparation & experience with more than a dozen companies. | |
| DISCLAIMER: _I never prepared for JS specific interview, my goal was to land a backend role, but KARMA SUCKS :P_ | |
| #### Go to resources | |
| TODO: ADD MORE INFO HERE. | |
| [Javascript Info](https://javascript.info/) (Best and most trusted for JS stuff). | |
| [Akshay's js channel](https://www.youtube.com/watch?v=ke_y6z0xRpk&list=PLlasXeu85E9eLVlWFs-nz5PKXJU4f7Fks) (Few videos are good, more on this later). | |
| #### Topics I got in interviews (JS) | |
| * Front-end optimization (check my blog) | |
| * Polyfill for: | |
| * Debounce (Akshay's video) | |
| * Throttle (Akshay's video) | |
| * Reduce (MDN) | |
| * PROMISES & CALLBACKS (VIP) | |
| * undefined vs null | |
| * call, apply. bind | |
| * "this", arrow function | |
| * strict mode | |
| * dom modification with js | |
| * event bubbling and capturing | |
| * currying | |
| * inheritance using functions (check my blog) | |
| * Garbage collector (Good To Know) | |
| * cookie vs local storage vs session storage | |
| #### Topics I got in interviews (REACT) | |
| * Hooks (what & why) | |
| * Lifecycle | |
| * Redux (basic) | |
| * "Key" in rendering. | |
| * functional vs class comp | |
| #### Code and system design (JS) | |
| * Implement "CSS sticky property with js" (I was allowed to google syntax :Sigh:) | |
| * carousel | |
| * Accordion | |
| * A decent UI from mock-up, API call, and all stuff (limited time) | |
| * lazy loading (surprisingly, smh I remembered the complete interaction observer boilerplate code.) :-) | |
| #### Code and system design (React) | |
| * nested comment, something like Reddit (1.5 hrs) where a user can click on any comment and reply to it. | |
| * At that time it was hard for me, I was able to lay down the complete logic showing and did UI for replying to comments but in end, it was ~80%. However, I got through the round :) | |
| * Card shuffle, need to create a UI where on click: a deck of the card will be shuffled into 4 sets. It includes card shuffle and some logic that I am not able to recollect. | |
| * FAILED, I found it difficult to code react in codepen (VS CODE made me dumb :P) and I was not able to collect my thoughts, may due to pressure (This was a BIG NAME) ¯\\_(ツ)_/¯ | |
| * File tree, something like VS CODE file tree where you click on a folder and it will show (and hide) inner files. | |
| * Design a Hackernews like of UI, explain state management. | |
| #### DS-ALGO | |
| > YES I FACED DS-ALGO QUES IN HALF OF THE COMPANIES. | |
| I prefer Leetcode for general interview prep. | |
| --- | |
| > No JS was harmed during any of my interviews (sorry, bye :P) | |
| --- | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment