<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/59373/b-223-stacks-python" 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/b2.2-data-structures/stack.jpeg"
            alt="B 2.2.3 Stacks Python"
        >
    </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 2.2.3 Stacks Python
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section explores the stack data structure, which operates on the LIFO principle (like a stack of plates!). We'll cover key operations (push, pop, peek, isEmpty), their efficiency, and how to choose...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/60824/b-211-variables-and-datatypes-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/b2-programming/b2.1-programming-fundamentals/programming.png"
            alt="B 2.1.1 Variables and datatypes 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 2.1.1 Variables and datatypes Java
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section explores the foundational elements of programming, including variables, data types, string manipulation, exception handling, and debugging techniques. Understanding these concepts is crucial...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61498/a-326-database-scenarios" 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.2-database-design/3nf.png"
            alt="A 3.2.6 Database scenarios"
        >
    </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 3.2.6 Database scenarios
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Learn to construct 3NF databases for real-world scenarios (e.g., library, hospital, e-commerce, school, employee, inventory, crime reporting). Design efficient, normalized databases for practical applications....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61720/b-323-abstraction-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/abstraction.jpeg"
            alt="B 3.2.3 Abstraction 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.3 Abstraction Java (HL Only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section explains abstraction in OOP, emphasizing its significance in creating modular code. It covers the use of abstract classes to define common interfaces for subclasses. What is Abstraction?...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/58623/a-117-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/2025/theme-a--concepts-of-computer-science/a1-computer-fundamentals/a1.1-computer-hardware-and-operation/hdd.jpg"
            alt="A 1.1.7 Secondary Memory"
        >
    </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.1.7 Secondary Memory
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Secondary storage devices like internal and external hard drives are essential for storing data. Internal drives, such as SSDs, HDDs, and eMMCs, offer high-capacity storage within the computer. External...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69458/a-122-explain-how-binary-is-used-to-store-data" 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/binarycomputer.jpeg"
            alt="A 1.2.2 Explain how binary is used to store data"
        >
    </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.2 Explain how binary is used to store data
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This lesson explains how everything a computer stores, from whole numbers and text to images, sound and video, is held as binary. Students work from the idea that a pattern of bits has no meaning until...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/59715/b-233-looping-python" 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/b2.3-programming-constructs/loop.png"
            alt="B 2.3.3 Looping Python"
        >
    </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 2.3.3 Looping Python
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Loops are essential for repetitive tasks. Learn how for, while, and do-while loops (Java) or for and while loops (Python) work, and how to control them with conditional statements and operators. Explore...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/58625/a-119-cloud-computing" 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/cloud.jpg"
            alt="A 1.1.9 Cloud Computing"
        >
    </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.1.9 Cloud Computing
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cloud computing offers various services to meet diverse needs. Software as a Service (SaaS) provides ready-to-use applications like email and productivity tools, offering minimal control but ease of use....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61701/b-314-classes-and-instantiation-python" 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/oop2.jpeg"
            alt="B 3.1.4 Classes and instantiation Python"
        >
    </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.4 Classes and instantiation Python
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section covers defining classes, creating objects, and the role of constructors. Constructors initialize an object's state by setting initial attribute values. This section explores the core concepts...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69406/a113a-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="A1.1.3a 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">
                        A1.1.3a Worksheet
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Name: Class: Learning statement: Explain the differences between the CPU and the GPU. (HL only) Reminder: Explain means give reasons and causes. A difference stated without a reason is only half an answer....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 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=8" 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>
