<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/22321/learner-profile" 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/computerscience/course-planning/student.jpg"
            alt="Learner profile"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activities
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Learner profile
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The International Baccalaureate® (IB) learner profile describes a broad range of human capacities and responsibilities that go beyond academic success. They imply a commitment to help all members of the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 March 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/20584/paper-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/computerscience/external-assessment/general/exam.png"
            alt="Paper 2"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Paper 2
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Objective 1 - 13%  Objective 2 - 7% Objective 3 - 5% Objective 1 - 10%  Objective 2 - 6% Objective 3 - 4% Students will be expected to interpret and/or construct code in Java in the OOP option. Objectives...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 March 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/20583/paper-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/computerscience/external-assessment/general/exam.png"
            alt="Paper 1"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Paper 1
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 30 minutes 25 marks Objectives 1 and 2 30 minutes 25 marks Objectives 1 and 2 60 minutes 45 marks Objectives 1, 2 and 3 100 minutes 75 marks Objectives 1, 2 and 3 Objective 1 - 24%  Objective 2 - 13%...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 March 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/20544/internal-assessment-about" 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/computerscience/internalassessment/ibia.png"
            alt="Internal Assessment - About"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Internal Assessment - About
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The internal assessment requires the development of a solution for a specified client to a specified problem or an unanswered question.  The Internal Assessment is assessed on the same criteria (SL) for...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 March 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/20600/internal-assessment-student-guide" 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/computerscience/internalassessment/path.png"
            alt="Internal assessment - Student Guide"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Internal assessment - Student Guide
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Student guide to the IB Computer Science Internal Assessment.   Before you start make sure you have thoroughly read through the internal assessment details on the IB Computer Science syllabus: Internal...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 January 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/22110/option-d-worksheets" 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/computerscience/practice/firefly-student-learning-how-to-program-software-by-practising-by-example.-the-student-should-be-of-.jpg"
            alt="Option D - Worksheets"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activities
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Option D - Worksheets
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> To access the worksheets in this topic use the menu to the left. Worksheets will continue to be added to this section. Your teacher will need to make them available before you can access them. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 January 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/22109/topic-7-worksheets" 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/computerscience/practice/firefly-student-learning-how-to-program-software-by-practising-by-example.-the-student-should-be-of-.jpg"
            alt="Topic 7 - Worksheets"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activities
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Topic 7 - Worksheets
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> To access the worksheets in this topic use the menu to the left. Worksheets will continue to be added to this section. Your teacher will need to make them available before you can access them. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 January 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/22108/topic-6-worksheets" 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/computerscience/practice/firefly-student-learning-how-to-program-software-by-practising-by-example.-the-student-should-be-of-.jpg"
            alt="Topic 6 - Worksheets"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activities
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Topic 6 - Worksheets
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> To access the worksheets in this topic use the menu to the left. Worksheets will continue to be added to this section. Your teacher will need to make them available before you can access them. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 January 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/22107/topic-5-worksheets-and-activities" 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/computerscience/practice/firefly-student-learning-how-to-program-software-by-practising-by-example.-the-student-should-be-of-.jpg"
            alt="Topic 5 - Worksheets and activities"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activities
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Topic 5 - Worksheets and activities
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> To access the worksheets in this topic use the menu to the left. Worksheets will continue to be added to this section. Your teacher will need to make them available before you can access them. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 January 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/22106/topic-4-worksheets" 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/computerscience/practice/firefly-student-learning-how-to-program-software-by-practising-by-example.-the-student-should-be-of-.jpg"
            alt="Topic 4 - Worksheets"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activities
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Topic 4 - Worksheets
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> To access the worksheets in this topic use the menu to the left. Worksheets will continue to be added to this section. Your teacher will need to make them available before you can access them. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 January 2024
                        </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="/computerscience/latest-updates?page=97" 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>
