<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/59575/extended-essay-planning-form" 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/ibcore/scott-graham-oqmzwnd3thu-unsplash-404x270.jpg"
            alt="Extended Essay Planning Form"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            DP essentials
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Extended Essay Planning Form
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Extended Essay Planning Form is a tool for organising and planning the research, providing an overview of the idea. Last updated: 11 Sep 2025   Here is how the EE Planning Form can be helpful It helps...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 September 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/23574/extended-essay-supervisor" 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/ibcore/supervisor.png"
            alt="Extended Essay - Supervisor"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            DP essentials
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Extended Essay - Supervisor
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> As of 2025, a new guide for the Extended Essay was released. The 2026 cohort will still be using the “old” guide, whereas the 2027 cohort will use the updated version. Our materials are based on the “old'...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 September 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/63651/b-213-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/03.jpg?v=1790338362"
            alt="B 2.1.3 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.1.3 Worksheet Java
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Question: Write a program that takes two integers as input from the user and divides them. Handle the ArithmeticException that might occur if the user enters 0 as the divisor. Question: Write a program...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 September 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/19710/51-trees" 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-5---abstract-data-structures/tree.jpg"
            alt="5.1 Trees"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teacher Resources (old)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        5.1 Trees
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section discusses binary trees, focusing on their logical operation and specific terms like parent, left-child, right-child, subtree, root, and leaf. It also mentions tree traversal methods like...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 September 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/blog/64192/kicking-off-the-year-in-ib-dp-computer-science-towers-teamwork-a" 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/blogs/img_1542.jpg"
            alt="Kicking Off the Year in IB DP Computer Science: Towers, Teamwork, and Thinking"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Kicking Off the Year in IB DP Computer Science: Towers, Teamwork, and Thinking
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The start of a new academic year is always filled with excitement and potential, and nowhere is that more true than in the IB DP Computer Science classroom. This year, I launched our course for a mixed...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 September 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/24958/transmission-media" 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-3-Networks/cat6.jpg"
            alt="Transmission Media"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teacher Resources (old)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Transmission Media
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section outlines the characteristics of different transmission media, which include metal conductors, fibre optics, and wireless. The key characteristics considered for these media are their speed,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 September 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/blog/64107/empower-your-ib-dp-computer-science-students" 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/firefly-computer-science-classroom--41315.jpg"
            alt="Empower Your IB DP Computer Science Students"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Empower Your IB DP Computer Science Students
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> As an IB DP Computer Science teacher, you constantly seek dynamic, engaging, and practical resources to support your students through a challenging curriculum. You already have access to a wealth of materials...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/blog/63975/supercharge-your-ib-computer-science-revision" 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/quizlet.png"
            alt="Supercharge Your IB Computer Science Revision"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Supercharge Your IB Computer Science Revision
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> As we navigate the new IB Computer Science syllabus, we always look for effective ways to support our students. We need tools to help them grasp the content, build confidence, and develop strong study...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/63899/b-211-worksheet-2-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.1.1 Worksheet 2 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.1.1 Worksheet 2 Python Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Part 1: Construct a Program (Example Solution) Part 2: Trace the Program...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/63895/b-211-variables-and-data-types" 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.1-programming-fundamentals/programming.png"
            alt="B 2.1.1 Variables and Data Types"
        >
    </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.1.1 Variables and Data Types
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section explores the foundational elements of programming, including variables, data types, string manipulation, exception handling, and debugging techniques. Understanding these concepts is crucial...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 August 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=49" 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>
