<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-french-la/page/61105/articles-de-magazine-jeunesse" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/myp-french-la/cj-files/capable/unite-1/screenshot-2025-03-17-at-2.00.42-pm.png"
            alt="Articles de magazine jeunesse"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Evaluations (enseignants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Articles de magazine jeunesse
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ÉVALUATIONS SOMMATIVES et/ou FORMATIVES Nous avons utilisé des articles de deux magazines jeunesse pour développer ces deux évaluations de Phase 4 (environ 900 mots). Malgré une langue qui peut parfois...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60741/blog-de-collegiens-presentationsidentites" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/myp-french-la/cj-images/emergent/famille/screenshot-2025-02-27-at-1.44.37-pm.png"
            alt="Blog de collégiens (présentations/identités)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Evaluations (enseignants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Blog de collégiens (présentations/identités)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ÉVALUATIONS SOMMATIVES et/ou FORMATIVES Nous avons utilisé un blog sur Internet pour développer ces deux évaluations de Phase 1 (un peu moins de 300 mots) et de Phase 2 (presque 500 mots). Cette dernière...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/62544/la-rentree-au-college" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/myp-french-la/cj-files/emergent/unite-3/temps-des-changements.jpg"
            alt="La rentrée au collège"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Evaluations (enseignants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        La rentrée au collège
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Ces deux évaluations ont été développées sur le même modèle en utilisant des reportages de journaux télévisés français de moins de 3 minutes. Bien que des informations se recoupent (cf. les différences...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/62611/la-rentree-en-sixieme6e" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/myp-french-la/cj-files/emergent/unite-3/screenshot-2025-06-10-at-8.03.15-pm.png"
            alt="La rentrée en sixième/6e"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        La rentrée en sixième/6e
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pratique ta compréhension orale : regarde ces petites vidéos sur la rentrée au collège à Monaco et en France et réponds aux questions. Il y a des différences culturelles intéressantes, compare avec ton...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/61311/articles-en-ligne-sur-des-romans" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/myp-french-la/cj-files/proficient/unite-1/screenshot-2025-04-02-at-1.16.18-pm.png"
            alt="Articles en ligne sur des romans"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Evaluations (enseignants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Articles en ligne sur des romans
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ÉVALUATIONS SOMMATIVES et/ou FORMATIVES Nous avons utilisé des articles en ligne de journaux québécois pour développer ces deux évaluations de Phase 5 (environ 1000 mots). Bien qu'il s'agisse de présentation...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/64627/les-verbes-conjugaison-au-present-la-mode" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/myp-french-la/cj-files/emergent/unite-5/livre-sur-les-vetements.png"
            alt="Les verbes - Conjugaison au présent (la mode)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Exercices (langue)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Les verbes - Conjugaison au présent (la mode)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Les vêtements ont plusieurs fonctions : ils nous protègent du froid, ils préservent notre pudeur, ils donnent une image de nous aux autres, ils reflètent notre personnalité, nos préférences, notre style....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/65505/imagine-si-du-projet-zero-de-harvard" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/myp-french-la/cj-images/interface/snippet-imagine-if.png"
            alt="Imagine si... du Projet Zero de Harvard"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Aperçu du cours
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Imagine si... du Projet Zero de Harvard
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette stratégie appartient à la boîte à outils des routines de la pensée développée par Project Zero de Harvard. Elle encourage les apprenants à identifier de nouvelles idées et les invite à penser différemment....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/61296/autoreflet-de-grand-corps-malade" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/myp-french-la/cj-files/proficient/unite-1/gcm-autoreflet.jpg"
            alt="&amp;quot;Autoreflet&amp;quot; de Grand Corps Malade"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        &quot;Autoreflet&quot; de Grand Corps Malade
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Regardez cette vidéo et répondez aux questions pour pratiquer votre compréhension orale. Connaissez-vous cet artiste français et savez-vous pourquoi il a choisi ce nom de scène ? Il est poète-slameur....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60791/la-lettre-de-ton-correspondant-francophone" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/myp-french-la/cj-files/emergent/unite-1/stamps-484991_1280.jpg"
            alt="La lettre de ton correspondant francophone"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        La lettre de ton correspondant francophone
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pratique ta compréhension écrite : lis cette lettre de ton correspondant francophone et réponds aux questions.  Imagine. Ton professeur te donne une lettre avec une photo. C'est ton correspondant francophone. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/61055/la-famille-au-cinema-relations-identite" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/myp-french-la/cj-files/capable/unite-1/screenshot-2025-03-14-at-11.17.56-am.png"
            alt="La famille au cinéma (relations, identité)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Evaluations (enseignants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        La famille au cinéma (relations, identité)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Nous avons utilisé ici deux vidéos sur Youtube qui présentent les films français Avis de Mistral (2014) et Famille Bélier (2014) avec des interviews et des extraits de la bande-annonce de ces films. Chaque...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>



    </template>
</turbo-stream>

    <turbo-stream action="update" target="load-more">
        <template>
            <div class="d-flex justify-content-center my-3">
    <a href="/myp-french-la/latest-updates?page=21" class="btn btn-secondary loader">
        <i class="fa-regular fa-circle-plus"></i>
        Load more
    </a>
    <div class="spinner-border load-more text-primary" role="status">
        <span class="visually-hidden">Loading...</span>
    </div>
</div>

        </template>
    </turbo-stream>
