<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/61237/a-323-datatypes" 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/a3-databases/a3.2-database-design/boolean.png"
            alt="A 3.2.3 Datatypes"
        >
    </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 3.2.3 Datatypes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A.3.2.3 covers data types in relational databases (e.g., INTEGER, VARCHAR). It emphasises the importance of data type consistency for accuracy and efficiency. Choosing the wrong type can cause data loss,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62557/case-study-activities-module-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/ib/computerscience/casestudy/casestudy2026/cs5.jpeg"
            alt="Case Study Activities - Module 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">
                        Case Study Activities - Module 3
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> CyberHealth Security is hired to conduct penetration testing on MedTechPro Hospital (MTPH), which heavily uses technology like EHRs and IoT devices. Using the 7-phase PTES standard, they'll assess network...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/66578/a-116-worksheet-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="A 1.1.6 Worksheet 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">
                        A 1.1.6 Worksheet Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 1. The "Assembly Line" of Computing 1: Fetch 2: Decode (The CPU interprets what the instruction means) 3: Execute (The CPU performs the calculation or action) 4: Write-Back 2. Visualising Overlap The...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62682/b-414-worksheet-1-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/03.jpg?v=1790338362"
            alt="B 4.1.4 Worksheet 1 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 1 Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 1. Terminology Matching: 2. Is this a valid BST? 3. Sketch a BST: Sequence B:             8           /.   \         3    10       /    \       \      1     6      14            /   \   /         4  ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61787/b-322-polymorphism-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 (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 3.2.2 Polymorphism (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">
                            21 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/66544/b-322-worksheet-java-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 3.2.2 Worksheet Java 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 3.2.2 Worksheet Java Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Question: What will be the output of the Java code snippet above? Explain why each method is called. This code tests the difference between Method Overriding (Polymorphism) and Method Overloading. 1....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/66543/b-322-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/01.jpg?v=1790338362"
            alt="B 3.2.2 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 3.2.2 Worksheet Python Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Question: What will be the output of the Python code snippet above? Explain why. This code demonstrates three fundamental concepts of Object-Oriented Programming (OOP): Inheritance, Method Overriding,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/65802/digital-campus-projects" 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/gigitalcampus.jpg"
            alt="Digital Campus Projects"
        >
    </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">
                        Digital Campus Projects
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Designed as "Mini-IAs," these three-tiered projects (Mild, Medium, Spicy) guide students through the full software design lifecycle in just 3-4 hours. Perfect for differentiating instruction and building...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/blog/66490/the-death-of-the-client-interview-and-what-replaces-it" 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/gigitalcampus.jpg"
            alt="The Death of the &amp;#039;Client Interview&amp;#039; (and What Replaces It)"
        >
    </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">
                        The Death of the &#039;Client Interview&#039; (and What Replaces It)
                                                <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 "Client Interview" is officially gone. In the new 2027 syllabus, the Internal Assessment no longer requires students to find an external client. Instead, they must identify a problem of their own...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/65796/topic-b-project-3-the-cafeteria-vending-machine-spicy-difficulty" 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/vendingmachine.png"
            alt="Topic B Project 3: The Cafeteria Vending Machine (Spicy Difficulty)"
        >
    </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">
                        Topic B Project 3: The Cafeteria Vending Machine (Spicy Difficulty)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Context: The "Digital Campus" Cafeteria. Time Limit: 3 Hours (SL) / 4 Hours (HL). The school cafeteria is upgrading its vending machines. They need a simulation program to manage inventory and process...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 January 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=33" 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>
