<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/62299/b-413-worksheet-1-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/02.jpg?v=1790338362"
            alt="B 4.1.3 Worksheet 1 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 4.1.3 Worksheet 1 Java
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62555/case-study-2026-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/casestudy/casestudy2026/cs8.jpeg"
            alt="Case Study 2026 - 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">
                        Case Study 2026 - Activities
                                    

                    </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">
                            08 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/blog/62562/master-the-2026-case-study-a-complete-resource-pack-for-hl-paper" 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/cs4.jpeg"
            alt="Master the 2026 Case Study: A Complete Resource Pack for HL Paper 3"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Master the 2026 Case Study: A Complete Resource Pack for HL Paper 3
                                                <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"> As we gear up for the new cycle, the annual challenge and opportunity of the HL Paper 3 Case Study is upon us. We all know the drill: digesting a new scenario, planning engaging lessons, and creating...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62203/b-412-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/subject/generic/44/03.jpg?v=1790338362"
            alt="B 4.1.2 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">
                        B 4.1.2 Worksheets
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> (Diagrams should be drawn clearly with boxes for nodes and arrows for pointers) (Diagrams should be drawn clearly with boxes for nodes and arrows for pointers) Worksheet 3 (Diagrams should be drawn clearly...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62205/b-412-worksheet-3-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 4.1.2 Worksheet 3 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 4.1.2 Worksheet 3 Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Worksheet 3 (Diagrams should be drawn clearly with boxes for nodes and arrows for pointers) Worksheet 3 Answers (Diagrams should match the structure and steps described below) (Note: Insert/Delete in...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62204/b-412-worksheet-2-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/01.jpg?v=1790338362"
            alt="B 4.1.2 Worksheet 2 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 4.1.2 Worksheet 2 Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> (Diagrams should be drawn clearly with boxes for nodes and arrows for pointers) Worksheet 2 Answers (Diagrams should match the structure and steps described below)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62202/b-412-worksheet-1-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="B 4.1.2 Worksheet 1 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 4.1.2 Worksheet 1 Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> (Diagrams should be drawn clearly with boxes for nodes and arrows for pointers) (Diagrams should match the structure and steps described below)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61650/a-342-data-warehouses-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-a--concepts-of-computer-science/a3-databases/a3.4-alternative-databases-and-data-warehouses-%28hl-only%29/warehouse.jpeg"
            alt="A 3.4.2 Data warehouses (HL Only)"
        >
    </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.4.2 Data warehouses (HL Only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Efficient data storage and analysis rely on append-only, subject-oriented, integrated, time-variant, and non-volatile data, optimized for query performance. This section will delve into the crucial concept...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61949/b41-fundamentals-of-adts-t" 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.1 Fundamentals of ADTs T"
        >
    </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.1 Fundamentals of ADTs T
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61716/b-321-inheritance-in-oop-java-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/inheritance.png"
            alt="B 3.2.1 Inheritance in OOP Java (HL Only)"
        >
    </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 3.2.1 Inheritance in OOP Java (HL Only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section explores inheritance in OOP for code reusability. It explains hierarchical relationships between parent and child classes, how to extend classes, and the impact of access modifiers (private,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 April 2025
                        </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=76" 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>
