<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/61859/b31-fundamentals-of-oop-for-a-single-class" 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/b3-object-oriented-programming/b3.1-fundamentals-of-oop-for-a-single-class/oops1.jpeg"
            alt="B3.1 Fundamentals of OOP for a single class"
        >
    </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">
                        B3.1 Fundamentals of OOP for a single class
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> B3.1 covers OOP fundamentals for a single class: classes, objects, encapsulation, and basic polymorphism. Classes model real-world entities, UML aids design. Static vs. non-static members, constructors,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61008/b11-approaches-to-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="B1.1 Approaches to 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">
                        B1.1 Approaches to computational thinking
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> B1.1 explores computational thinking: defining problems, key concepts (abstraction, decomposition, pattern recognition, algorithms), and solution representation This resource pack covers Approaches to...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62685/b-414-worksheet-3" 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 4.1.4 Worksheet 3"
        >
    </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 4.1.4 Worksheet 3
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Name: _________________________ Instructions: For each question, start with the tree provided and perform the requested operation. Sketch the new tree that results from the operation. Starting Tree for...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62686/b-414-worksheet-3-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/01.jpg?v=1790338362"
            alt="B 4.1.4 Worksheet 3 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 4.1.4 Worksheet 3 Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Starting Tree:               50             /    \         25     75        /    \    /    \     10  30 60  80                    \                   65  1. Insert 55.                 50             ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/20450/d3-program-development" 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/D-OOP/development.png"
            alt="D.3 Program development"
        >
    </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">
                        D.3 Program development
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The topic covers program development, defining terms related to objects’ data and actions, and OOP features. It describes the uses of primitive data types and string class, and involves constructing code...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/21038/d1-objects-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/02.jpg?v=1790338362"
            alt="D.1 Objects 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.1 Objects Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 1. Define an object in reference to Object Oriented Programming It is a programming paradigm based on the creation of objects. Objects contain data and actions or variables and methods. In JAVA objects...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/60037/b-245-worksheet-2-answer-key" 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.4.5 Worksheet 2 Answer Key"
        >
    </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.4.5 Worksheet 2 Answer Key
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Trace reverseString("recursion"): Trace isPalindrome("madam"): Trace isPalindrome("recursion"): Trace gcd(48, 18): (The answers for the Python worksheet are very similar to the Java answers, with the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/60036/b-245-worksheet-2-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/04.jpg?v=1790338362"
            alt="B 2.4.5 Worksheet 2 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.4.5 Worksheet 2 Python
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Instructions: Complete the following exercises to practice constructing, tracing, and implementing non-branching recursive algorithms in Python....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/60035/b-245-worksheet-2-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.4.5 Worksheet 2 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.4.5 Worksheet 2 Java
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Instructions: Complete the following exercises to practice constructing, tracing, and implementing non-branching recursive algorithms in Java....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62921/b-412-worksheet-1" 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 4.1.2 Worksheet 1"
        >
    </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 4.1.2 Worksheet 1
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> (Diagrams should be drawn clearly with boxes for nodes and arrows for pointers)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 December 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=39" 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>
