<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/60687/a-24-network-security" 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.4-network-security/firewall-1.png"
            alt="A 2.4 Network security"
        >
    </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 2.4 Network security
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section covers firewalls, vulnerabilities, countermeasures, and encryption. Firewalls protect networks by inspecting traffic. Common vulnerabilities include DDoS, malware, and SQL injection. Countermeasures...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/60684/a-23-data-transmissions" 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.3-data-transmissions/wifi.jpeg"
            alt="A 2.3 Data Transmissions"
        >
    </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 2.3 Data Transmissions
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section covers IP addressing, comparing data transmission media (wired/wireless), and packet switching. It includes IPv4/IPv6, public/private/static/dynamic IPs, NAT, bandwidth, cost, range, and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/60667/a-22-network-architecture" 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.2-network-architecture/segment.png"
            alt="A 2.2 Network architecture"
        >
    </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 2.2 Network architecture
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Network architecture encompasses various topologies like star, mesh, and hybrid, each with different strengths and weaknesses. Servers play crucial roles, providing services like DNS, DHCP, and file sharing....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/60639/a-14-translation-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/a1-computer-fundamentals/a1.4-translation/bytecode2.jpg"
            alt="A 1.4 Translation (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 1.4 Translation (HL only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A1.4 Translation (HL only) covers the evaluation of translation processes of interpreters and compilers. It includes the mechanics and use-cases of each translation approach. The topic also addresses...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/60637/a-13-operating-systems-and-control-systems" 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/a1-computer-fundamentals/a1.3-operating-systems-and-control-systems/os.jpg"
            alt="A 1.3 Operating systems and control systems"
        >
    </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 1.3 Operating systems and control systems
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A1.3 covers operating systems' role in abstracting hardware complexities to manage resources. Key functions include memory, file and device management, scheduling, security, GUI, and networking. HL students...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/60618/a-11computer-hardware-and-operation" 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/a1-computer-fundamentals/a1.1-computer-hardware-and-operation/alu.jpg"
            alt="A 1.1 Computer Hardware and Operation"
        >
    </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 1.1 Computer Hardware and Operation
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is a foundational topic in the computer science curriculum, providing essential knowledge of the physical components and processes that underpin all computer operations. The subtopic enables students...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62942/b4-abstract-data-structures" 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/b4-abstract-data-types-(hl-only)/hash1.jpeg"
            alt="B4 Abstract Data Structures"
        >
    </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">
                        B4 Abstract Data Structures
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section delves into the core principles and purpose of ADTs, covering linked lists (singly, doubly, circular), binary search trees (BSTs), and sets, along with their fundamental operations.  B4.1.1...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/59386/b3-object-oriented-programming" 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/oops.jpeg"
            alt="B3 Object-oriented programming"
        >
    </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">
                        B3 Object-oriented programming
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> B3 OOP: Classes, objects, inheritance, encapsulation, polymorphism for single classes. HL includes multiple classes, inheritance for reuse, polymorphism, abstraction, composition, design patterns B3.1...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61023/b2-programming" 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/b2-programming/programming.jpeg"
            alt="B2 Programming"
        >
    </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">
                        B2 Programming
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section focuses on transforming algorithms into code. Key areas include fundamentals (variables, data types, substrings, exceptions), data structures (arrays, lists, stacks, queues), programming...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/63347/a4-machine-learning" 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/cs.jpeg"
            alt="A4 Machine Learning"
        >
    </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">
                        A4 Machine Learning
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This topic focuses on the fundamentals of machine learning, its various types, hardware requirements, and significant ethical considerations, aiming to ensure models produce accurate results ethically....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 August 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=54" 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>
