<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/60030/b-245-recursive-algorithms-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/b2-programming/b2.4-programming-algorithms/russian-dolls.jpg"
            alt="B 2.4.5 Recursive Algorithms (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">
                        B 2.4.5 Recursive Algorithms (HL Only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Become a recursion master! This section dives deeper into recursive programming, focusing on how to construct and trace simple, non-branching recursive algorithms in Java and Python.  Sharpen your problem-solving...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/59753/b-232-worksheet-answers-java" 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="B 2.3.2 Worksheet answers Java"
        >
    </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">
                        B 2.3.2 Worksheet answers Java
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 1.  2.  3.   4.  5.  1.  2.  3.  4.  5.  6.  7.  8. 9.  10.  1.  2.  3.   4.  5.  6.  7.  8.  9.  10. 1.  2.   3.  4.   5. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/59751/b-232-worksheet-java" 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/02.jpg?v=1790338362"
            alt="B 2.3.2 Worksheet - Java"
        >
    </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">
                        B 2.3.2 Worksheet - Java
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Name: _________________________ Instructions:  Write Java code to solve the following problems. Instructions: Write Java code to solve the following problems using nested if statements....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/59752/b-232-worksheet-python" 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="B 2.3.2 Worksheet - Python"
        >
    </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">
                        B 2.3.2 Worksheet - Python
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Name: _________________________ Instructions: Write Python code to solve the following problems. Write a program that takes a string representing a username and a string representing a password....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/65238/b-224-worksheet-python-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="B 2.2.4 Worksheet Python 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">
                        B 2.2.4 Worksheet Python Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Printed: Final Queue: ['B', 'C', 'D'] Printed: Final Queue: [] (Empty) 1. Sum of Queue 2. Count Elements 3. Find Last Element (Rear) 4. Check for Item 5. Get Second Element Explanation: Message Queue...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/65237/b-224-worksheet-python" 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="B 2.2.4 Worksheet Python"
        >
    </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">
                        B 2.2.4 Worksheet Python
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Name: _________________________ This worksheet uses a Python list as a queue. Instructions: For each problem, trace the operations in the order given. Sketch the final state of the queue q, showing the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/59384/b-224-queues-python" 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/b2.2-data-structures/queue.jpeg"
            alt="B 2.2.4 Queues Python"
        >
    </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.4 Queues Python
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section introduces the queue data structure, which operates on the FIFO principle (like a line at a store!). We'll explore key operations (enqueue, dequeue, front, isEmpty), their efficiency, and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/59375/b-223-stacks-java" 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/b2.2-data-structures/stack.jpeg"
            alt="B 2.2.3 Stacks Java"
        >
    </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.3 Stacks Java
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section explores the stack data structure, which operates on the LIFO principle (like a stack of plates!). We'll cover key operations (push, pop, peek, isEmpty), their efficiency, and how to choose...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/59383/b-224-queues-java" 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/b2.2-data-structures/queue.jpeg"
            alt="B 2.2.4 Queues Java"
        >
    </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.4 Queues Java
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section introduces the queue data structure, which operates on the FIFO principle (like a line at a store!). We'll explore key operations (enqueue, dequeue, front, isEmpty), their efficiency, and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/65235/b-224-worksheet-java" 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/02.jpg?v=1790338362"
            alt="B 2.2.4 Worksheet Java"
        >
    </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">
                        B 2.2.4 Worksheet Java
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Name: _________________________ This worksheet uses the standard Java Queue interface, (e.g., Queue q = new LinkedList();), which has the following methods: Instructions: For each problem, trace the operations...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 November 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=42" 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>
