<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-french-la/page/65511/faits-ou-fiction-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-faits-ou-fiction.png"
            alt="Faits ou fiction 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">
                        Faits ou fiction du Projet Zero de Harvard
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette routine de la pensée aide les apprenants à examiner de nouvelles informations sous plusieurs angles et à se demander si ces informations relèvent de faits vérifiés ou de suppositions pas toujours...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60771/carte-mentale-ou-heuristique-mind-map" 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/cartes-mentales-utilite.png"
            alt="Carte mentale ou heuristique (mind map)"
        >
    </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">
                        Carte mentale ou heuristique (mind map)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dans un premier temps, nous allons regarder en quoi consiste une carte mentale et quel est l'intérêt d'en utiliser. Ensuite, nous nous pencherons sur les principes des cartes mentales, en d'autres termes,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60376/competences-de-pensee" 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/atl-pensee.png"
            alt="Compétences de pensée"
        >
    </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">
                        Compétences de pensée
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Nous avons regroupé sur cette page les différentes activités dont le but est de développer les compétences de pensée des apprenants. Ces stratégies sont intégrées aux unités des différents niveaux mais...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60370/approches-de-lapprentissage" 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/atl-skills-snippet.png"
            alt="Approches de l&amp;#039;apprentissage"
        >
    </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">
                        Approches de l&#039;apprentissage
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Les approches de l'apprentissage permettent aux apprenants de développer diverses compétences pour apprendre à apprendre. Certaines de ces compétences sont spécifiques à l'acquisition des langues et correspondent...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60190/pour-les-apprenants-for-learners" 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/how-to-use-the-site-(learners).png"
            alt="Pour les apprenants / For learners"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Par où commencer
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Pour les apprenants / For learners
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This site is designed to help you succeed in learning French according to the MYP curriculum. Here are some explanations about how to use the site and find the resources you are going to either discover...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/64693/lire-un-article-sur-les-4-commandements-de-la-mode-ado" 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/activite-ce-snippet.png"
            alt="Lire un article sur les 4 commandements de la mode ado"
        >
    </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">
                        Lire un article sur les 4 commandements de la mode ado
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pratique ta compréhension écrite : lis ce texte sur la mode des adolescents et réponds aux questions. Cette activité va te permettre d'identifier du vocabulaire en rapport avec les tenues vestimentaires...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/62452/lien-entre-notre-alimentation-et-notre-sante-mentale" 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-2/sante-mentale.jpg"
            alt="Lien entre notre alimentation et notre santé mentale"
        >
    </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">
                        Lien entre notre alimentation et notre santé mentale
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Préparez-vous à un entretien avec un journaliste sur le lien entre notre assiette et notre santé mentale ! Vous êtes l'expert(e) et avant de répondre aux questions, regardez cette vidéo et faites les...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/61195/les-relations" 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/goose-1339241_1280.jpg"
            alt="Les relations"
        >
    </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 relations
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Ces exercices ont pour objectif d'aider les apprenants à acquérir du vocabulaire pour parler de leurs relations, positives ou négatives, avec les autres. Ils contiennent aussi bien des verbes (bien s'entendre...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60374/la-boussole-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-files/emergent/unite-1/la-boussole-project-zero-de-harvard.png"
            alt="La boussole 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">
                        La boussole du Projet Zero de Harvard
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Après avoir regardé en quoi consiste cette technique qui soutient l'apprentissage conceptuel et les approches d'apprentissage, en particulier les compétences de pensée, nous donnerons des exemples de...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60230/grammaire-et-vocabulaire-pratique-de-la-langue" 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-grammaire-exercices-de-langue.png"
            alt="Grammaire et vocabulaire (pratique de la langue)"
        >
    </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">
                        Grammaire et vocabulaire (pratique de la langue)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pour pratiquer la langue, nous avons regroupé des sites Internet dédiés à la grammaire ou au vocabulaire en français. Ces exercices aident spécifiquement à l'acquisition de la langue mais nous rappelons...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 November 2025
                        </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=38" 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>
