Javascript good to know topics list

Here is the article with list of topics that are very basic and elementary to be known by every frontend developer. I would be updating this list often. Bookmark this for quick reference.

Index

  • Development
    • Javascript
      • Browser
        • How does browser renders a page
        • WebKit (Optional)
        • Complete Browser Implementation
          • Javascript Engine
          • Javascript Runtime Environment
            • Event Loop
            • Garbage collection
            • Javascript being single threaded and event loop processing
          • Rendering Engine
            • Page Load Events
        • Complete JavaScript implementation
          • The Core (based on ECMAScript spec)
          • The Browser Object Model (BOM)
          • The Document Object Model (DOM)
      • ES5
        • Concepts
          • Page Load Events
            • onload vs $(document).ready()
          • Scope (Lexical Scope)
            • Compilation (aka Interpertation)
            • Execution
            • Adding to Scope after compile time
            • Ways of creating new scope
          • context in javascript
          • Closures
          • Function curring
          • Function callback
            • Drawbacks
          • Prototype
          • Event Delegation Pattern
            • Event Delegation (e.target)
            • Event Capturing (e.currentTarget)
          • IIFE
          • Why is there a concept of hoisting
          • this keyword
            • Within callback
          • new keyword
          • Inheritance vs Behaviour Delegation
          • type coercion
          • mutability
          • arguments object
        • Features
          • Keywords
            • NaN
            • null and undefined
            • typeof operator
          • New Methods
            • Strings
            • New Array methods
            • New Date methods
          • Strict mode use strict
          • Metaprogramming
            • Getting and setting prototypes
            • Managing property attributes via property descriptors
              • Object.create()
            • Listing properties
            • New Function method
              • Call bind apply
          • JSON
            • JSON.parse()
            • JSON.stringify()
            • toJSON() methods
        • Implementations
          • Object Creation Patterns
          • Way to clone a javascript object
          • Iterate an javascript nested object
          • Multithreading in javascript
            • Javascript is single threaded
          • Pure Functions
          • Error handling
          • HTTP request
            • Success
            • Failure
          • OOPS concepts implementations
            • Inheritance
            • Polymorphism
            • Encapsulatin
            • Abstraction
          • How is Promise implemented
          • How is _.debounce() implemented
        • Patterns
          • Constructor pattern
          • Prototype pattern
          • Factory pattern
          • Singleton pattern
          • Module Pattern
            • Classic Module Pattern
            • Modern Module Pattern
            • ES6 module pattern
          • Facade
          • Callback
          • Revealing
          • Observer & Publisher
      • ES6
        • Features
          • Arrow functions
          • Classes
          • Default parameters
          • Rest parameters
          • Rest vs Spread
          • Spread syntax
          • Enhanced Object Literals
          • Template literals
          • Destructuring
          • Keyword ‘let’
          • Keyword ‘const’
          • Generator function
          • Iteration protocols
          • Statement ‘for…of’
          • Modules
          • Module Loaders Features
            • Dynamic loading
            • State isolation
            • Global namespace isolation
            • Compilation hooks
            • Nested virtualization
          • Data Structures
            • Map
            • Set
            • WeakMap
            • WeakSet
          • Promise
            • async
            • await
          • Proxy
        • Implementations
          • Promises in parallel
          • Function Currying using Generators
      • ES Web APIs
        • IntersectionObserver
          • For Lazy Loading
        • Window
        • Asynchronous
          • XMLHttpRequest API
          • Fetch API (XHR's replacement)
            • GlobalFetch.fetch()
      • UI Frameworks And Libs
        • Angular
          • Concepts
            • Interpolation – ngBind or {{ }}
            • Digest cycle
            • Transclusion
            • Controller in directive
            • Angular along with pure javascript
            • Providers
            • Config
            • Run block
            • $apply
            • $watch
          • Internals
            • How does second parameter of $watch receives two parameters?
              • Which design pattern is used for the same
            • How is ‘ngHref’ directive written
            • $inject for $httpProvider
              • required as providers do not provide array styled dependency injection.
          • Implementations
            • Different ways to bootstrap angularjs application
            • angular.bootstrap().get(’$http’)
        • React
        • Angular 2/5/6
        • jQuery
          • Features
            • on
            • delegation
            • live
            • bind
            • [bind-vs-live-vs-delegate-vs-on]
            • .extend()
        • Others
          • Framework Comparisons
      • NodeJs
        • Concepts
          • Non-Blocking I/O
      • Performance
        • Best Practices
    • HTML
      • HTML 4
        • Concepts
          • cookie
        • Elements
          • <script>
            • async
            • defer
      • HTML 5
        • Concepts
          • local storage, session storage
          • How is HTML processed by browser
          • Quirk mode
          • Semantic html
          • Picture element
          • Web Worker
          • Service Worker
          • Application Cache
          • Server Sent Events
          • Web Sockets
          • Navigation Timing API
        • Elements
          • <svg>
          • <canvas>
          • <svg> vs <canvas>
        • Implementations
          • Page load lifecycle
          • window.onload vs $(document).ready()
          • When to use iFrame
    • CSS
      • CSS 2.1
        • Concepts
          • Positioning
          • Float
      • CSS 3
        • Concepts
          • CSS3 Flex
          • CSS3 Grid
          • CSS3 Animations
        • Implementations
          • How to Create a Custom CSS Grid
          • Selecting nth element for styling (nth-child())
          • Selecting n*m th element for styling (nth-child(3n))
          • Have common style for all elements with a given selector but one
      • LESS (Optional)
        • LESS features
      • SASS (Optional)
        • SASS features
  • Testing Tools
    • Unit Test
      • Karma (node based)
      • Jasmine (describe and it)
    • E2E Test
  • Web Technology
    • Javascript Web Concepts
      • AJAX
      • Cookie in JS
      • Cross domain request
      • Preflight Request
      • Url Rewriting
    • Web Security
      • Cross site scripting
    • HTTP1.1 and HTTP2
    • Socket Programming

(http://elijahmanor.com/differences-between-jquery-bind-vs-live-vs-delegate-vs-on/)

virtual dom vs shadow dom
about web components
cookies vs session storage vs localstorage
access cookies of other tab
iframe
communication between parent and iframe
event api
relatedElement
currentTarget
performance optimization techniques
adding listener to know if element is added to dom

jquery advantage over pure javascript