<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/58643/b-112-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/b1.1-approaches-to-computational-thinking/abstraction.png"
            alt="B 1.1.2 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">
                        B 1.1.2 Computational Thinking
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Computational thinking is a problem-solving approach that involves breaking down complex problems into smaller, more manageable parts (decomposition), identifying patterns within data (pattern recognition),...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/58831/b-113-applying-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/b1.1-approaches-to-computational-thinking/4pillars.png"
            alt="B 1.1.3 Applying 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">
                        B 1.1.3 Applying computational thinking
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dive into the world of Computational Thinking (CT), where problem-solving meets computer science!  Discover how CT's core concepts – decomposition, pattern recognition, abstraction, and algorithmic design...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/52884/12-human-interaction-with-the-system" 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/human.jpg"
            alt="1.2 Human interaction with the system"
        >
    </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.2 Human interaction with the system
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section discusses human interaction with systems, focusing on usability and accessibility. It identifies common usability problems with digital devices and systems and suggests methods to improve...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/19724/12-components-of-a-computer-system" 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/computer-hardware.jpg"
            alt="1.2 Components of a computer system"
        >
    </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.2 Components of a computer system
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section covers the definitions of key terms such as hardware, software, peripheral, network, and human resources. It also describes the various roles a computer can play in a networked world, including...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/52883/12-system-design-and-analysis" 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="1.2 System design and analysis"
        >
    </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.2 System design and analysis
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section covers planning a new IT system. It emphasises identifying stakeholders, obtaining requirements, and gathering necessary information. The importance of illustrating system requirements, using...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/blog/66081/why-fixing-bugs-is-better-than-writing-code" 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/blogs/bug.png"
            alt="Why fixing bugs is better than writing code"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Why fixing bugs is better than writing code
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> We have all been there. You introduce a new programming concept like while loops, and give your students a blank screen and a prompt: "Write a program that counts to ten." Five minutes later, half the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/60046/b-25-file-processing" 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/filereader.jpeg"
            alt="B 2.5 File Processing"
        >
    </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.5 File Processing
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section covers saving data permanently in programs using file processing. Key operations include opening (read, write, append modes), reading from, writing to, and closing text files. Mentions relevant...</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/59928/b-24-programming-algorithms" 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/bubble.jpeg"
            alt="B 2.4 Programming algorithms"
        >
    </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.4 Programming algorithms
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section covers algorithmic thinking in programming: efficiency (Big O notation), linear/binary search (construction, tracing, efficiency), bubble/selection sort (construction, tracing, time/space...</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/59688/b-23-programming-constructs" 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/loops.jpeg"
            alt="B 2.3 Programming constructs"
        >
    </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.3 Programming constructs
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section focuses on programming constructs for controlling program flow: sequence (order of execution), selection (if/else), and iteration (loops). Also covers modularisation using functions for reusable,...</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/58631/b-22-data-structures" 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/datastructure.jpeg"
            alt="B 2.2 Data structures"
        >
    </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.2 Data structures
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section covers data structures: static (arrays) vs dynamic (lists). Explores 1D/2D arrays & lists, plus abstract data types: stacks (LIFO: push, pop, peek, isEmpty) and queues (FIFO: enqueue, dequeue,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 January 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=37" 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>
