Web APIs + Web Interfaces

• https://developer.mozilla.org/en-US/docs/Web/API

• https://developer.mozilla.org/fr/docs/Apprendre/JavaScript/Client-side_web_APIs/Introduction

• Index

• Search Page

• The dataset read-only property of the HTMLElement
  • Description
    • In HTML
    • In JavaScript
  • Examples
  • Other tutorials
    • What is a data attribute ?
    • Custom attributes
    • Managing data attributes with the dataset property in vanilla JavaScript
      • An example element
      • The Element.dataset property
    • Strategies for working with data attributes in vanilla JavaScript
      • As JavaScript selectors
    • Abstracting code with target elements
• DataTransfer Web API
  • Description
  • Description
  • Examples
    • https://github.com/suzuki11109/vanilla-dnd
• Document API
  • Document definition
    • English definition
    • Définition en français
  • Document methods
    • createElement
      • Definition
      • Syntaxe
      • Exemple de base
      • Exemple - https://github.com/suzuki11109/vanilla-dnd
      • Exemple de composant web
    • getElementById
      • Definition
      • Définition en français
      • Syntaxe
      • Example simple
      • Exemple - https://github.com/suzuki11109/vanilla-dnd
    • getElementsByClassName
      • Definition
      • Définition en français
      • Examples
    • querySelectorAll
      • Definition
      • Définition en français
  • Document events
    • DOMContentLoaded event
      • Definition
      • Définition en français
      • Définition https://javascript.info
      • Examples
• Document Object Model (DOM)
  • Document Object Model (DOM) mozilla MDN
    • Definition
    • Definition en français (glossaire)
• DocumentOrShadowRoot Web API
  • DocumentOrShadowRoot properties
    • DocumentOrShadowRoot.**activeElement**
      • Definition
      • Call example
      • Example
• Element Web API
  • Element events
    • Element: blur event (onblur)
      • Description
      • Interface: FocusEvent
      • Event handler property: onblur
      • Examples
    • Element: click event (onclick)
      • Description
      • Définition en français
      • Interface: MouseEvent
      • Event handler property: onclick
      • Examples
  • Element properties
    • id property
      • Definition
      • Syntax
    • innerHTML property
      • Definition
      • Examples
  • table Element
    • table Element definition
      • Definition
      • Definition en français
      • Javascript
    • <caption> element
      • Definition
      • Définition en français
      • Codes
    • <thead> element
      • Definition
      • Définition en français
      • Codes
    • <tbody> element
      • Definition
      • Définition en français
      • Codes
    • <tfoot> element
      • Definition
      • Définition en français
    • <th> element
      • Definition
      • Définition en français
      • <th> Accessibility
    • <tr> element
      • Definition
      • Définition en français
    • How To Style a Table with CSS
      • How To Style a Table with CSS by digital ocean
• Embedded content
  • iframe
    • iframe definition
      • Definition
      • Définition en français
• Event Web API
  • English Description
  • Interfaces
    • Event interfaces
      • Event/preventDefault interface
• EventTarget Web API
  • Description
  • Methods
    • EventTarget methods
      • EventTarget.addEventListener()
• Fetch Web API
  • Fetch definition
    • Description
    • An other mozilla definition
    • Définition en français
    • The Fetch API
      • Introduction to the Fetch API
      • Using Fetch
      • Body content
      • ES2017 async functions
      • How to cancel a fetch request
      • Looking for more ?
  • Fetch examples
    • Supplying request options
    • Uploading JSON data
    • Example https://javascript.info/fetch
    • A window.fetch JavaScript polyfill https://github.com/github/fetch
      • fetch + get with parameters https://github.com/github/fetch/issues/256
    • Example https://tobiasahlin.com/blog/move-from-jquery-to-vanilla-javascript/
• File Web API
  • Description
• FileList Web API
  • Description
  • Utiliser une liste de fichiers
  • Exemples
    • https://github.com/suzuki11109/vanilla-dnd
• FileReader Web API
  • Description
  • FileReader.readAsDataURL()
    • Example
• FormData Web Interface
  • English Description
  • Description en Français
  • Tutos
    • Tutorials
      • ** How To Make A Drag-and-Drop File Uploader With Vanilla JavaScript by Joseph Zimmerman
      • crudlfap by yourlab.io and jpic
      • ** formdata, files and fetch by javascript.info
      • Drag and drop images with Django, XMLHttpRequest and vanilla js by Toumi Abderrahmane
      • Incredibly easy AJAX file uploads with FormData and XMLHttpRequest
      • The FormData Object and XMLHttpRequest by Flavio Copes
      • FormData and fetch() by Google
      • How to send multiple forms with FormData and jQuery ajax in Django by Rashid Maharamli
      • How to send the formdata from the ajax to Django view in PUT request?
• GlobalEventHandlers Web API
  • GlobalEventHandlers definition
    • Definition
  • GlobalEventHandlers properties
    • GlobalEventHandlers onblur property
      • Definition
      • Syntax
      • Example
• History Web API
  • Description
  • Concepts and usage
    • Moving forward and backward
    • Moving to a specific point in history
    • Refresh the current page
  • Examples
• HTML_Drag_and_Drop_API
  • HTML_Drag_and_Drop_API definition
    • Definition
    • Définition en français
    • Drag Events
  • HTML_Drag_and_Drop_API examples
    • HTML_Drag_and_Drop_API w3schools
  • File_drag_and_drop
    • Definition
• HTMLElement Web API
  • HTMLElement definition
    • Defintion en français
    • English definition
  • input events
    • change event
      • change event definition
      • change event examples
    • input event
      • input event definitions
      • input event examples
• HTMLTableElement
  • HTMLTableElement definition
    • Definition
    • Interface de l’élément HTML Table
  • HTMLTableElement methods
    • HTMLTableElement deleteRow method
      • Definition
      • Example
• HTMLTableRowElement Web API
  • HTMLTableRowElement definition
    • Definition
  • HTMLTableRowElement properties
    • HTMLTableRowElement rowIndex property
      • Definition
      • Example
• HTMLObjectElement Web API
  • HTMLObjectElement properties
    • HTMLObjectElement.contentDocument
      • Definition
      • Examples
• Node Web API
  • Node definition
    • Definition
    • Definition en français
  • Node methods
    • Node element.appendChild
      • Description
      • Examples
  • Node properties
    • Node.parentElement
      • Definition
      • Exemple
• Response Web API
  • Description
  • Définition en français
• URL Web API
  • Description
  • Examples
• URLSearchParams Web API
  • Description
  • Tutos
    • Tutos
      • Google examples
      • Mozilla tutorial
• Websockets_API
  • Websockets_API definition
    • Description
  • Websockets_API examples
    • Websockets_API deno example
• window Web API
  • window Web API definition
    • Definition
    • Définition en français
  • window Web API events
    • beforeunload event
      • Definition
      • Examples
    • load event
      • Definition
• XMLHttpRequest (XHR) Web API
  • XMLHttpRequest definition
    • Definition
  • XMLHttpRequest examples