Core JS Concepts
- Promises
- Async Await
- Closure, Scope
- Prototypes
- Hoisting
- Currying
- Generators
- Iterators
- Event Loop
- Server Side Rendering
- Lazy Loading
- Web Components
- Single Thread vs Multi Thread
- Service Workers
- PWA
- Page life cycle
- Object Oriented Programming in JS
- VDOM
- Tree / DOM Traversal
JS Tricks and Wisdom (Wisdom from the Community)
Specialization
- Bundler (Webpack)
- Performance (Devtools)
- Accessibility (Frontendmaster)
- Web Components Implentation ()
Must Do JS Questions
- Implement Curry
- Implement Curry with Placeholder
- Implement throttle
- Implement debounce
- Implement VDOM
- Given a multidimensional array with depth of n, flatten it. Once flattened make it available as a method on
arrayinstance - Filter movie list by average rating, name. Sort filtered list by any field inside movie object
- Design API polling mechanism. The API is called after a fixed interval. The API is a stock API that fetches the latest price of stock. Upon fetching the results, render the UI.
- Convert class based inheritance code given below to ES5 code.
**References **
Core CSS Concepts
Tiny CSS Interactive Tutorials
Core HTML Concepts
- Understand the DOM
- Practice DOM
- Event Oriented Programming in DOM (You need to know JS to do this)