<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/56996/pseudocode-1-input-and-output" 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/assignment.jpg"
            alt="Pseudocode 1: Input and output"
        >
    </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">
                        Pseudocode 1: Input and output
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> For this worksheet you need to know two of the main pseudocode commands; "input" and "output".  It's important to be familiar with two main pseudocode commands: input and output. These commands will be...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 September 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/57001/pseudocode-6-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/assignments/assignment.jpg"
            alt="Pseudocode 6: Collections"
        >
    </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">
                        Pseudocode 6: Collections
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In programming, a collection is a versatile data structure used to store and manage groups of related objects. The collection elements do not have to be of the same type. Unlike arrays, collections are...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 September 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/57509/pseudocode-5-1d-arrays" 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/assignment.jpg"
            alt="Pseudocode 5: 1D Arrays"
        >
    </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">
                        Pseudocode 5: 1D Arrays
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In computer science, a 1D array (one-dimensional array) is a data structure that stores homogeneous elements, each identified by an index or position. Each element in the array is accessed using an index....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 September 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/57511/pseudocode-4-loops" 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/assignment.jpg"
            alt="Pseudocode 4: Loops"
        >
    </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">
                        Pseudocode 4: Loops
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this worksheet, we’ll dive into the concept of loops. Loops are essential when you need to perform the same operation repeatedly, such as processing items in a list, running a calculation until a condition...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 September 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/57510/pseudocode-3-conditional-operations" 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/assignment.jpg"
            alt="Pseudocode 3: Conditional operations"
        >
    </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">
                        Pseudocode 3: Conditional operations
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this worksheet, you'll explore the fundamentals of conditional operations in pseudocode. Conditional operations allow your programs to make decisions based on certain conditions, enabling them to perform...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 September 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/57512/312-osi-and-protocols-exercises" 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/assignment.jpg"
            alt="3.1.2 OSI and protocols - Exercises"
        >
    </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">
                        3.1.2 OSI and protocols - Exercises
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 3.1.2 OSI and protocols - Exercises Protocols are the standard terms that computers use to understand each other. Two computers must have one or more protocols in common to exchange the data. Before 1980,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 September 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/21053/d2-features-of-oop-exercises" 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/03.jpg?v=1790338362"
            alt="D.2 Features of OOP Exercises"
        >
    </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">
                        D.2 Features of OOP Exercises
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 1. Define the term encapsulation. 2. Explain the advantages of encapsulation. 3. What is the JAVA keyword that indicates that one class inherits another? 4. Consider the following code Write the code...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 August 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/21051/d2-features-of-oop-answers" 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/04.jpg?v=1790338362"
            alt="D.2 Features of OOP Answers"
        >
    </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">
                        D.2 Features of OOP Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 1. Define the term encapsulation. Encapsulation in Java is a mechanism of wrapping the data (variables) and code acting on the data (methods) together as as single unit. 2. Explain the advantages of encapsulation....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 August 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/52675/topic-4-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/topic-4-computational-thinking/4.1/forloop.png"
            alt="Topic 4 - 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">
                        Topic 4 - Computational thinking
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section is not just a standalone topic. It’s connected to all other sections, particularly those involving flow charts, pseudocode, and programming in the SL/HL core, as well as abstract data structures...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 July 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/22187/topic-51-thinking-recursively-exercises" 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/assignment.jpg"
            alt="Topic 5.1 - Thinking Recursively - Exercises"
        >
    </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">
                        Topic 5.1 - Thinking Recursively - Exercises
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Thinking recursively worksheet Remember: Parts of a Recursive Algorithm All recursive algorithms must have the following: The "work toward base case" is where we make the problem simpler. The recursive...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 July 2024
                        </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=95" 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>
