h1. HowDoWeDoJavascript

h2. Alléger notre dépendance à jQuery

La majorité des méthodes jQuery sont disponibles en JS. Même si c'est peu plus verbeux.

h3. Liens utiles

* https://putaindecode.io/articles/de-jquery-a-vanillajs/ (super)
* https://youmightnotneedjquery.com/
* https://jqjsconverter.netlify.app/

h3. Selecteurs DOM

<pre>
<code class="javascript">
// jQuery
const $elements = $('selecteurCSS')
// JS
// Le premier element
const element = document.querySelector('selecteurCSS')
// Tous les éléments
const elements = document.querySelectorAll('selecteurCSS')
</code>
</pre>

Il est toujours possible ensuite d'utiliser une methode jQuery

<pre>
<code class="javascript">
$(elements).hide()
</code>
</pre>

h3. each VS forEach

<pre>
<code class="javascript">
// jQuery
$elements.each(function( index ) {
  console.log( index + ": " + $( this ).text() )
});
// JS
elem.forEach(function (currentValue, currentIndex, listObj) {
  console.log(`${currentIndex} : ${currentValue.textContent}`)
})
</code>
</pre>

h3. addClass, removeClass VS classList

<pre>
<code class="javascript">
// jQuery
$element.addClass('class')
// JS
element.classList.add(('class')

// jQuery
$element.removeClass('class')
// JS
element.classList.remove(('class')
</code>
</pre>

h3. ajax (fetch)

<pre>
<code class="javascript">
// jQuery
$.ajax(request)
  .done(function( data ) {…})
// JS
const data = await fetch(url, requestParams)
</code>
</pre>

h3. paramètres inutilisés

On utilise _ pour nommer les paramètres inutilisés d'une fonction.