<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/58633/b-111-problem-specification" 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/theme-b-computational-thinking/b1-computational-thinking/b1.1-approaches-to-computational-thinking/cake.jpg"
            alt="B 1.1.1 Problem specification"
        >
    </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">
                        B 1.1.1 Problem specification
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A problem specification is the formal definition of what a system must do before any design or coding begins. A well-constructed specification includes a problem statement, constraints and limitations,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/58641/b-112-computational-thinking" 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/theme-b-computational-thinking/b1-computational-thinking/b1.1-approaches-to-computational-thinking/abstraction.png"
            alt="B 1.1.2 Computational thinking"
        >
    </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">
                        B 1.1.2 Computational thinking
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Computational thinking is a structured approach to problem-solving. It draws on four interrelated concepts, decomposition, pattern recognition, abstraction, and algorithmic design, which are applied together,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/65105/getting-started-choosing-your-project" 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/ia/choosing.png"
            alt="Getting Started: Choosing Your Project"
        >
    </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">
                        Getting Started: Choosing Your Project
                                                <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"> Choosing your IA topic is the most important decision you'll make. A good project is complex enough to be challenging for a DP Computer Science student. It must solve a real problem and store data permanently...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61797/b-323-abstraction-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/ib/computerscience/2025/theme-b-computational-thinking/b3-object-oriented-programming/b3.2-fundamentals-of-oop-for-multiple-classes-%28hl-only%29/abstraction.jpeg"
            alt="B 3.2.3 Abstraction (HL Only)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teacher Resources (new)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        B 3.2.3 Abstraction (HL Only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section explains abstraction in OOP, emphasising its significance in creating modular code. It covers the use of abstract classes to define common interfaces for subclasses. Last updated: 15/01/2026...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/60171/sample-papers" 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/exam.jpg"
            alt="Sample Papers"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teacher Resources (old)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Sample Papers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section links to sample examination papers that can be used for unique assessments during the course.  Last updated: 12 May 2026    You can find mock exams for the new curriculum here:  Sample Papers...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/68276/sample-papers-2025" 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/exam.jpg"
            alt="Sample Papers 2025"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teacher Resources (new)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Sample Papers 2025
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section links to sample examination papers for the Computer Science, first examination 2027, that can be used for unique assessments during the course.  Last updated: 12 May 2026    Paper 2 SL 26-5...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/52017/choosing-an-ide" 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/images/ide.png"
            alt="Choosing an IDE"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> An Integrated Development Environment (IDE) is a software application that provides comprehensive facilities for software development. Popular IDEs include Eclipse, NetBeans, IntelliJ IDEA, and Visual...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61177/a-321-database-schemas" 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/theme-a--concepts-of-computer-science/a3-databases/a3.2-database-design/database-schema.png"
            alt="A 3.2.1 Database Schemas"
        >
    </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">
                        A 3.2.1 Database Schemas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Every database relies on a schema, a structure defining data organization and relationships. We'll explore conceptual, logical, and physical schemas, and how they abstractly define data structure at different...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61182/a-321-database-schemas" 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/theme-a--concepts-of-computer-science/a3-databases/a3.2-database-design/database-schema.png"
            alt="A 3.2.1 Database Schemas"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teacher Resources (new)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        A 3.2.1 Database Schemas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Every database relies on a schema, a structure defining data organisation and relationships. We'll explore conceptual, logical, and physical schemas, and how they abstractly define data structure at different...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/67986/a4-machine-learning-exam-lab" 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/theme-a--concepts-of-computer-science/a4-machine-learning/a4machinelearning.png"
            alt="A4: Machine Learning - Exam Lab"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Review/revision
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        A4: Machine Learning - Exam Lab
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This exam practice page is designed for the A4: Machine Learning unit of the new IB Computer Science syllabus (first assessment 2027).  A4.1 Machine learning fundamentals eBook  A4.2 Data preprocessing...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 April 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=24" 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>
