/JSConcepts

Primary LanguageJavaScript

FrontEnd Concepts

My progress to master FrontEnd interviews. Gonna learn and update the repo until I am good at it.

This repo is on http://calvinchankf.com/JSConcepts/ , thanks Github Pages

Browser

  1. What happens when you click a link on a webpage
  2. How Browsers Render a Website
  3. What is DOM?
  4. Cookies & Sessions
  5. Cookies vs LocalStorage vs SessionStorage
  6. What is OAuth?
  7. What is HTML Event Capturing vs Event Bubbling (Delegation)
  8. Common DOM Properties and Methods
  9. Scroll Event
  10. Check User Activity On a Page

JS Knowledge

  1. Memory Management
  2. Event Loop
  3. Event Driven Architecture
  4. Event Emitter Usage
  5. Implement Event Emitter
  6. Self-invoking/Immediate function
  7. Closure
  8. What is 'this'
  9. Class vs Prototype
  10. Prototype & Prototype Chain
  11. Apply vs Call vs Bind
  12. Hoist
  13. Coercion and == vs ===
  14. AMD, CommonJS, ES2015+
  15. Child Process
  16. Cluster
  17. Singleton
  18. Middleware
  19. const, let, var
  20. Callback vs Promise vs Generator vs Async/wait
  21. Currying
  22. Mixins

CSS

  1. What is Box Model
  2. What is Flex Box
  3. CSS Priority

How to implement

  1. Array Map
  2. Array Reduce
  3. Array Filter
  4. Array Flatten
  5. Array ForEach
  6. Objects Merge
  7. LRU
  8. LFU
  9. PubSub
  10. PubSub vs Observer
  11. Heap
  12. Min Queue
  13. Sleep
  14. Promise
  15. Fetch
  16. Observable
  17. Debouncing
  18. Throttling/Rate Limiting
  19. Clear All Timeouts
  20. Infinite Scroll
  21. Virtual Dom
  22. Fetch Timeout with Retry
  23. Server-Sent Events

Common Widgets Implementation

  1. Accordion
  2. Carousel
  3. Instagram Create Poll
  4. Game of Life
  5. Multiselect Tableview
  6. Debounced Searchbar
  7. Images at Corners
  8. CSV Viewer

Common Algorithms of DOM Elements

  1. Lowest Common Ancestor
  2. Print DOM Hierarchy
  3. Find DOM Node in Another Tree with similar Hierarchy
  4. DOM Store
  5. Implement fibanacci using closure
  6. Implement fibanacci using closure
  7. Move an element using js
  8. Mirror the architecture of a DOM tree

Optimization