<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/61845/a2-networks" 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/a2-networks/a2.1-network-fundamentals/wap!.png"
            alt="A2 Networks"
        >
    </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">
                        A2 Networks
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A2 Networks explores network fundamentals, architecture, data transmissions, and security. Key topics encompass network types (LAN, WAN, PAN, VPN), modern digital infrastructures (internet, cloud computing),...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61530/topic-51-linked-lists-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="Topic 5.1 Linked Lists – 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">
                        Topic 5.1 Linked Lists – Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 1. Railway Train Station System (a) Diagram of a Singly Linked List with Three Trains | TRAIN_ID: 23456 | -> | TRAIN_ID: 87654 | -> | TRAIN_ID: 19283 | ->  Null| ORIGIN: London  |        | ORIGIN: Paris...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61688/b-311-fundamentals-of-oop" 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.1-fundamentals-of-oop-for-a-single-class/oop.jpeg"
            alt="B 3.1.1 Fundamentals of OOP"
        >
    </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.1.1 Fundamentals of OOP
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> OOP models real-world entities using classes, objects, inheritance, encapsulation, and polymorphism. This section evaluates the benefits and drawbacks of OOP in different programming contexts. Object-Oriented...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61725/b-325-design-patterns-in-oop-python-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/designpattern.jpeg"
            alt="B 3.2.5 Design patterns in OOP Python (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.5 Design patterns in OOP Python (HL Only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section explains common OOP design patterns, including singleton, factory, and observer. It explores how these patterns are applied to solve recurring programming problems. Design patterns in software...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61724/b-325-design-patterns-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/designpattern.jpeg"
            alt="B 3.2.5 Design patterns 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.5 Design patterns in OOP Java (HL Only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section explains common OOP design patterns, including singleton, factory, and observer. It explores how these patterns are applied to solve recurring programming problems. Design patterns in software...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61722/b-324-composition-and-aggregation-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/composition.jpeg"
            alt="B 3.2.4 Composition and aggregation 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.4 Composition and aggregation Java (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">
                            19 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61723/b-324-composition-and-aggregation-python-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 Python (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.4 Composition and aggregation Python (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">
                            19 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61717/b-322-polymorphism-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/polymorphism.jpeg"
            alt="B 3.2.2 Polymorphism 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.2 Polymorphism Java (HL Only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section explores polymorphism in OOP, emphasising its role in code flexibility and reusability. It covers implementing dynamic polymorphism (e.g., method overriding) and applying static polymorphism...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61695/b-313-static-and-non-static-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/ib/computerscience/2025/theme-b-computational-thinking/b3-object-oriented-programming/b3.1-fundamentals-of-oop-for-a-single-class/oop1.jpeg"
            alt="B 3.1.3 Static and Non-Static Java"
        >
    </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.1.3 Static and Non-Static Java
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section explains static vs. non-static (instance) variables and methods: their differences, usage, and scope. It covers when to use instance vs. class variables and how to apply these concepts in...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61591/a-335-database-views-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.3-database-programming/database-views.jpeg"
            alt="A 3.3.5 Database Views (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.3.5 Database Views (HL Only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Virtualized and materialized database views offer flexible and performant data access. Virtual views provide dynamic, logical perspectives for flexibility and security. Materialized views store pre-computed...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 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=85" 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>
