<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/69567/evaluating-generative-ai-models" 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/2025/casestudy2027/dialmatrix.png"
            alt="Evaluating generative AI models"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> No model is best at everything. Choosing one means weighing several factors against each other and deciding which matter most for the job. This page sets out the factors Visionary Studios uses.This page...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69559/the-case-study-and-your-task" 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/2025/casestudy2027/designstudio.png"
            alt="The case study and your task"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        The case study and your task
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Generative AI can now produce an image from a few words, from a rough sketch, or from nothing but the patterns a model has learned. This case study follows one company deciding whether, and how, to bring...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61948/b4-abstract-data-types-hl-only" 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/subject/generic/44/03.jpg?v=1790338362"
            alt="B4 Abstract data types (HL only)"
        >
    </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">
                        B4 Abstract data types (HL only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Worksheets can be seen on the menu on the left. These will appear when your teacher makes them visible. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69513/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"> Paper 2 tests Theme B, computational thinking and programming, in the language you have studied, Java or Python. This page sets out the format for first assessment in May 2027, what it asks of you, and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69509/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"> Paper 1 tests your understanding of Theme A, the concepts of computer science, and your research into the pre-seen case study. This page sets out the format for first assessment in May 2027, what each...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69508/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">
                            DP essentials
                        </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 IB learner profile describes ten attributes the Diploma Programme aims to develop in you, beyond your results. This page takes each attribute in turn and shows what it means for you as an IB Computer...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69506/theory-of-knowledge" 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="Theory of Knowledge"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Theory of Knowledge asks you to examine how knowledge is built, tested and trusted, and to reflect on yourself as a knower. This page sets out the current TOK structure and shows where it meets your 2027...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69468/a-123a-worksheet-answers" 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/subject/generic/44/04.jpg?v=1790338362"
            alt="A 1.2.3a Worksheet Answers"
        >
    </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">
                        A 1.2.3a Worksheet Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Part 1. AND: 0, 1. OR: 1, 0. NOT: 0, 1. XOR: 1, 0. NAND: 1, 0. NOR: 1, 0. XNOR: 1, 0. Part 2. NOT: input 0 gives 1, input 1 gives 0. Part 3 (indicative)....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69467/a-123a-worksheet" 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/subject/generic/44/01.jpg?v=1790338362"
            alt="A 1.2.3a Worksheet"
        >
    </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">
                        A 1.2.3a Worksheet
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A1.2.3 Describe the purpose and use of logic gates. Work through this sheet on your own after the group activity. Use it to check that you can describe every gate without help. Sentence frame for any...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69462/a-122-worksheet-answers" 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/subject/generic/44/02.jpg?v=1790338362"
            alt="A 1.2.2 Worksheet Answers"
        >
    </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">
                        A 1.2.2 Worksheet Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Storing data in binary A1.2.2 Explain how binary is used to store data. Answer in full sentences. For explain questions, give the mechanism and the reason, not just the outcome. Reference Data is stored...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 July 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="/computerscience/latest-updates?page=22" 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>
