<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/53238/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">
                            eBook
                        </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">
                            01 November 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/63769/integrating-ai-lesson-plans" 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/ai/ai-in-the-ib-classroom_-practical-application.png"
            alt="Integrating AI: Lesson Plans"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teachers start here
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Integrating AI: Lesson Plans
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> These lesson plans support the Teacher Guide: Integrating AI. Each of the three one-hour lessons comes with a presentation or worksheet, an answer key and teacher notes. Link to presentation AI in the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62837/teacher-guide-integrating-ai" 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/ai/ai.jpeg"
            alt="Teacher Guide: Integrating AI"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teachers start here
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Teacher Guide: Integrating AI
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This guide sets out how IB Computer Science teachers can teach students to use AI ethically and effectively. It provides three foundational lessons, strategies for ongoing teaching and assessment, and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/72878/ai-in-the-classroom-worksheet-3" 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="AI In the Classroom Worksheet 3"
        >
    </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">
                        AI In the Classroom Worksheet 3
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Student worksheet: Lesson 3 Name:  Date: AI tool and model Searches the web? Y / N  Runs code? Y / N Objective: to explain why AI output needs checking even when it is usually right, and to verify AI...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69487/a-124a-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/ib/computerscience/2025/theme-a--concepts-of-computer-science/a1-computer-fundamentals/a1.2-data-representation-and-computer-logic/circuit_p.svg"
            alt="A 1.2.4a 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.2.4a Worksheet
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Name: ____________________  Class: __________ Circuit P and Circuit Q are drawn below (insert circuit_P.png and circuit_Q.png). They look different. Your task is to find out whether they behave the same...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69488/a-124a-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.2.4a 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.2.4a Worksheet Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Task 1. The P column reads 0, 0, 0, 1, 1, 1, 1, 1. B·C is 1 only on rows 011 and 111. Task 2. A + B reads 0, 0, 1, 1, 1, 1, 1, 1. A + C reads 0, 1, 0, 1, 1, 1, 1, 1. The Q column reads 0, 0, 0, 1, 1,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/58820/a-124-truth-tables" 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.2-data-representation-and-computer-logic/karnaugh.png"
            alt="A 1.2.4 Truth Tables"
        >
    </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">
                        A 1.2.4 Truth Tables
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A truth table lists every input combination and its output, which makes it the tool that shows whether two circuits behave the same. In this lesson students construct truth tables from logic diagrams...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/72916/a-124-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="A 1.2.4 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.2.4 Worksheet Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Truth Table Triathlon: Event 1 - Construction - Answer Key Here are the completed truth tables for the circuits provided in the "Truth Table Triathlon" worksheet, Event 1: Construction. Circuit 1: This...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/59535/a-213-network-devices" 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%21.png"
            alt="A 2.1.3 Network Devices"
        >
    </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">
                        A 2.1.3 Network Devices
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Network devices like modems, routers, and switches enable communication and data transfer within and between networks. Modems connect to the internet, routers direct data within a network, and switches...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/63779/ai-in-the-classroom-worksheet-2" 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="AI In the Classroom Worksheet 2"
        >
    </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">
                        AI In the Classroom Worksheet 2
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Name: ______________________ Date: ____________ Objective: to apply the Generative AI Acceptable Use Scale to scenarios from the computational solution (IA). Instructions: for each scenario, give the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 October 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=5" 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>
