<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Formateur en musique et numérique à Beaune</title>
	<atom:link href="https://www.yves-jacquot.fr/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.yves-jacquot.fr</link>
	<description>Jouer à apprendre,  apprendre à jouer</description>
	<lastBuildDate>Mon, 13 Apr 2026 16:14:32 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.yves-jacquot.fr/wp-content/uploads/2020/05/cropped-logo-web-transparent-32x32.png</url>
	<title>Formateur en musique et numérique à Beaune</title>
	<link>https://www.yves-jacquot.fr</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">186558453</site>	<item>
		<title>Groove de base</title>
		<link>https://www.yves-jacquot.fr/2026/04/13/cours-gratuit-n1/</link>
		
		<dc:creator><![CDATA[drumyv]]></dc:creator>
		<pubDate>Mon, 13 Apr 2026 15:28:39 +0000</pubDate>
				<category><![CDATA[1ere année]]></category>
		<category><![CDATA[cours gratuits autonomes]]></category>
		<guid isPermaLink="false">https://www.yves-jacquot.fr/?p=4771</guid>

					<description><![CDATA[Cours Batterie – Ton Premier Groove &#124; Yves Jacquot Cours en ligne · Yves Jacquot Ton Premier Grooveà la Batterie De zéro au premier rythme rock — niveau 2/10 🎯 Niveau 2 / 10 ⏱ ~30 min de pratique 🥁 Acoustique &#038; Électronique 📅 12/04/2026 ▶ Vidéo du jour 🔗 Lien direct : youtube.com/watch?v=MEt_5DkVl_s 1. [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="4771" class="elementor elementor-4771">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-13178dc elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="13178dc" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2a48acff" data-id="2a48acff" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-4266d878 elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="4266d878" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<!-- Cours batterie — niveau 2/10 — Version fonds blancs -->
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cours Batterie – Ton Premier Groove | Yves Jacquot</title>
<style>
  /* ===== STYLES FONDS BLANCS, TITRES COLORÉS ===== */
  
  @import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&display=swap');

  :root {
    --couleur-principale: #2c3e66;
    --couleur-secondaire: #e67e22;
    --couleur-accent: #3498db;
    --blanc: #ffffff;
    --gris-clair: #f5f5f5;
    --gris-moyen: #e0e0e0;
    --texte: #333333;
    --texte-fonce: #1a1a2e;
  }

  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  body {
    background: var(--blanc);
    color: var(--texte);
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.6;
  }

  /* ===== HEADER (fond blanc) ===== */
  header {
    background: var(--blanc);
    color: var(--texte-fonce);
    padding: 3rem 1.5rem;
    text-align: center;
    border-bottom: 2px solid var(--couleur-secondaire);
    position: relative;
  }

  header::before {
    content: '🥁';
    font-size: 6rem;
    opacity: 0.05;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    pointer-events: none;
  }

  header .tag {
    background: var(--gris-clair);
    display: inline-block;
    padding: 0.4rem 1.2rem;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-bottom: 1rem;
    text-transform: uppercase;
    color: var(--couleur-principale);
  }

  header h1 {
    font-size: clamp(1.8rem, 5vw, 2.8rem);
    font-weight: 700;
    margin-bottom: 0.5rem;
    line-height: 1.2;
    color: var(--couleur-principale);
  }

  header p.sub {
    font-size: 1rem;
    color: var(--texte);
    opacity: 0.7;
  }

  /* ===== META BADGES ===== */
  .meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    padding: 1rem 1.5rem;
    background: var(--blanc);
    border-bottom: 1px solid var(--gris-moyen);
  }

  .badge {
    background: var(--gris-clair);
    padding: 0.35rem 1rem;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--texte);
  }

  .badge.primary {
    background: var(--couleur-principale);
    color: white;
  }

  .badge.accent {
    background: var(--couleur-secondaire);
    color: white;
  }

  /* ===== CONTAINER ===== */
  .container {
    max-width: 880px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
    background: var(--blanc);
  }

  /* ===== SECTIONS ===== */
  section {
    margin-bottom: 2.5rem;
    background: var(--blanc);
  }

  section h2 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.25rem;
    padding-bottom: 0.5rem;
    border-bottom: 3px solid var(--couleur-secondaire);
    display: inline-block;
    color: var(--couleur-principale);
  }

  /* ===== VIDÉO ===== */
  .video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    border-radius: 12px;
    overflow: hidden;
    background: var(--gris-clair);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }

  .video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
  }

  .video-url {
    margin-top: 0.6rem;
    font-size: 0.75rem;
    color: #888;
    word-break: break-all;
  }

  .video-url a {
    color: var(--couleur-principale);
    text-decoration: none;
  }

  .video-url a:hover {
    text-decoration: underline;
  }

  /* ===== ÉTAPES ===== */
  .steps {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .step {
    background: var(--blanc);
    border-radius: 12px;
    padding: 1.2rem;
    border: 1px solid var(--gris-moyen);
    border-left: 4px solid var(--couleur-secondaire);
    transition: transform 0.2s, box-shadow 0.2s;
  }

  .step:hover {
    transform: translateX(4px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  }

  .step h3 {
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 0.5rem;
    color: var(--couleur-principale);
  }

  .step p {
    font-size: 0.9rem;
    color: var(--texte);
  }

  /* ===== TABLEAU RYTHMIQUE ===== */
  .groove-grid {
    display: grid;
    grid-template-columns: auto repeat(8, 1fr);
    gap: 6px;
    font-size: 0.8rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
  }

  .groove-grid .label {
    font-weight: 600;
    color: var(--couleur-principale);
    padding-right: 0.8rem;
    display: flex;
    align-items: center;
    font-size: 0.85rem;
  }

  .cell {
    background: var(--gris-clair);
    border-radius: 8px;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
  }

  .cell.hit {
    background: var(--couleur-secondaire);
    color: white;
  }

  .beat-num {
    color: #888;
    font-size: 0.7rem;
    text-align: center;
    padding-top: 0.3rem;
  }

  /* ===== QUIZ ===== */
  .quiz-card {
    background: var(--blanc);
    border-radius: 12px;
    padding: 1.2rem;
    margin-bottom: 1.2rem;
    border: 1px solid var(--gris-moyen);
  }

  .quiz-card p.question {
    font-weight: 600;
    margin-bottom: 1rem;
    font-size: 0.95rem;
    color: var(--couleur-principale);
  }

  .answers {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
  }

  .answer-btn {
    background: var(--gris-clair);
    border: 1px solid var(--gris-moyen);
    color: var(--texte);
    border-radius: 50px;
    padding: 0.6rem 1.2rem;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    font-size: 0.9rem;
    transition: all 0.2s ease;
  }

  .answer-btn:hover {
    background: var(--couleur-principale);
    border-color: var(--couleur-principale);
    color: white;
  }

  .answer-btn.correct {
    background: #27ae60;
    border-color: #27ae60;
    color: white;
  }

  .answer-btn.wrong {
    background: #e74c3c;
    border-color: #e74c3c;
    color: white;
  }

  .feedback {
    margin-top: 0.8rem;
    font-size: 0.85rem;
  }

  /* ===== CONSEILS ===== */
  .tips-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
  }

  .tips-list li {
    background: var(--blanc);
    border-radius: 12px;
    padding: 1rem;
    font-size: 0.9rem;
    display: flex;
    gap: 0.8rem;
    align-items: center;
    border: 1px solid var(--gris-moyen);
  }

  .tips-list li .icon {
    font-size: 1.3rem;
    flex-shrink: 0;
  }

  .tips-list li strong {
    color: var(--couleur-principale);
  }

  /* ===== FOOTER (fond blanc) ===== */
  footer {
    text-align: center;
    padding: 2rem;
    background: var(--blanc);
    border-top: 1px solid var(--gris-moyen);
    font-size: 0.8rem;
    color: var(--texte);
    margin-top: 2rem;
  }

  footer a {
    color: var(--couleur-secondaire);
    text-decoration: none;
  }

  footer a:hover {
    text-decoration: underline;
  }

  /* ===== RESPONSIVE ===== */
  @media (min-width: 600px) {
    .answers {
      flex-direction: row;
      flex-wrap: wrap;
    }
    .answer-btn {
      flex: 1 1 auto;
      min-width: 180px;
    }
  }

  @media (max-width: 640px) {
    .container {
      padding: 1rem;
    }
    .step:hover {
      transform: none;
    }
    .groove-grid {
      gap: 3px;
    }
    .cell {
      height: 2rem;
      font-size: 0.8rem;
    }
  }
</style>
</head>
<body>

<header>
  <div class="tag">Cours en ligne · Yves Jacquot</div>
  <h1>Ton Premier Groove<br>à la Batterie</h1>
  <p class="sub">De zéro au premier rythme rock — niveau <strong>2/10</strong></p>
</header>

<div class="meta">
  <div class="badge primary">🎯 Niveau 2 / 10</div>
  <div class="badge accent">⏱ ~30 min de pratique</div>
  <div class="badge">🥁 Acoustique &#038; Électronique</div>
  <div class="badge">📅 12/04/2026</div>
</div>

<div class="container">

  <!-- VIDÉO -->
  <section>
    <h2>▶ Vidéo du jour</h2>
    <div class="video-wrap">
      <iframe 
        src="https://www.youtube.com/embed/MEt_5DkVl_s" 
        title="Cours de batterie débutant - Ton premier groove"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
        allowfullscreen>
      </iframe>
    </div>
    <p class="video-url">🔗 Lien direct : <a href="https://www.youtube.com/watch?v=MEt_5DkVl_s" target="_blank">youtube.com/watch?v=MEt_5DkVl_s</a></p>
  </section>

  <!-- OBJECTIFS -->
  <section>
    <h2>1. Objectifs du cours</h2>
    <p>À la fin de cette leçon, tu seras capable de jouer un <strong>groove rock de base</strong> à la batterie, en coordonnant tes deux mains et ton pied droit. Tu comprendras aussi les trois éléments fondamentaux : la <em>grosse caisse</em>, la <em>caisse claire</em> et le <em>charleston</em>.</p>
  </section>

  <!-- ÉTAPES -->
  <section>
    <h2>2. Cours séquencé — 5 étapes</h2>
    <div class="steps">
      <div class="step">
        <h3>🎵 Étape 1 — Découverte de la batterie (5 min)</h3>
        <p>Identifie les pièces du kit : <strong>grosse caisse</strong> (pied droit), <strong>caisse claire</strong> (centre), <strong>charleston / hi-hat</strong> (gauche), cymbale ride. Ajuste ton siège : cuisses parallèles au sol, dos droit.</p>
      </div>
      <div class="step">
        <h3>🎵 Étape 2 — Main droite sur le charleston (5 min)</h3>
        <p>Joue <strong>8 coups réguliers</strong> sur le charleston fermé (hi-hat), main droite uniquement. Commence lentement (60 BPM), compte « 1 – 2 – 3 – 4 – 5 – 6 – 7 – 8 » à voix haute.</p>
      </div>
      <div class="step">
        <h3>🎵 Étape 3 — Ajout de la caisse claire (5 min)</h3>
        <p>Sans quitter le charleston de la main droite, frappe la <strong>caisse claire</strong> de la main gauche sur les temps <strong>2 et 4</strong>.</p>
      </div>
      <div class="step">
        <h3>🎵 Étape 4 — Ajout de la grosse caisse (10 min)</h3>
        <p>Ajoute le pied droit sur la <strong>grosse caisse</strong> sur les temps <strong>1 et 3</strong>. Le groove complet : GC sur 1, CC sur 2, GC sur 3, CC sur 4.</p>
      </div>
      <div class="step">
        <h3>🎵 Étape 5 — Jouer sur un playback (5 min)</h3>
        <p>Lance une piste musicale lente. Joue ton groove dessus. L&rsquo;objectif : rester <em>dans le tempo</em> tout le long du morceau.</p>
      </div>
    </div>
  </section>

  <!-- NOTATION VISUELLE -->
  <section>
    <h2>3. Partition visuelle du groove</h2>
    <p style="font-size:0.85rem; color:#666; margin-bottom:1rem;">Temps 1 à 4 (chaque case = une croche)</p>
    <div class="groove-grid">
      <div class="label">Charleston</div>
      <div class="cell hit">🎵</div>
      <div class="cell hit">🎵</div>
      <div class="cell hit">🎵</div>
      <div class="cell hit">🎵</div>
      <div class="cell hit">🎵</div>
      <div class="cell hit">🎵</div>
      <div class="cell hit">🎵</div>
      <div class="cell hit">🎵</div>

      <div class="label">Caisse claire</div>
      <div class="cell"></div>
      <div class="cell"></div>
      <div class="cell hit">🥁</div>
      <div class="cell"></div>
      <div class="cell"></div>
      <div class="cell"></div>
      <div class="cell hit">🥁</div>
      <div class="cell"></div>

      <div class="label">Grosse caisse</div>
      <div class="cell hit">💥</div>
      <div class="cell"></div>
      <div class="cell"></div>
      <div class="cell"></div>
      <div class="cell hit">💥</div>
      <div class="cell"></div>
      <div class="cell"></div>
      <div class="cell"></div>

      <div></div>
      <div class="beat-num">1</div><div class="beat-num">+</div>
      <div class="beat-num">2</div><div class="beat-num">+</div>
      <div class="beat-num">3</div><div class="beat-num">+</div>
      <div class="beat-num">4</div><div class="beat-num">+</div>
    </div>
  </section>

  <!-- QUIZ -->
  <section>
    <h2>4. Quiz interactif</h2>

    <div class="quiz-card" id="q1">
      <p class="question">Sur quels temps joue-t-on la caisse claire dans un groove rock de base ?</p>
      <div class="answers">
        <button class="answer-btn" onclick="check(this,'q1',false)">Temps 1 et 3</button>
        <button class="answer-btn" onclick="check(this,'q1',true)">Temps 2 et 4</button>
        <button class="answer-btn" onclick="check(this,'q1',false)">Temps 1 et 2</button>
        <button class="answer-btn" onclick="check(this,'q1',false)">Sur tous les temps</button>
      </div>
      <div class="feedback" id="q1-fb"></div>
    </div>

    <div class="quiz-card" id="q2">
      <p class="question">Quelle main joue généralement le charleston ?</p>
      <div class="answers">
        <button class="answer-btn" onclick="check(this,'q2',false)">La main gauche</button>
        <button class="answer-btn" onclick="check(this,'q2',true)">La main droite</button>
        <button class="answer-btn" onclick="check(this,'q2',false)">Les deux mains ensemble</button>
        <button class="answer-btn" onclick="check(this,'q2',false)">Le pied gauche</button>
      </div>
      <div class="feedback" id="q2-fb"></div>
    </div>

    <div class="quiz-card" id="q3">
      <p class="question">Quel BPM recommande-t-on pour commencer à apprendre un nouveau rythme ?</p>
      <div class="answers">
        <button class="answer-btn" onclick="check(this,'q3',false)">120 BPM</button>
        <button class="answer-btn" onclick="check(this,'q3',false)">100 BPM</button>
        <button class="answer-btn" onclick="check(this,'q3',true)">60 BPM (tempo lent)</button>
        <button class="answer-btn" onclick="check(this,'q3',false)">140 BPM</button>
      </div>
      <div class="feedback" id="q3-fb"></div>
    </div>
  </section>

  <!-- CONSEILS -->
  <section>
    <h2>5. Conseils de pratique</h2>
    <ul class="tips-list">
      <li><span class="icon">🎯</span><span><strong>Lenteur = maîtrise :</strong> mieux vaut jouer parfaitement à 60 BPM qu&rsquo;approximativement à 100 BPM.</span></li>
      <li><span class="icon">📱</span><span><strong>Utilise un métronome :</strong> l&rsquo;app gratuite « Pro Metronome » (iOS/Android) est idéale.</span></li>
      <li><span class="icon">🔁</span><span><strong>15 min par jour</strong> valent bien plus qu&rsquo;une longue session le week-end.</span></li>
      <li><span class="icon">🎧</span><span><strong>Écoute de la musique :</strong> frappe le rythme sur tes genoux en écoutant tes morceaux préférés.</span></li>
      <li><span class="icon">📹</span><span><strong>Filme-toi :</strong> revoir sa posture et ses gestes est très formateur.</span></li>
    </ul>
  </section>

</div>

<footer>
  <p>© 2026 Yves Jacquot · Cours de batterie en ligne · Niveau 2/10</p>
  <p style="margin-top: 0.5rem; opacity: 0.7;">Source vidéo : <a href="https://www.youtube.com/watch?v=MEt_5DkVl_s" target="_blank">youtube.com/watch?v=MEt_5DkVl_s</a></p>
</footer>

<script>
function check(btn, qid, isCorrect) {
  const card = document.getElementById(qid);
  const btns = card.querySelectorAll('.answer-btn');
  const fb   = document.getElementById(qid + '-fb');
  
  btns.forEach(b => { b.disabled = true; });
  
  if (isCorrect) {
    btn.classList.add('correct');
    fb.innerHTML = '✅ Bonne réponse ! Bien joué.';
    fb.style.color = '#27ae60';
  } else {
    btn.classList.add('wrong');
    fb.innerHTML = '❌ Pas tout à fait… Relis l\'étape du cours et réessaie !';
    fb.style.color = '#e74c3c';
  }
}
</script>
</body>
</html>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">4771</post-id>	</item>
	</channel>
</rss>
