<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-french-la/page/65401/evaluations-sommatives-et-formatives" 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/assessment-skills.png"
            alt="Évaluations sommatives et formatives"
        >
    </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">
                        Évaluations sommatives et formatives
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Comme nous l’avons vu précédemment dans l’introduction de ce cours d'Acquisition de langues, les évaluations font partie intégrante de l’apprentissage. On distingue deux types d’évaluation : les évaluations...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60192/continuum-niveaux-de-competence-et-phases" 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/continuum.png"
            alt="Continuum, niveaux de compétence et phases"
        >
    </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">
                        Continuum, niveaux de compétence et phases
                                                <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"> Le système de continuum sur une échelle de 1 à 6 (Phases) permet de suivre la progression personnelle des apprenants plutôt que de déterminer leur apprentissage par des critères arbitraires tels que l’âge...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60191/introduction-" 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/intro-depart.png"
            alt="Introduction "
        >
    </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">
                        Introduction 
                                                <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"> Que vous soyez déjà familier·ère avec le PEI ou que vous découvriez le cours d'Acquisition de langues pour la première fois, il est tout à fait possible que vous vous sentiez un peu dépassé·e par la charge...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60219/lutilisation-du-site-internet" 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="L&amp;#039;utilisation du site Internet"
        >
    </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">
                        L&#039;utilisation du site Internet
                                                <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"> Vous venez peut-être tout juste de vous abonner à ce site ou vous n'avez pas encore eu le temps de vous familiariser avec tout son contenu. L'objectif de cette page est de vous aider à mieux comprendre...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60221/le-cours-dacquisition-de-langues-francais" 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/le-cours-de-l-acquisition-des-langues.png"
            alt="Le cours d&amp;#039;Acquisition de langues (français)"
        >
    </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">
                        Le cours d&#039;Acquisition de langues (français)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dans cette section, nous avons résumé quelques grandes idées du cours d'Acquisition de langues du PEI et des choix que nous avons faits lors de la création de ce site.  La progression de l’acquisition...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60606/portraits-denfants-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/gabriellu-en-corse.jpg"
            alt="Portraits d&amp;#039;enfants (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">
                        Portraits d&#039;enfants (présentations/identités)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Nous avons utilisé ici la série de vidéos publiée sur Youtube par Arte Family. Ces vidéos sont aux alentours de 3 minutes et ciblent les Phases 1-2. Plusieurs évaluations ont été développées sur le même...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/69551/lecotourisme-dans-les-pays-francophones" 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-6/u6-capable-snippet-comprehension-orale.jpg"
            alt="L&amp;#039;écotourisme dans les pays francophones"
        >
    </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">
                        L&#039;écotourisme dans les pays francophones
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Quand on réfléchit aux solutions possibles pour se dépayser mais aussi pour se connecter avec respect à notre environnement, on pense souvent à l'écotourisme. Mais qu'est-ce que c'est exactement, le concept...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/62919/quand-lecole-nous-fait-rire" 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-3/screenshot-2025-06-28-at-12.49.25-pm.png"
            alt="Quand l&amp;#039;école nous fait rire..."
        >
    </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">
                        Quand l&#039;école nous fait rire...
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Non seulement ça fait du bien de rire mais en plus le sens de l'humour d'une société en dit long sur la culture du pays. Si tu es féru·e du Québec, tu connaitras sûrement les Têtes à claques et pour la...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/67385/les-vacances-en-chanson-" 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-6/emergent-u6-chansons.png"
            alt="Les vacances en chanson !"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Chansons francophones
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Les vacances en chanson !
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Il faut être honnête : on adore tous les vacances ! Vacances riment souvent avec voyages, soleil, espaces verts ou eau chaude, sable ou neige, repos ou activités de loisirs. Et puis, on se fait beaucoup...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/61209/niveau-debutant" 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/assessment-icons/qingyu-rcl3rwhqolw-unsplash.jpg"
            alt="Niveau Débutant"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Chansons francophones
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Niveau Débutant
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dans cette section, nous avons regroupé les chansons sur tous les thèmes, accompagnées de leurs exercices. Si les apprenants ont envie de découvrir les artistes francophone ou d'écouter de la musique...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 August 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=8" 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>
