<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/65795/topic-b-project-2-the-student-quiz-engine-medium-difficulty" 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/quiz.png"
            alt="Topic B Project 2: The Student Quiz Engine (Medium Difficulty)"
        >
    </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 B Project 2: The Student Quiz Engine (Medium Difficulty)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Context: The "Digital Campus" Learning Platform. Time Limit: 3 Hours (SL) / 4 Hours (HL). A teacher wants a revision tool for their students. They have a text file containing questions and answers. They...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/65793/topic-b-project-1-the-digital-librarian-mild-difficulty" 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/library.png"
            alt="Topic B Project 1: The Digital Librarian (Mild Difficulty)"
        >
    </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 B Project 1: The Digital Librarian (Mild Difficulty)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Context: The "Digital Campus" Library. Time Limit: 3 Hours (SL) / 4 Hours (HL). The school library creates a list of new book arrivals every week in a text file. Currently, the librarian must manually...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62554/case-study-activities-module-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/casestudy/casestudy2026/cs3.jpeg"
            alt="Case Study Activities - Module 1"
        >
    </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">
                        Case Study Activities - Module 1
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> CyberHealth Security is hired to conduct penetration testing on MedTechPro Hospital (MTPH), which heavily uses technology like EHRs and IoT devices. Using the 7-phase PTES standard, they'll assess network...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62507/case-study-2026" 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/casestudy/casestudy2026/hacker.jpeg"
            alt="Case Study 2026"
        >
    </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">
                        Case Study 2026
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> CyberHealth  Security is hired to conduct penetration testing on MedTechPro Hospital (MTPH), which heavily uses technology like EHRs and IoT devices. Using the 7-phase PTES standard, they'll assess network...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/21704/approaching-the-case-study" 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/casestudy/cases.png"
            alt="Approaching the Case Study"
        >
    </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">
                        Approaching the Case Study
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The case study forms the entire basis of Paper 3 of the IB External Exams for Computer Science. It is an annually changing paper intended to prompt research into an area of emerging technology. The case...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61802/b-324-composition-and-aggregation-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/composition.jpeg"
            alt="B 3.2.4 Composition and aggregation (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.4 Composition and aggregation (HL Only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section explores composition and aggregation in OOP, focusing on how to design objects using smaller components. It differentiates between aggregation (subcomponents can exist independently) and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/66405/b-324-worksheet-python" 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="B 3.2.4 Worksheet Python"
        >
    </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">
                        B 3.2.4 Worksheet Python
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Name: ________________________ Topic: Relationship between objects (Composition vs. Aggregation) Learning Statement: Explain the role of composition and aggregation in class relationships. For each scenario...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61809/b-324-worksheet-java" 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="B 3.2.4 Worksheet Java"
        >
    </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">
                        B 3.2.4 Worksheet Java
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Name: ________________________ Topic: Relationship between objects (Composition vs. Aggregation) Learning Statement: Explain the role of composition and aggregation in class relationships. For each scenario...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/66406/b-324-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="B 3.2.4 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">
                        B 3.2.4 Worksheet Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Java Implementation: Python Implementation: Hospital System (Java): Library System (Python):...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/66399/case-study-2026-additional-terminology" 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/casestudy/casestudy2024/flash.jpg"
            alt="Case Study 2026 - Additional Terminology"
        >
    </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">
                        Case Study 2026 - Additional Terminology
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Master the language of cybersecurity with our comprehensive glossary of the "Additional Terminology" section. From technical exploits like SQL Injection and Buffer Overflows to reconnaissance techniques...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 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="/computerscience/latest-updates?page=34" 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>
