<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/19498/topic-3-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/Topic-3-Networks/networks.png"
            alt="Topic 3: Networks"
        >
    </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">
                        Topic 3: Networks
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This topic is recommended to take 9 hours of teaching. It can be useful in this section to take a more flipped classroom approach and get students to read the relevant section from the student booklet...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/19533/21-binary-representation" 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/Topic-2--Computer-organisation/pics/binary.jpg"
            alt="2.1 Binary Representation"
        >
    </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">
                        2.1 Binary Representation
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section defines key terms like bit, byte, binary, denary/decimal, and hexadecimal, essential to understanding data representation in computers. It discusses how data types like strings, integers,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/19501/21-operating-systems-and-application-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/Topic-2--Computer-organisation/pics/penguin.png"
            alt="2.1 Operating systems and application systems"
        >
    </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">
                        2.1 Operating systems and application systems
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section discusses the main functions of a single-user operating system, including memory management. It outlines the use of various application software like word processors, spreadsheets, database...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/19500/21-secondary-memory" 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/Topic-2--Computer-organisation/pics/HDD.jpg"
            alt="2.1 Secondary memory"
        >
    </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">
                        2.1 Secondary memory
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section highlights the need for persistent storage, which is essential for storing data in a non-volatile device during and after a program’s execution. It underscores the consequences of data loss...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/19183/21-computer-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/Topic-2--Computer-organisation/pics/CPU.jpg"
            alt="2.1 Computer Architecture"
        >
    </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">
                        2.1 Computer Architecture
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section discusses computer architecture, focusing on the central processing unit (CPU) and its components, including the arithmetic logic unit (ALU), control unit (CU), and registers. It explains...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/52882/11-software-deployment" 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/Topic-1-Systems-in-Organisations/releasenr.png"
            alt="1.1 Software Deployment"
        >
    </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">
                        1.1 Software Deployment
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section discusses strategies for managing releases and updates. It emphasises the importance of understanding various methods of deploying updates and patches, including automatic online updates....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/52881/11-system-backup" 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/Topic-1-Systems-in-Organisations/server.png"
            alt="1.1 System Backup"
        >
    </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">
                        1.1 System Backup
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section discusses the causes, consequences, and prevention of data loss. Data loss can occur due to various reasons, including malicious activities by employees or intruders, and natural disasters....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/52880/11-user-focus" 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/Topic-1-Systems-in-Organisations/Secretary_of_Defense_Chuck_Hagel_answers_a_question_during_an_interview_with_Lincoln_Star_Journal_reporter_Don_Walton_at_the_University_of_Nebraska_Omaha%2C_Neb.%2C_on_June_19%2C_2013_130619-D-BW835-406.jpg"
            alt="1.1 User Focus"
        >
    </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">
                        1.1 User Focus
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section emphasises the importance of user focus in system implementation. It discusses the significance of user documentation and its impact on the rate of system implementation. Various methods...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/19723/11-planning-and-system-installation" 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/Topic-1-Systems-in-Organisations/blog_organizational_chart.png"
            alt="1.1 Planning and System Installation"
        >
    </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">
                        1.1 Planning and System Installation
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section covers planning and system installation, emphasising elements like change management, compatibility issues, and system implementation. It highlights the importance of understanding the context...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/19164/topic-1-system-fundamentals" 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/Topic-1-Systems-in-Organisations/SDLC.jpg"
            alt="Topic 1: System fundamentals"
        >
    </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">
                        Topic 1: System fundamentals
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section covers system fundamentals, focusing on planning and system installation, user focus, system backup, and software deployment. It discusses the importance of understanding the context for...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 July 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=66" 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>
