<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-french-la/page/65529/des-ressources-a-la-source-modele-big-6-adapte" 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-infos-en-francais.png"
            alt="Des ressources à la source (modèle Big 6 adapté)"
        >
    </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">
                        Des ressources à la source (modèle Big 6 adapté)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Quand les apprenants font des recherches, ils ont tendance à chercher les informations en anglais ou dans leur première langue et ensuite, ils essaient de traduire ces données en français. Il s'agit d'un...</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/61155/competences-de-recherche" 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-recherche.png"
            alt="Compétences de recherche"
        >
    </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 recherche
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Avec la présence de différents médias et l'accès à de nombreuses informations, il est important d'une part d'aider les apprenants à développer des compétences liées aux littératies technologique et informationnelle...</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/65526/organisation-du-vocabulaire-dans-le-classeur-1" 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-mots-de-vocabulaire.png"
            alt="Organisation du vocabulaire dans le classeur #1"
        >
    </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">
                        Organisation du vocabulaire dans le classeur #1
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dans un cours de langue - et/ou en immersion dans un environnement où on parle cette langue - on rencontre beaucoup de nouveaux mots de vocabulaire. Quand on devient plus familier avec cette langue, on...</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/65500/organisation-des-notes-avec-un-systeme-de-sections-dans-un-class" 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-classeur-intercalaires.png"
            alt="Organisation des notes avec un système de sections dans un classeur"
        >
    </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">
                        Organisation des notes avec un système de sections dans un classeur
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Quand on apprend une langue, on note les nouveaux mots de vocabulaire et les informations sur la ou les cultures des pays où on parle cette langue. C'est une façon de s'approprier les mots et de se familiariser...</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/65309/journal-dapprentissage" 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/atl-skills/journal-d-apprentissage-carnet-de-notes.jpg"
            alt="Journal d&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">
                        Journal d&#039;apprentissage
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Ce journal est un espace qui capture des moments et des réflexions de l'apprentissage des apprenants. Les informations que les apprenants y recueillent peuvent être des pensées aussi bien sur l'apprentissage...</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/65531/mener-une-discussion-de-groupe" 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-tour-de-table-et-baton-de-parole.png"
            alt="Mener une discussion de groupe"
        >
    </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">
                        Mener une discussion de groupe
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Quand on discute dans un groupe de façon efficace et respectueuse, on respecte certaines règles. Il est important de connaitre ces règles mais surtout de les mettre en pratique. Ces deux stratégies permettent...</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/65509/prendre-des-notes-de-maniere-efficace" 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-prise-de-note.png"
            alt="Prendre des notes de manière efficace"
        >
    </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">
                        Prendre des notes de manière efficace
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette routine de la pensée guide les apprenants dans la compréhension d'un texte écrit ou oral et les aide à ne retenir que l'essentiel. Elle peut être accompagnée de la méthode Cornell qui permet de...</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/65510/fournir-un-retour-dinformation-utile-et-respectueux-2" 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-echelle-pour-le-retour-d-information.png"
            alt="Fournir un retour d&amp;#039;information utile et respectueux #2"
        >
    </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">
                        Fournir un retour d&#039;information utile et respectueux #2
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Ces deux stratégies de la pensée sont très utiles, par exemple, lorsque des apprenants commentent et évaluent le travail de camarades de classe. La première routine, Faire le lien, aller plus loin, poser...</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/65506/fournir-un-retour-dinformation-utile-et-respectueux-1" 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-retour-d-information-see-wonder-ask.png"
            alt="Fournir un retour d&amp;#039;information utile et respectueux #1"
        >
    </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">
                        Fournir un retour d&#039;information utile et respectueux #1
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette stratégie de la pensée (en anglais, See Think Wonder) est très utile pour développer les compétences de communication qui encouragent les apprenants à observer avec attention et faire des interprétations...</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/61157/competences-de-communication-" 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-communication.png"
            alt="Compétences de communication "
        >
    </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 communication 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Les différentes activités listées sur cette page ont pour objectif de développer les compétences de communication des apprenants. Vous les retrouvez à la fin de certaines unités mais n'hésitez pas à les...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 January 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=37" 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>
