<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/61947/b-411-adts-in-programming-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/b4-abstract-data-types-%28hl-only%29/adt.jpeg"
            alt="B 4.1.1 ADTs in programming (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 4.1.1 ADTs in programming (HL Only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section is dedicated to understanding Abstract Data Types (ADTs) in programming. This page breaks down the properties and purpose of ADTs, focusing on their core principles and their role in providing...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62923/b-412-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/02.jpg?v=1790338362"
            alt="B 4.1.2 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.2 Worksheet 3
                                    

                    </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">
                            28 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62922/b-412-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/03.jpg?v=1790338362"
            alt="B 4.1.2 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.2 Worksheet 2
                                    

                    </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">
                            28 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62868/b-416-assessment-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 4.1.6 Assessment 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.6 Assessment Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> General marking instructions (a) Define what an Abstract Data Type (ADT) is and explain its primary purpose in software development. (b) Explain the key distinction between an Abstract Data Type (ADT)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62867/b-416-assessment-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/01.jpg?v=1790338362"
            alt="B 4.1.6 Assessment 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 4.1.6 Assessment Python
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Instructions for candidates 1. Fundamentals of Abstract Data Types (ADTs) [7 marks]  (a) Define what an Abstract Data Type (ADT) is and explain its primary purpose in software development. (b) Explain...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62864/b-416-worksheet-4-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/02.jpg?v=1790338362"
            alt="B 4.1.6 Worksheet 4 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 4.1.6 Worksheet 4 Java
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Name: _________________________ 1. Calculating Load Factor Calculate the load factor (α) for each scenario. A HashMap with a capacity (number of slots) of 16 is storing 8 items. α = ____ A HashMap with...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62863/b-416-worksheet-3-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/03.jpg?v=1790338362"
            alt="B 4.1.6 Worksheet 3 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 4.1.6 Worksheet 3 Java Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Calculations: Final HashMap Structure Sketch:...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62862/b-416-worksheet-3-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/04.jpg?v=1790338362"
            alt="B 4.1.6 Worksheet 3 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 4.1.6 Worksheet 3 Java
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Name: _________________________ Scenario: You have an empty HashMap that uses an internal array of size 5 (indices 0-4). It uses chaining to resolve collisions. Hash Function: index = key.hashCode() %...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62861/b-416-worksheet-2-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/01.jpg?v=1790338362"
            alt="B 4.1.6 Worksheet 2 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 4.1.6 Worksheet 2 Java Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Thinking Question: Both "Alice" and "David" result in the same index, 8. This is called a hash collision. It means both key-value pairs want to be stored in the same slot in the internal array, which...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/62859/b-416-worksheet-1-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/02.jpg?v=1790338362"
            alt="B 4.1.6 Worksheet 1 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 4.1.6 Worksheet 1 Java Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 1. Definitions 2. Java HashMap 3. Thinking Question A HashMap is better because you can look up a price directly by the product's name (the key) using the .get() method. In an ArrayList, you would have...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 June 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=71" 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>
