<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/22618/approaches-to-learning" 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/approaches/learning.png"
            alt="Approaches to learning"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teachers start here
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Approaches to learning
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The IB classifies the approaches to learning under the following skills: Think-Aloud Programming: Have students verbalise their thought processes while coding, explaining their choices, strategies, and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/56187/case-study-2025-challenges-faced" 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/casestudy/casestudy2024/challenges.jpeg"
            alt="Case Study 2025 - Challenges faced"
        >
    </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 2025 - Challenges faced
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The challenges involve optimising response times, understanding the NLP pipeline, comparing model architectures, building quality datasets, analysing computational needs, and addressing ethical concerns...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/56185/case-study-2025-additional-terminology" 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/casestudy/casestudy2024/flash.jpg"
            alt="Case Study 2025 - Additional Terminology"
        >
    </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 2025 - Additional Terminology
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Case study has a list of additional terminology that you will need to know. You can use these flashcards to review each of these terms so that you get to understand the terms. As part of your ongoing...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/59809/b-234-functions" 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.3-programming-constructs/lego.png"
            alt="B 2.3.4 Functions"
        >
    </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.3.4 Functions
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Unlock the power of functions! Learn how to create reusable code blocks, improve program structure, and manage scope (local vs. global variables) for better organization and maintainability in Java and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/59747/b-232-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-b-computational-thinking/b2-programming/b2.3-programming-constructs/trafficlight.png"
            alt="B 2.3.2 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">
                        B 2.3.2 Selection
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Explore the power of if, else, and else if/elif statements. Learn how these structures, combined with Boolean and relational operators, allow programs to make decisions and execute different code blocks...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/59727/b-231-code-instructions" 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.3-programming-constructs/assembly.png"
            alt="B 2.3.1 Code Instructions"
        >
    </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.3.1 Code Instructions
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Program execution follows a precise order.  Learn how instruction sequencing impacts program behaviour and how to avoid common errors like infinite loops and incorrect output. This section explores these...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/59329/b-221-static-and-dynamic-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/2025/theme-b-computational-thinking/b2-programming/b2.2-data-structures/datastruture.jpeg"
            alt="B 2.2.1 Static and dynamic data structures"
        >
    </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.1 Static and dynamic data structures
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section explores the core differences between static and dynamic data structures. We'll examine how these structures handle memory, their unique advantages and disadvantages, and how these factors...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/60039/b-245-recursive-algorithms-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/b2-programming/b2.4-programming-algorithms/russian-dolls.jpg"
            alt="B 2.4.5 Recursive Algorithms 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 2.4.5 Recursive Algorithms Python (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">
                            14 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/59693/b-232-selection-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.3-programming-constructs/trafficlight.png"
            alt="B 2.3.2 Selection Java"
        >
    </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.3.2 Selection Java
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Explore the power of if, else, and else if/elif statements. Learn how these structures, combined with Boolean and relational operators, allow programs to make decisions and execute different code blocks...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/60130/b-251-file-processing-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.5-file-processing/files.png"
            alt="B 2.5.1 File Processing 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.5.1 File Processing Python
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Learn file processing in Java and Python. This resource covers opening, reading, writing, and appending to text files, including error handling and best practices. Hands-on activities, worksheets, and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 March 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=88" 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>
