<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/61007/b1-computational-thinking" 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/b1-computational-thinking/robothead.jpeg"
            alt="B1 Computational thinking"
        >
    </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">
                        B1 Computational thinking
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> B1 Computational Thinking builds the problem-solving toolkit that underpins programming. It covers approaches to computational thinking, from specifying a problem to abstraction, decomposition, pattern...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61159/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/ml1.jpeg"
            alt="A4 Machine learning"
        >
    </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">
                        A4 Machine learning
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A4 Machine Learning introduces how models learn from data and the ethics of using them. It spans machine learning fundamentals, data preprocessing (HL only), machine learning approaches (HL only), and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61838/a3-databases" 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/database1.jpeg"
            alt="A3 Databases"
        >
    </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">
                        A3 Databases
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A3 Databases covers how data is structured, stored and queried in database systems. It spans database fundamentals, database design, database programming, and alternative databases and data warehouses...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/60611/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">
                            Teacher Resources (new)
                        </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 the principles and technologies that let computers communicate. It spans network fundamentals, network architecture, data transmission, and network security. Open a subtopic below...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/63375/a423-dimensionality-reduction" 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/a423.jpeg"
            alt="A4.2.3 Dimensionality Reduction"
        >
    </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.2.3 Dimensionality Reduction
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In machine learning, dimensionality means the number of features in a dataset: one feature is one column. More features sound like more information, and up to a point they are. Beyond that point, adding...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/63373/a422-feature-selection" 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/a421.jpeg"
            alt="A4.2.2 Feature selection"
        >
    </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.2.2 Feature selection
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> After a dataset has been cleaned, one practical question remains: which of its columns should the model actually see? A dataset can hold dozens or hundreds of features, and many carry no useful signal,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69946/a-136-to-a-137-worksheet" 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="A 1.3.6 to A 1.3.7 Worksheet"
        >
    </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">
                        A 1.3.6 to A 1.3.7 Worksheet
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Name: ______________________  Class: ____________________  Date: ____________________ Command terms: describe (components), then explain (applications). A closed-loop control system is shown. Label each...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69947/a-133-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/02.jpg?v=1790338362"
            alt="A 1.3.3 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">
                        A 1.3.3 Worksheet Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Task 1. Traces: First-come first-served (P1, P2, P3): P1 P1 P1 P1 P1 P1 P2 P3 P3 P3 Round robin (quantum = 2): P1 P1 P2 P3 P3 P1 P1 P3 P1 P1 Teacher note on waiting times, if you choose to extend: first-come...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69942/a131-to-a132-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/03.jpg?v=1790338362"
            alt="A1.3.1 to A1.3.2 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">
                        A1.3.1 to A1.3.2 Worksheet Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Task 1. The four operating-system actions: finds space on the storage device; translates the file into a storage format; moves the data from RAM to storage; updates the file system. (The other two, deciding...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69950/a-136-to-a-137-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="A 1.3.6 to A 1.3.7 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">
                        A 1.3.6 to A 1.3.7 Worksheet Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Task 1. Labelled loop: Input (setpoint) → controller → actuator → process → Output; the feedback path returns from the output through the sensor / transducer back to the controller. Task 2. Measure =...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 July 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=19" 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>
