Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sumansourabh14/full-stack-interview-prep

Helpful resources for interview prep: Code challenges, blogs, etc.
https://github.com/sumansourabh14/full-stack-interview-prep

Last synced: 30 days ago
JSON representation

Helpful resources for interview prep: Code challenges, blogs, etc.

Awesome Lists containing this project

README 

        
# Full Stack Interview Prep

### Helpful resources for full stack interview preparation: Code challenges, blogs, etc.



- Includes resources on Web fundamentals, HTML, CSS, JavaScript, React, SEO, Database (MongoDB), etc.



## JavaScript



### Topics



- [Top 10 JavaScript Interview Questions EXPLAINED!](https://youtu.be/tOo9c6SK_do?si=4CoQUzL4zwlbOtQp)

- setTimeout Interview questions, related to Event loop, Microstask queue

- Placement of JS files (script tag using async/defer)

    - Critical rendering path

- var vs let vs const

    - Block scope, TDZ (Temporal Dead Zone)

- Closures

    - Examples of closures

- Functional Programming

    - Functions

      - [Pure functions](https://dev.to/codeofrelevancy/you-need-to-know-about-pure-functions-impure-functions-in-javascript-57#:~:text=A%20pure%20function%20is%20a,always%20return%20the%20same%20value.)

      - First class functions

    - Polyfills of map, filter, reduce

    - Curring

    - Compose

- this

    - Call, bind, apply

    - this in arrow functions

    - When does this points to the window object?

- Which framework will you choose to do certain task: React, Angular, Vue?

- React vs Next.js

    - SSG, SSR, SPA

- Async JS (Outputs

    - Callbacks

    - Promises

    - async/await

    - How to exit callbacks

    - Promises implementation

    - How to manage those 3 states

    - How to do 2 parallel requests: https://rapidapi.com/guides/parallel-api-requests

    - How to do sub sequential requests

- Debounce vs Throttle

- Prototypical Inheritance



## React



- [Top 12 React Interview Questions 🔥 for Freshers & Experienced](https://youtu.be/uE925hp9KDk?si=fnFmLCXHX8EJL48m)

- What is React and how is it different from other JavaScript frameworks?

    - Virtual DOM, view oriented, unidirectional data flow (parent to child), component-based architecture

- Virtual DOM

- Reconciliation (How does React handles updates and rendering?)

     - Diffing Alogrithm

- How does data flow?

    - Props

    - State

- Difference between SSR (Server side rendering) and CSR (Client side rendering)

- Ref and its uses in React

- Why were hooks introduced?



### Advanced



- What is React Fiber?

- What are synthetic events?



## Code Sandboxes - Code Challenges



### React



- [To Do App - React](https://codesandbox.io/s/to-do-app-practice-forked-52nsyh)

- [Nested Drop Down Menu in React](https://codesandbox.io/s/nested-drop-down-menu-7678cx?file=/src/App.js)

  - [Question on YouTube](https://youtu.be/EirBuUUPbio)

- [Fetching data from API (datamuse)](https://codesandbox.io/s/fetch-data-from-api-6tz4ys?file=/src/App.js)



## Resources



### Web



- [How the web works - MDN](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/How_the_Web_works)

- **How the Web Works (3 Part Series):**

    - [How the Web Works: A Primer for Newcomers to Web Development (or anyone, really)](https://www.freecodecamp.org/news/how-the-web-works-a-primer-for-newcomers-to-web-development-or-anyone-really-b4584e63585c/)

    - [Part II: Client-Server Model & the Structure of a Web Application](https://medium.com/free-code-camp/how-the-web-works-part-ii-client-server-model-the-structure-of-a-web-application-735b4b6d76e3)

    - [Part III: HTTP & REST](https://medium.com/free-code-camp/how-the-web-works-part-iii-http-rest-e61bc50fa0a)

- [What are cookies? (by cloudfare)](https://www.cloudflare.com/learning/privacy/what-are-cookies/)

- [What is CSR, SSR, SSG, and ISR?](https://youtu.be/YkxrbxoqHDw?si=W6VmsegAofYSibo_)

- **Server Side Programming:**

     - [Introduction to the server side](https://developer.mozilla.org/en-US/docs/Learn/Server-side/First_steps/Introduction)



### Database



- [What is a serverless database?](https://www.cockroachlabs.com/blog/what-is-a-serverless-database/)



### JavaScript



- [JavaScript Interview Prep Cheatsheet](https://www.freecodecamp.org/news/javascript-interview-prep-cheatsheet/)

- [Critical rendering path (MDN)](https://developer.mozilla.org/en-US/docs/Web/Performance/Critical_rendering_path)

- [How Web Storage Works – Local Storage vs Session Storage Explained](https://www.freecodecamp.org/news/how-web-storage-works/)

- [The most popular JavaScript interview question: Can you get setTimeout() to behave?](https://medium.com/@mlgerardvla/the-most-popular-javascript-interview-question-can-you-get-settimeout-to-behave-972afceda50d)

- [this keyword in JavaScript](https://youtu.be/9T4z98JcHR0?si=oFSSrv2rYtSbYlZk)



### React



- [React SEO and Best Practices](https://ahrefs.com/blog/react-seo/)



### UI/UX



- [Everything you need to know as a UI designer about spacing & layout grids](https://medium.com/design-with-figma/everything-you-need-to-know-as-a-ui-designer-about-spacing-layout-grids-2bc269e12321)