<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/25075/integrated-approach-to-programming-and-problem-solving" 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/course-planning/prog-languages.png"
            alt="Integrated approach to programming and problem solving"
        >
    </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">
                        Integrated approach to programming and problem solving
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> It is recommended by the IB that programming problem solving is taught not in its separate elements but as a whole and that Topics 4 and 5 should be taught using an actual programming language. This section...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/25076/introduction-to-algorithms-and-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/integrated-approach-to-programming/firefly-a-diagram-that-represents-programming-and-problem-solving.-75852.jpg"
            alt="Introduction to algorithms and programming"
        >
    </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">
                        Introduction to algorithms and programming
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Algorithms can be written in several ways before they are coded in languages like Python or JAVA to work out the logic of the solution. Pseudocode is a type of simple code that allows you to program these...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/51682/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/programming/download.png"
            alt="Selection"
        >
    </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">
                        Selection
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> When designing programs, there are often points where a decision must be made. This decision is known as selection and is implemented in programming using IF statements.  These sections should be taught...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/52988/iteration" 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-4-computational-thinking/4.1/forloop.png"
            alt="Iteration"
        >
    </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">
                        Iteration
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Iteration refers to a sequence of instructions or code being repeated until a specific end result is achieved. There are two specific methods covered in this section which are for loops and while loops....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/52991/arrays-and-collections" 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/integrated-approach-to-programming/jig2.jpg"
            alt="Arrays and collections"
        >
    </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">
                        Arrays and collections
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> An array is an indexed and ordered set of elements. Unless specifically defined in the question, the index of the first element in an array is 0. Collections store a set of elements. The elements may...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/52997/searching-and-sorting" 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/integrated-approach-to-programming/search.jpg"
            alt="Searching and sorting"
        >
    </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">
                        Searching and sorting
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Searching and sorting are fundamental algorithms in computing. Searching is the process of locating a specific item in a collection of data, such as finding a number in an array. Sorting, on the other...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/25078/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/Topic-1-Systems-in-Organisations/challenge.jpg"
            alt="Challenges"
        >
    </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">
                        Challenges
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Getting students to do a range of problem-solving exercises will help reinforce a range of skills. These exercises get students to solve problems, practice skills and develop their programming skills....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/51699/syllabus-tracker" 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/approaches/lightbulb.png"
            alt="Syllabus Tracker"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Start here
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Syllabus Tracker
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Having the big-picture perspective can help you prioritise effectively, set better goals and improve time management. This page contains practical syllabus trackers for the old and new courses for students...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/58628/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">
                            eBook
                        </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"> Topic B1 explores computational thinking: problem specification, key concepts for problem-solving, and depicting solutions. B1.1 Approaches to computational thinkingB1.1 explores computational thinking:...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61158/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">
                            eBook
                        </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"> DP Computer Science Topic A3: Databases covers fundamental principles, design (ER, normalisation), and SQL programming for data management. HL extends to NoSQL, data warehouses (characteristics, OLAP,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 August 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=52" 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>
