<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/59321/b-21-programming-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/2025/theme-b-computational-thinking/b2-programming/bug.jpeg"
            alt="B 2.1 Programming Fundamentals"
        >
    </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">
                        B 2.1 Programming Fundamentals
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section covers programming basics: variables (global/local, various data types), substring manipulation, and common exception handling techniques. Foundational for writing and tracing programs. This...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/66149/programming-challenges" 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="Programming Challenges"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Review/revision
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Programming Challenges
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section focuses on programming challenges. You will see the challenges in the menu on the left when your teacher makes them available. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61842/a-34-alternative-databases-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/a3-databases/a3.4-alternative-databases-and-data-warehouses-%28hl-only%29/dbasewarehouse.jpeg"
            alt="A 3.4 Alternative databases (HL Only)"
        >
    </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.4 Alternative databases (HL Only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> HL Subtopic A3.4 explores alternative databases (NoSQL, cloud, spatial, in-memory) and data warehouses. It covers their applications (e-commerce, GIS, analytics, etc.) and data warehouse characteristics...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61841/a-33-database-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-a--concepts-of-computer-science/a3-databases/a3.3-database-programming/dbaseprogramming1.jpeg"
            alt="A 3.3 Database programming"
        >
    </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.3 Database programming
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Subtopic A3.3 covers database interaction via SQL, building on fundamentals and design. It focuses on DDL (structure) and DML (data manipulation: insert, update, delete). Students learn to query tables...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61840/a-32-database-design" 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/databasei.jpeg"
            alt="A 3.2 Database design"
        >
    </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 Database design
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Subtopic A3.2 covers database design: schemas (conceptual, logical, physical), ERDs, data types, table creation (keys), normalisation (1NF-3NF with related concepts), and denormalisation. Lesson starters...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61839/a-31-database-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/2025/theme-a--concepts-of-computer-science/a3-databases/a3.1-database-fundamentals/db.jpeg"
            alt="A 3.1 Database fundamentals"
        >
    </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.1 Database fundamentals
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Subtopic A3.1 introduces database fundamentals, driven by guiding questions: purpose, problem-solving, and real-world representation. Databases are structured for efficient data handling, solve complex...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/65894/programming-projects" 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/assignments/coder.png"
            alt="Programming Projects"
        >
    </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">
                        Programming Projects
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section contains programming projects that you can facilitate throughout the course. These projects not only help student develop their coding skills but also help prepare them for the IA. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/65893/programming-projects" 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/assignments/coder.png"
            alt="Programming Projects"
        >
    </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">
                        Programming Projects
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section contains programming projects that you will be given throughout the course. These projects not only help you develop your coding skills but also help prepare you for your IA.  To access the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61203/a-322-entity-relationship-diagrams" 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/chenonlineshop.png"
            alt="A 3.2.2 Entity relationship diagrams"
        >
    </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 3.2.2 Entity relationship diagrams
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ERDs are crucial for creating well-structured databases designed for specific applications. They illustrate relationships between data entities and use cardinality/modality to define these relationships....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61860/b32-fundamentals-of-oop-for-multiple-classes-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/rects.jpeg"
            alt="B3.2 Fundamentals of OOP for multiple classes (HL Only)"
        >
    </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">
                        B3.2 Fundamentals of OOP for multiple classes (HL Only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> HL Subtopic B3.2 builds on single-class OOP by exploring interactions between multiple classes. Key concepts include inheritance (code reuse, overriding), polymorphism (method overriding), abstraction...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 December 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=38" 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>
