Resources for interview preparations (Front End).
Tags: javascript, html, css, react
Published: 2020-08-04 13:29:08

Hello there, if you have come to this post that means you are currently getting interviewed or are looking forward to get interviewed in the near future.

Keeping that in mind I've compiled a list of resources one can refer to get an upper hand during the interview process.

### Q&A format

1. [123 essential javascript questions](https://github.com/ganqqwerty/123-Essential-JavaScript-Interview-Questions)
    > Tricky questions on hoisting, inheritance, closures, null vs undefined, NaN...

2. [70 javascript interview questions](https://dev.to/macmacky/70-javascript-interview-questions-5gfi)
    > Dive deep into hoisting, inheritance, closures, promises, events...

3. [javascript mcq](https://github.com/lydiahallie/javascript-questions)
    > Practical code snippets in Q&A format.

---

### Concepts

1. [alexander zlatkov's how javascript works medium posts](https://blog.sessionstack.com/)
    > Internal working of JS includes event loop, v8 engine, classes and inheritance, storage engines, shadow dom, webRTC, garbage collection, service workers, web workers, web socket, HTTP/HTTP2, network layer, browser engine, rendering engine...

2. [akshay saini's youtube channel](https://www.youtube.com/c/akshaymarch7/videos)
    > Learn about event delegation, event propagation, debouncing, throttling, call, apply, bind, polyfills, curring.

3. [design pattern soumyajit pathak's medium posts](https://medium.com/better-programming/javascript-design-patterns-25f0faaaa15)
    > Brief overview of different design pattern

4. [addy osmani](https://addyosmani.com/resources/essentialjsdesignpatterns/book)
    > Dive deep into design pattern such as singleton, mediator, revealing module, pub sub...

5. [javascript concepts visualised](https://dev.to/lydiahallie)
    > not so easy concepts made easy with awesome visualiser.

6. [how to architect a front end application](https://dev.to/vycke/how-to-create-a-scalable-and-maintainable-front-end-architecture-4f47)
    > Learn different layer of front end application and their roles in the overall architecture. 

---

### HTML, CSS

1. [boxmodel](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model)
    > Learn about the box model

2. [flex](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
    > Layout using flexbox

3. [grid](https://yoksel.github.io/grid-cheatsheet/)
    > Layout using grid

4. [specificity](https://css-tricks.com/specifics-on-css-specificity/)
    > Learn about CSS specificity and selector priorities

5. [position](https://css-tricks.com/almanac/properties/p/position/)
    > Learn different positioning system used in CSS

6. [inline vs inline-block](https://alligator.io/css/display-inline-vs-inline-block/)
    > Learn difference between inline vs inline block vs block

---

### React

1. [react vs angular change detection](https://indepth.dev/what-every-front-end-developer-should-know-about-change-detection-in-angular-and-react/)
    > Learn how angular and react differ from each other in the context of change detection mechanism

2. [fiber architecture traversal](https://indepth.dev/the-how-and-why-on-reacts-usage-of-linked-list-in-fiber-to-walk-the-components-tree/)
    > Learn internal of React's fiber tree traversal process

3. [fiber architecture reconciliation]( https://indepth.dev/inside-fiber-in-depth-overview-of-the-new-reconciliation-algorithm-in-react/)
    > Learn internal of React's fiber tree reconciliation process

4. [internal working of props and life cycle hooks](https://indepth.dev/in-depth-explanation-of-state-and-props-update-in-react/)
    > Learn internal of props and state updation along with life cycle hooks

### Alogorithms

1. [tech dose](https://www.youtube.com/c/TECHDOSE4u/playlists)
    > Get to know the **why** of the solutions and how to develop intuition for algorithmic problems.

2. [tushar roy's](https://www.youtube.com/user/tusharroy2525/playlists)
    > Learn concepts of tree, graphs, dynamic programming. Different traversal strategies and problems.
3. [my code school](https://www.youtube.com/user/mycodeschool/playlists)
    > Learn the math and run time analysis of algorithms

### All front end interview question
[link](https://github.com/devAbhijeet/job-hunt-interview-questions-2020)