<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <script src="{{VENDOR_CDN}}/classace-diagram.js"></script>
  <style>
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      background: transparent;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100%;
      padding: 12px;
      user-select: none;
    }

    .stepper-nav {
      display: flex;
      gap: 8px;
      margin-bottom: 16px;
      width: 100%;
      max-width: 380px;
      justify-content: center;
    }

    .step-pill {
      flex: 1;
      padding: 8px 6px;
      font-size: 13px;
      font-weight: 700;
      border-radius: 999px;
      border: 1.5px solid #e2e8f0;
      background: #ffffff;
      color: #64748b;
      cursor: pointer;
      text-align: center;
      transition: all 0.25s ease;
    }

    .step-pill.active {
      background: #22b7ff;
      border-color: #22b7ff;
      color: #ffffff;
      box-shadow: 0 4px 10px rgba(34, 183, 255, 0.3);
    }

    .stage {
      position: relative;
      width: 100%;
      max-width: 380px;
      height: 200px;
      background: #f8fafc;
      border: 2px dashed #cbd5e1;
      border-radius: 20px;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .step-content {
      position: absolute;
      inset: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      opacity: 0;
      pointer-events: none;
      transform: translateY(8px);
      transition: opacity 0.35s ease, transform 0.35s ease;
      padding: 16px;
      text-align: center;
    }

    .step-content.active {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }

    /* Step 1 Styles */
    .sentence-demo {
      font-size: 32px;
      font-weight: 700;
      letter-spacing: 0.5px;
      color: #334155;
      display: flex;
      align-items: center;
      margin-bottom: 8px;
    }

    .target-w {
      position: relative;
      color: #ea580c;
      background: #ffedd5;
      padding: 2px 10px;
      border-radius: 10px;
      border: 2px solid #fdba74;
    }

    .pointer-tag {
      font-size: 14px;
      font-weight: 700;
      color: #ea580c;
      display: flex;
      align-items: center;
      gap: 4px;
      margin-top: 6px;
    }

    /* Step 2 Styles */
    .pop-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 80px;
      height: 80px;
      background: #22b7ff;
      color: #ffffff;
      font-size: 52px;
      font-weight: 900;
      border-radius: 22px;
      box-shadow: 0 8px 20px rgba(34, 183, 255, 0.35);
      margin-bottom: 8px;
    }

    .sparkle-row {
      font-size: 20px;
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .step-label {
      font-size: 16px;
      font-weight: 800;
      color: #0284c7;
      margin-top: 4px;
    }

    /* Step 3 Styles */
    .full-sentence {
      font-size: 24px;
      font-weight: 700;
      color: #1e2945;
      background: #ffffff;
      padding: 12px 18px;
      border-radius: 14px;
      border: 2px solid #bbf7d0;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: center;
      gap: 2px;
    }

    .cap-w {
      color: #059669;
      font-weight: 900;
      background: #dcfce7;
      padding: 0 6px;
      border-radius: 6px;
    }

    .success-badge {
      font-size: 15px;
      font-weight: 700;
      color: #15803d;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    /* Footer Controls */
    .controls {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      max-width: 380px;
      margin-top: 12px;
    }

    .ctrl-btn {
      background: #f1f5f9;
      border: 1px solid #cbd5e1;
      color: #334155;
      font-size: 13px;
      font-weight: 700;
      padding: 6px 14px;
      border-radius: 8px;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 4px;
      transition: background 0.2s;
    }

    .ctrl-btn:hover {
      background: #e2e8f0;
    }

    .play-btn {
      min-width: 76px;
      justify-content: center;
    }
  </style>
</head>
<body>

  
  <div class="stepper-nav">
    <button class="step-pill active" id="tab0">1. Spot</button>
    <button class="step-pill" id="tab1">2. Capitalize</button>
    <button class="step-pill" id="tab2">3. Complete</button>
  </div>

  
  <div class="stage">
    
    <div class="step-content step active">
      <div class="sentence-demo">
        <span class="target-w">w</span>e play
      </div>
      <div class="pointer-tag">
        <span>▲</span> First letter
      </div>
    </div>

    
    <div class="step-content step">
      <div class="sparkle-row">
        <span>✨</span>
        <div class="pop-badge">W</div>
        <span>✨</span>
      </div>
      <div class="step-label">Make it capital!</div>
    </div>

    
    <div class="step-content step">
      <div class="full-sentence">
        <span class="cap-w">W</span>e play at the park.
      </div>
      <div class="success-badge">
        <span>👍</span> Ready to march!
      </div>
    </div>
  </div>

  
  <div class="controls">
    <button class="ctrl-btn" id="prevBtn">← Back</button>
    <button class="ctrl-btn play-btn" id="playBtn">⏸ Pause</button>
    <button class="ctrl-btn" id="nextBtn">Next →</button>
  </div>

  <script>
    const tabs = [document.getElementById('tab0'), document.getElementById('tab1'), document.getElementById('tab2')];
    const playBtn = document.getElementById('playBtn');
    const prevBtn = document.getElementById('prevBtn');
    const nextBtn = document.getElementById('nextBtn');

    function updateTabs(idx) {
      tabs.forEach((tab, i) => {
        if (i === idx) {
          tab.classList.add('active');
        } else {
          tab.classList.remove('active');
        }
      });
    }

    const player = new StepPlayer('.step', {
      interval: 3200,
      onChange: (idx) => {
        updateTabs(idx);
      }
    });

    player.start();

    tabs.forEach((tab, i) => {
      onTap(tab, () => {
        player.goTo(i);
      });
    });

    onTap(prevBtn, () => {
      player.prev();
    });

    onTap(nextBtn, () => {
      player.next();
    });

    onTap(playBtn, () => {
      player.toggle();
      playBtn.textContent = player.playing ? '⏸ Pause' : '▶ Play';
    });
  </script>
</body>
</html>

Using Capital Letters at the Start of a Sentence

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      -webkit-tap-highlight-color: transparent;
      user-select: none;
    }

    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background: transparent;
      color: #0f172a;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
      padding: 12px 8px;
    }

    .scene {
      width: 100%;
      max-width: 440px;
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
    }

    /* Floating callout */
    .callout {
      background: #fef08a;
      border: 1.5px solid #eab308;
      color: #854d0e;
      font-size: 13px;
      font-weight: 700;
      padding: 4px 10px;
      border-radius: 999px;
      margin-bottom: 8px;
      position: relative;
      align-self: flex-start;
      margin-left: 12px;
      box-shadow: 0 2px 4px rgba(0,0,0,0.05);
      animation: gentle-bob 2.4s ease-in-out infinite;
    }

    .callout::after {
      content: "";
      position: absolute;
      bottom: -6px;
      left: 20px;
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 6px solid #eab308;
    }

    @keyframes gentle-bob {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-3px); }
    }

    /* Train parade track & row */
    .parade-stage {
      width: 100%;
      position: relative;
      padding: 10px 4px 18px 4px;
    }

    .train {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 4px;
      position: relative;
      z-index: 2;
    }

    /* Cart Base Styles */
    .cart {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      border-radius: 8px 8px 4px 4px;
      cursor: pointer;
      transition: transform 0.25s ease, filter 0.2s ease;
    }

    .cart:active {
      transform: translateY(-4px);
    }

    /* Leader Engine */
    .cart-leader {
      flex: 1.15;
      height: 76px;
      background: linear-gradient(180deg, #3b82f6 0%, #1d4ed8 100%);
      border: 2px solid #facc15;
      color: #ffffff;
      box-shadow: 0 4px 10px rgba(37, 99, 235, 0.25);
    }

    .crown {
      position: absolute;
      top: -18px;
      font-size: 18px;
      filter: drop-shadow(0 2px 2px rgba(0,0,0,0.2));
      transition: transform 0.2s ease;
    }

    .leader-letter {
      font-size: 34px;
      font-weight: 900;
      line-height: 1;
      text-shadow: 0 1px 2px rgba(0,0,0,0.3);
    }

    /* Follower Carts */
    .cart-follower {
      flex: 1;
      height: 48px;
      background: linear-gradient(180deg, #bae6fd 0%, #38bdf8 100%);
      border: 1.5px solid #0284c7;
      color: #0c4a6e;
    }

    .cart-letter {
      font-size: 20px;
      font-weight: 800;
      line-height: 1;
      letter-spacing: -0.5px;
    }

    /* Caboose Period */
    .cart-caboose {
      flex: 0.65;
      height: 42px;
      background: linear-gradient(180deg, #fca5a5 0%, #ef4444 100%);
      border: 1.5px solid #b91c1c;
      color: #ffffff;
    }

    .period-mark {
      font-size: 28px;
      font-weight: 900;
      line-height: 0.8;
    }

    /* Wheels */
    .wheels {
      position: absolute;
      bottom: -7px;
      width: 82%;
      display: flex;
      justify-content: space-between;
    }

    .wheel {
      width: 11px;
      height: 11px;
      background: #1e293b;
      border: 2px solid #94a3b8;
      border-radius: 50%;
    }

    /* Couplers between carts */
    .coupler {
      width: 6px;
      height: 4px;
      background: #64748b;
      align-self: flex-end;
      margin-bottom: 8px;
      border-radius: 1px;
      flex-shrink: 0;
    }

    /* Track underneath */
    .track {
      position: absolute;
      bottom: 11px;
      left: 0;
      right: 0;
      height: 2px;
      background: #cbd5e1;
      z-index: 1;
    }

    .track-dashes {
      position: absolute;
      bottom: 4px;
      left: 0;
      right: 0;
      display: flex;
      justify-content: space-around;
      font-size: 8px;
      color: #94a3b8;
      letter-spacing: 6px;
    }

    /* Height Comparison Guidelines */
    .height-lines {
      position: absolute;
      left: 0;
      right: 0;
      top: 10px;
      bottom: 18px;
      pointer-events: none;
      z-index: 0;
    }

    .line-leader {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      border-top: 1.5px dashed #93c5fd;
    }

    .line-follower {
      position: absolute;
      top: 28px;
      left: 0;
      right: 0;
      border-top: 1.5px dashed #bae6fd;
    }

    .height-label-top {
      position: absolute;
      right: 2px;
      top: -8px;
      font-size: 10px;
      font-weight: 700;
      color: #2563eb;
      background: rgba(255,255,255,0.85);
      padding: 0 4px;
      border-radius: 4px;
    }

    .height-label-base {
      position: absolute;
      right: 2px;
      top: 20px;
      font-size: 10px;
      font-weight: 700;
      color: #0284c7;
      background: rgba(255,255,255,0.85);
      padding: 0 4px;
      border-radius: 4px;
    }

    /* Bottom Summary Tag */
    .summary-pill {
      margin-top: 8px;
      background: #eff6ff;
      border: 1px solid #bfdbfe;
      color: #1e40af;
      padding: 6px 14px;
      border-radius: 999px;
      font-size: 12.5px;
      font-weight: 600;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .summary-pill strong {
      color: #1d4ed8;
    }

    /* Tap animations triggered by JS */
    .bounce {
      animation: pop-bounce 0.35s ease;
    }

    .wiggle {
      animation: pop-wiggle 0.35s ease;
    }

    @keyframes pop-bounce {
      0% { transform: translateY(0); }
      50% { transform: translateY(-8px); }
      100% { transform: translateY(0); }
    }

    @keyframes pop-wiggle {
      0% { transform: rotate(0deg); }
      25% { transform: rotate(-4deg); }
      75% { transform: rotate(4deg); }
      100% { transform: rotate(0deg); }
    }
  </style>
</head>
<body>

  <div class="scene">
    
    <div class="callout" id="callout">👑 Leader = Capital Letter (Tall!)</div>

    
    <div class="parade-stage">
      
      <div class="height-lines">
        <div class="line-leader"><span class="height-label-top">Tall</span></div>
        <div class="line-follower"><span class="height-label-base">Short</span></div>
      </div>

      
      <div class="train">
        
        <div class="cart cart-leader" id="leader" title="Tap to celebrate!">
          <div class="crown" id="crown">👑</div>
          <div class="leader-letter">T</div>
          <div class="wheels">
            <div class="wheel"></div>
            <div class="wheel"></div>
          </div>
        </div>

        <div class="coupler"></div>

        
        <div class="cart cart-follower" onclick="playFollower(this, 330)">
          <div class="cart-letter">he</div>
          <div class="wheels">
            <div class="wheel"></div>
            <div class="wheel"></div>
          </div>
        </div>

        <div class="coupler"></div>

        
        <div class="cart cart-follower" onclick="playFollower(this, 370)">
          <div class="cart-letter">cat</div>
          <div class="wheels">
            <div class="wheel"></div>
            <div class="wheel"></div>
          </div>
        </div>

        <div class="coupler"></div>

        
        <div class="cart cart-follower" onclick="playFollower(this, 415)">
          <div class="cart-letter">sat</div>
          <div class="wheels">
            <div class="wheel"></div>
            <div class="wheel"></div>
          </div>
        </div>

        <div class="coupler"></div>

        
        <div class="cart cart-caboose" onclick="playFollower(this, 494)">
          <div class="period-mark">.</div>
          <div class="wheels">
            <div class="wheel"></div>
          </div>
        </div>
      </div>

      
      <div class="track"></div>
      <div class="track-dashes">••• ••• ••• ••• ••• ••• ••• •••</div>
    </div>

    
    <div class="summary-pill">
      <span>✦ First letter in a sentence = <strong>Always Capital</strong></span>
    </div>
  </div>

  <script>
    let audioCtx = null;

    function getAudio() {
      if (!audioCtx) {
        audioCtx = new (window.AudioContext || window.webkitAudioContext)();
      }
      if (audioCtx.state === 'suspended') {
        audioCtx.resume();
      }
      return audioCtx;
    }

    function playTone(freq, dur = 0.18, type = 'sine') {
      try {
        const ctx = getAudio();
        const osc = ctx.createOscillator();
        const gain = ctx.createGain();
        osc.type = type;
        osc.frequency.setValueAtTime(freq, ctx.currentTime);
        gain.gain.setValueAtTime(0.2, ctx.currentTime);
        gain.gain.exponentialRampToValueAtTime(0.001, ctx.currentTime + dur);
        osc.connect(gain);
        gain.connect(ctx.destination);
        osc.start();
        osc.stop(ctx.currentTime + dur);
      } catch (e) {}
    }

    // Leader Cart Interaction
    const leader = document.getElementById('leader');
    leader.addEventListener('click', () => {
      leader.classList.remove('bounce');
      void leader.offsetWidth;
      leader.classList.add('bounce');

      // Cheerful leader chime
      playTone(523.25, 0.15, 'triangle'); // C5
      setTimeout(() => playTone(659.25, 0.25, 'triangle'), 100); // E5
    });

    // Follower Cart Interaction
    function playFollower(el, freq) {
      el.classList.remove('wiggle');
      void el.offsetWidth;
      el.classList.add('wiggle');
      playTone(freq, 0.15, 'sine');
    }
  </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <title>Capital Letters Comparison</title>
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: 'Fredoka', 'Comic Neue', system-ui, -apple-system, sans-serif;
      background: transparent;
      color: #1e293b;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100%;
      padding: 12px 8px;
    }

    .comparison-container {
      width: 100%;
      max-width: 620px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
    }

    .column {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      min-width: 0;
    }

    .badge {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      padding: 6px 14px;
      border-radius: 999px;
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 12px;
    }

    .badge-oops {
      background-color: #fee2e2;
      color: #b91c1c;
    }

    .badge-super {
      background-color: #dcfce7;
      color: #15803d;
    }

    .sentence-card {
      width: 100%;
      background: #ffffff;
      border-radius: 16px;
      padding: 18px 10px 14px;
      position: relative;
      box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
      border: 1.5px solid #e2e8f0;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    /* Primary handwriting guidelines */
    .guidelines {
      position: relative;
      width: 100%;
      padding: 16px 4px 6px;
      display: flex;
      justify-content: center;
      align-items: baseline;
    }

    .guidelines::before {
      content: '';
      position: absolute;
      left: 6px;
      right: 6px;
      top: 14px;
      border-top: 1.5px dashed #94a3b8;
      opacity: 0.45;
    }

    .guidelines::after {
      content: '';
      position: absolute;
      left: 6px;
      right: 6px;
      bottom: 8px;
      border-bottom: 2px solid #64748b;
      opacity: 0.5;
    }

    .sentence-text {
      font-size: 32px;
      font-weight: 600;
      letter-spacing: 0.5px;
      line-height: 1.1;
      z-index: 1;
      white-space: nowrap;
    }

    /* Target letter styling */
    .letter-target {
      position: relative;
      display: inline-block;
      font-weight: 700;
    }

    .letter-wrong {
      color: #b91c1c;
      padding: 0 2px;
    }

    .letter-wrong::after {
      content: '';
      position: absolute;
      inset: -2px -4px;
      border: 2px dashed #ef4444;
      border-radius: 8px;
      background: rgba(254, 226, 226, 0.35);
    }

    .letter-correct {
      color: #15803d;
      font-size: 36px;
      padding: 0 1px;
    }

    .crown-icon {
      position: absolute;
      top: -18px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 18px;
      line-height: 1;
      filter: drop-shadow(0 1px 2px rgba(234, 179, 8, 0.4));
      animation: float 2.5s ease-in-out infinite;
    }

    @keyframes float {
      0%, 100% { transform: translate(-50%, 0); }
      50% { transform: translate(-50%, -3px); }
    }

    .caption {
      margin-top: 12px;
      font-size: 13px;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 3px;
    }

    .caption-wrong {
      color: #b91c1c;
    }

    .caption-correct {
      color: #15803d;
    }

    .arrow-divider {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #94a3b8;
      font-size: 22px;
      font-weight: 800;
      padding: 0 2px;
      user-select: none;
    }

    @media (max-width: 440px) {
      .comparison-container {
        flex-direction: column;
        gap: 16px;
      }
      .arrow-divider {
        transform: rotate(90deg);
        margin: -4px 0;
      }
      .sentence-text {
        font-size: 28px;
      }
      .letter-correct {
        font-size: 32px;
      }
    }
  </style>
</head>
<body>

  <div class="comparison-container">
    
    <div class="column">
      <div class="badge badge-oops">✕ Oops!</div>
      <div class="sentence-card">
        <div class="guidelines">
          <span class="sentence-text">
            <span class="letter-target letter-wrong">d</span>ogs bark.
          </span>
        </div>
        <div class="caption caption-wrong">
          <span>↓ Too short</span>
        </div>
      </div>
    </div>

    
    <div class="arrow-divider">→</div>

    
    <div class="column">
      <div class="badge badge-super">✓ Super!</div>
      <div class="sentence-card">
        <div class="guidelines">
          <span class="sentence-text">
            <span class="letter-target letter-correct">
              <span class="crown-icon">👑</span>D
            </span>ogs bark.
          </span>
        </div>
        <div class="caption caption-correct">
          <span>★ Stands tall!</span>
        </div>
      </div>
    </div>
  </div>

</body>
</html>

Identifying Nouns for Places and Things

Identifying Nouns for People and Animals

Distinguishing Proper Nouns from Common Nouns

Adding 's' to Make Plural Words

Forming Plurals by Adding -es

Choosing Singular or Plural Nouns in Sentences

Naming Words: Common, Proper, and Plural Nouns

What Is an Action Word (Verb)?

Matching Action Verbs to Pictures

What Are Pronouns? Words That Take the Place of Names

Using He, She, It, and They

Using the Pronouns I and We

Using Possessive Words: My, Your, His, Her, and Their

Action Words and Personal Pronouns

Always Capitalizing the Word 'I'

Using Capital Letters for Names of People

Ending Telling Sentences with a Period

Using Question Marks for Asking Sentences

Using Exclamation Points for Excitement and Strong Feelings

Picking the Right End Mark

Capital Letters and End Punctuation Marks

Texts Are Everywhere: Signs, Books and Screens

How Books Are Organised: Covers, Title Page and Spine

Reading Left to Right and Top to Bottom

Words and Spaces: How Text Is Arranged on a Page

Reading Simple Digital Texts on Screens

What Is Punctuation? Full Stops at the End

Capital Letters at the Start of Sentences

Capital Letters for People's Names

Capital Letters for Place Names

How Story Books and Information Books Are Different

Print, Texts and Punctuation

Rédiger un écrit d'invention dans un genre littéraire

Raconter une expérience personnelle ou un souvenir

Décrire un lieu ou un portrait de personnage

Rédiger un texte explicatif sur une démarche ou un phénomène

Écrire un dialogue inséré dans un récit

Composer un court poème à contrainte ou en vers libres

Écritures personnelles, créatives et récits littéraires

Accorder systématiquement le sujet et le verbe même éloigné

Accorder les éléments du groupe nominal en genre et en nombre

Distinguer les terminaisons en -er et en -é dans ses phrases

Maîtriser la ponctuation forte et faible dans la phrase complexe

Utiliser des outils de référence : dictionnaire et tables de conjugaison

Construire des phrases complexes bien charpentées

Vigilance orthographique et codes de l'écrit

Utiliser le brouillon pour réfléchir et organiser

Organiser ses idées en paragraphes distincts

Choisir les bons connecteurs logiques et temporels

Éviter les répétitions grâce aux reprises nominales et pronominales

Maintenir la cohérence des temps du récit

Réviser son texte : la ponctuation du discours direct

Brouillon, planification et cohérence textuelle

Autoévaluer la cohérence et la richesse de son écrit

Améliorer un texte à partir des conseils de l'enseignant

Améliorer son texte grâce à la relecture entre pairs

Améliorer son orthographe grammaticale en production d'écrits

Utiliser ses référents pour vérifier les classes de mots et leurs variations

Corriger les accords des participes passés dans son texte

Réviser la ponctuation et la structure des phrases

Relecture, révision et conformité aux normes de l'écrit

Shared Writing: Writing a Sentence Together

Editing Our Writing Together: Checking Full Stops

Editing Our Writing Together: Checking Capital Letters

Writing to Report an Event

Publishing a Short Written Text

Shared Writing and Simple Texts

Starting Sentences With Capital Letters

Capitalizing People's Names

Finding Capital Letters in Your Writing

Fixing Capitalization Mistakes

Periods at the End of Telling Sentences

Telling Sentences Always End With Periods

Checking for End Punctuation in Your Writing

Fixing Sentences That Are Missing Periods

Capitals and Periods Working Together

Using a Checklist to Check Capitals and Punctuation

Capitalization & Punctuation

Capital Letters Start Every Sentence

The Word 'I' Is Always Capital

Finding Periods at the End of Sentences

Finding Question Marks at the End

Finding Exclamation Marks at the End

Naming All the End Punctuation Marks

Capital Letters and End Punctuation

Writing Letters for Consonant Sounds

Writing Letters for Short Vowel Sounds

Spelling Three-Letter Words by Sound

Spelling Words With Digraphs by Sound

Spelling Words With Blends by Sound

Spelling Words With Silent E by Sound

Checking Your Writing for Capitals and Punctuation

What We Will Learn Next: Conventions in First Grade

Spelling Words by Sound and Reviewing Your Writing

OGE.1.L.3

OGE.1.L.3

Aligned learning resources

Related diagrams