<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/69461/a-122-worksheet" 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="A 1.2.2 Worksheet"
        >
    </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.2.2 Worksheet
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Storing data in binary A1.2.2 Explain how binary is used to store data. Answer in full sentences. For explain questions, give the mechanism and the reason, not just the outcome. Name: ______________________________   ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69456/a-121-worksheet" 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="A 1.2.1 Worksheet"
        >
    </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.2.1 Worksheet
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A1.2.1 Worksheet Number systems and integer conversion A1.2.1 Describe the principal methods of representing data. Integers only. Show your working in the space provided. Use the reference table below....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69457/a-121-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.2.1 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.2.1 Worksheet Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A1.2.1 Worksheet  —  Answer Key Number systems and integer conversion A1.2.1 Describe the principal methods of representing data. Integers only. Show your working in the space provided. Use the reference...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/64286/internal-assessment" 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/ia/gemini_generated_image_ga89rpga89rpga89.png"
            alt="Internal Assessment"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Welcome to the central hub for the IB Computer Science Internal Assessment. Officially titled "The Computational Solution," this project is your chance to solve a real problem. This guide, based on official...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69397/a-118-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/03.jpg?v=1790338362"
            alt="A 1.1.8 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.8 Worksheet Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 1. Compression represents the same information in fewer bits [1], which reduces the size of the file [1]. (2 marks) 2. Redundancy is information that is repeated or predictable and can be removed without...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69396/a-118-worksheet" 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="A 1.1.8 Worksheet"
        >
    </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.8 Worksheet
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Describe the concept of compression. Name: ............................................  Class: ................  Total: /30 Answer in full sentences where a question asks you to describe or outline....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/blog/69226/help-me-test-ib-cs-learn-100-beta-spots-open" 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/blog-posts/loginpage.png"
            alt="Help me test IB CS Learn - 100 beta spots open"
        >
    </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">
                        Help me test IB CS Learn - 100 beta spots open
                                                <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 some of you saw teased in the last newsletter, IB CS Learn is now ready for its first real users and I'd love a few teachers and their students to help me put it through its paces. Try it now: brookebit.com...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/65106/criterion-a-problem-specification" 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/ia/crita.png"
            alt="Criterion A: Problem Specification"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Criterion A: Problem Specification
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Criterion A (4 marks) is your project's foundation. It defines the problem you are solving, the user you are solving it for, and the specific, measurable success criteria your product must meet. A strong...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 June 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/58836/b-114-flowcharts" 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/b1-computational-thinking/b1.1-approaches-to-computational-thinking/flowchart.png"
            alt="B 1.1.4 Flowcharts"
        >
    </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 1.1.4 Flowcharts
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A flowchart is a visual representation of an algorithm using standardised symbols connected by arrows. Tracing a flowchart means following its execution step by step, recording how variable values change...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/58832/b-113-applying-computational-thinking" 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/b1-computational-thinking/b1.1-approaches-to-computational-thinking/b1.1.3.png"
            alt="B 1.1.3 Applying computational thinking"
        >
    </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 1.1.3 Applying computational thinking
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The four concepts of computational thinking are not abstract ideas, they are active tools applied repeatedly when building software, analysing data, and securing systems. This page explains how and why...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 May 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=23" 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>
