<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/63134/a-421-a-422-data-cleaning-and-feature-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/2025/theme-a--concepts-of-computer-science/a4-machine-learning/a421.jpeg"
            alt="A 4.2.1 / A 4.2.2 Data cleaning and feature selection"
        >
    </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">
                        A 4.2.1 / A 4.2.2 Data cleaning and feature selection
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A4.2.1 emphasises data cleaning, as data quality directly impacts model performance. Techniques include handling outliers, removing duplicates, correcting/filtering data, transforming formats, and managing...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62683/b-414-worksheet-2" 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 2"
        >
    </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 2
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Name: _________________________ Consider the following Binary Search Tree:                      50                /              \             30              70           /     \            /     \ ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69573/case-study-2027" 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/casestudy2027/casestudy.png"
            alt="Case Study 2027"
        >
    </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">
                        Case Study 2027
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This eBook takes you through the 2027 Computer Science case study, generative AI for image creation, from the systems behind it to the challenges you research. Use it alongside the IB case study booklet...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/70769/lesson-starters-hub" 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/hub.png"
            alt="Lesson Starters Hub"
        >
    </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">
                        Lesson Starters Hub
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is the Lesson Starters hub. Every starter deck and answer booklet across the syllabus is indexed below, along with the method for running starters and the whole-syllabus score tracker. Lesson starters...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61721/b-323-abstraction-python-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/b3-object-oriented-programming/b3.2-fundamentals-of-oop-for-multiple-classes-%28hl-only%29/abstraction.jpeg"
            alt="B 3.2.3 Abstraction Python (HL Only)"
        >
    </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">
                        B 3.2.3 Abstraction Python (HL Only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section explains abstraction in OOP, emphasizing its significance in creating modular code. It covers the use of abstract classes to define common interfaces for subclasses. In the world of Object-Oriented...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61718/b-322-polymorphism-python-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/b3-object-oriented-programming/b3.2-fundamentals-of-oop-for-multiple-classes-%28hl-only%29/polymorphism.jpeg"
            alt="B 3.2.2 Polymorphism Python (HL Only)"
        >
    </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">
                        B 3.2.2 Polymorphism Python (HL Only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section explores polymorphism in OOP, emphasising its role in code flexibility and reusability. It covers implementing dynamic polymorphism (e.g., method overriding) and applying static polymorphism...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61719/b-321-inheritance-in-oop-python-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/b3-object-oriented-programming/b3.2-fundamentals-of-oop-for-multiple-classes-%28hl-only%29/inheritance.png"
            alt="B 3.2.1 Inheritance in OOP Python (HL Only)"
        >
    </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">
                        B 3.2.1 Inheritance in OOP Python (HL Only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section explores inheritance in OOP for code reusability. It explains hierarchical relationships between parent and child classes, how to extend classes, and the impact of access modifiers (private,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61706/b-315-encapsulation-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/b3-object-oriented-programming/b3.1-fundamentals-of-oop-for-a-single-class/oop3.jpeg"
            alt="B 3.1.5 Encapsulation Python"
        >
    </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">
                        B 3.1.5 Encapsulation Python
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section explains encapsulation and information hiding in OOP. It covers principles, access modifiers (private, public), controlling class member access, and the importance of limiting access for...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61696/b-313-static-and-non-static-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/b3-object-oriented-programming/b3.1-fundamentals-of-oop-for-a-single-class/oop1.jpeg"
            alt="B 3.1.3 Static and Non-Static Python"
        >
    </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">
                        B 3.1.3 Static and Non-Static Python
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section explains static vs. non-static (instance) variables and methods: their differences, usage, and scope. It covers when to use instance vs. class variables and how to apply these concepts in...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/59382/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">
                            eBook
                        </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">
                            04 October 2026
                        </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=7" 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>
