Part 2 Browser: Document, Events, Interfaces

The Modern JavaScript Tutorial Part 2 ノート。

この言語の華は何と言っても DOM 操作だ。この技術を習得すれば、ブラウザーを利用したインターネット上の作業効率が飛躍的に向上する。

• Document
  • Browser environment, specs
  • DOM tree
  • Walking the DOM
  • Searching: getElement*, querySelector*
  • Node properties: type, tag and contents
  • Attributes and properties
  • Modifying the document
  • Styles and classes
  • Element size and scrolling
  • Window sizes and scrolling
  • Coordinates
• Introduction to Events
  • Introduction to browser events
  • Bubbling and capturing
  • Event delegation
  • Browser default actions
  • Dispatching custom events
• UI Events
  • Mouse events
  • Moving the mouse: mouse{over,out}, mouse{enter,leave}
  • Drag’n’Drop with mouse events
  • Pointer events
  • Keyboard: keydown and keyup
  • Scrolling
• Forms, controls
  • Form properties and methods
  • Focusing: focus/blur
  • Events: change, input, cut, copy, paste
  • Forms: event and method submit
• Document and resource loading
  • Page: DOMContentLoaded, load, beforeunload, unload
  • Scripts: async, defer
  • Resource loading: onload and onerror
• Miscellaneous
  • Mutation observer
  • Selection and Range
  • Event loop: microtasks and macrotasks