<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/52958/topic-5-abstract-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/topic-5---abstract-data-structures/nodes.png"
            alt="Topic 5  - Abstract Data Structures"
        >
    </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">
                        Topic 5  - Abstract Data Structures
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The topic “Abstract Data Structures” covers common data structures (arrays, stacks, queues, linked lists, binary trees) and their operations (addition, deletion, retrieval of data, traversal, searching,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/20504/43-nature-of-programming-languages" 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/prgs.jpg"
            alt="4.3 - Nature of programming languages"
        >
    </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">
                        4.3 - Nature of programming languages
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Computers operate on basic arithmetic and logic functions, the building blocks for complex tasks. These are written in machine code or higher-level languages, the latter easier for humans to understand....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/56415/topic-43-introduction-to-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/topic-4-computational-thinking/compthinking.jpeg"
            alt="Topic 4.3 - Introduction to programming"
        >
    </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">
                        Topic 4.3 - Introduction to programming
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this section, we will explore the concept of algorithms, learn to construct them using basic control structures like loops and branching, and examine the role of data structures like arrays and collections....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/20503/topic-42-connecting-computational-thinking-and-program-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/topic-4-computational-thinking/4.2/sb9iorzyo1vi3_boab5j1ew.png"
            alt="Topic 4.2 - Connecting computational thinking and program design"
        >
    </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">
                        Topic 4.2 - Connecting computational thinking and program design
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In computer science, linear search or sequential search is a method for finding a particular value in a list that consists of checking every element, one at a time and in sequence, until the desired one...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/52695/41-thinking-abstractly" 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/abstract.jpg"
            alt="4.1 - Thinking Abstractly"
        >
    </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">
                        4.1 - Thinking Abstractly
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Abstraction is a cornerstone of computing. It involves filtering out the information that is irrelevant thus leaving only the necessary information. This is done to create a representation of the problem...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/52694/41-thinking-concurrently" 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/trains.jpg"
            alt="4.1 - Thinking Concurrently"
        >
    </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">
                        4.1 - Thinking Concurrently
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Concurrency is known as when several things are happening simultaneously. For instance in the example of a Gantt chart (see ‘Thinking ahead’) some of the processes that happen will inevitably be happening...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/52693/41-thinking-ahead" 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/dangerahead.png"
            alt="4.1 - Thinking Ahead"
        >
    </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">
                        4.1 - Thinking Ahead
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Identify the inputs and outputs required in a solution.Identifying pre and post-conditions required for a solution. Identifying exceptions to a program to deal with them.  Imagine you're going on a camping...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/52692/41-thinking-logically" 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/logic-gate.jpg"
            alt="4.1 - Thinking Logically"
        >
    </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">
                        4.1 - Thinking Logically
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is one of the fundamental parts of computational thinking: Computers process data logically but this is not “thinking”. For the computer to work it needs to be given instructions. For these instructions...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/52691/41-thinking-procedurally" 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/stairs-1013993_960_720.jpg"
            alt="4.1 - Thinking Procedurally"
        >
    </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">
                        4.1 - Thinking Procedurally
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> To think procedurally you will need to look at a problem that needs to be solved and take the following steps:Identify the components of a problem.Identify the components of a solution to a problemDetermine...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/19957/topic-41-general-principles" 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="Topic 4.1 - General principles"
        >
    </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">
                        Topic 4.1 - General principles
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> To think procedurally you will need to look at a problem that needs to be solved and take the following steps:Identify the components of a problem.Identify the components of a solution to a problemDetermine......</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 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=57" 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>
