<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/63352/a-411-describe-the-types-of-machine-learning-and-their-applicati" 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/a4-machine-learning/ml.jpg"
            alt="A 4.1.1 Describe the types of machine learning and their applications in the real world"
        >
    </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">
                        A 4.1.1 Describe the types of machine learning and their applications in the real world
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Machine learning (ML) is a branch of artificial intelligence in which a system learns from data rather than following a fixed set of programmed rules. This page covers five approaches to machine learning,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/59485/a-136-7-control-systems-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-a--concepts-of-computer-science/a1-computer-fundamentals/a1.3-operating-systems-and-control-systems/sensor.png"
            alt="A 1.3.6-7 Control Systems (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">
                        A 1.3.6-7 Control Systems (HL Only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A control system measures what is happening, compares it against a target, and acts to reduce the difference. That single loop, repeated continuously, sits behind a thermostat holding a room at 20°C and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69569/researching-the-sl-challenges" 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/casestudy2027/research.png"
            alt="Researching the SL challenges"
        >
    </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">
                        Researching the SL challenges
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Section B rewards answers built on your own research. This page sets out the two challenges you prepare at SL and how to research them well. It does not answer them for you.This page is for SL and HL. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69565/diffusion-models-how-they-work" 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/casestudy2027/fuzzytoclean.png"
            alt="Diffusion models: how they work"
        >
    </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">
                        Diffusion models: how they work
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A diffusion model starts from random noise and removes it a little at a time until an image appears. This page explains how that works, and why it is both the strength and the cost of the approach. A...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69571/hybrid-models-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/casestudy2027/hybrid.png"
            alt="Hybrid models (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">
                        Hybrid models (HL Only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A hybrid model combines more than one generative approach so that the strengths of one cover the weaknesses of another. This page explains what hybrids are, the components they can draw on, and how you...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69564/image-generation-techniques" 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/casestudy2027/imagecreation.png"
            alt="Image generation techniques"
        >
    </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">
                        Image generation techniques
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Generative AI can create an image in more than one way: from your words, from another image or input, or from nothing but what it has learned. This page sets out the main techniques Visionary Studios...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69602/syllabus-tracker" 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/lightbulb.png"
            alt="Syllabus Tracker"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Having the big-picture perspective can help you prioritise effectively, set better goals and improve time management. This page contains practical syllabus trackers for the old and new courses for students...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69570/generative-adversarial-networks-gans-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/casestudy2027/gan.png"
            alt="Generative adversarial networks (GANs) (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">
                        Generative adversarial networks (GANs) (HL Only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A GAN pairs two networks that compete: one makes images, the other tries to catch them out. That contest is what pushes the images towards realism. This page explains how a GAN works and where it struggles....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69572/researching-the-hl-challenges-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/casestudy2027/researchhl.png"
            alt="Researching the HL challenges (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">
                        Researching the HL challenges (HL Only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> At HL you prepare two further challenges and face a longer exam question that asks you to weigh things up and reach a judgement. This page sets out those challenges and how to research them. It does not...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/69568/ethical-and-legal-considerations" 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/casestudy2027/ethics.png"
            alt="Ethical and legal considerations"
        >
    </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">
                        Ethical and legal considerations
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Using generative AI raises questions Visionary Studios cannot set aside: where the training images come from, whether the outputs are fair, and whether audiences are told AI was used. This page sets out...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 July 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=21" 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>
