<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/63791/general-worksheets" 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/futurecomp.jpeg"
            alt="General Worksheets"
        >
    </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">
                        General Worksheets
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section contains worksheets for elements of the course that are not part of the main syllabus. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/60797/a-243-network-countermeasures-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/a2-networks/a2.4-network-security/malware.jpeg"
            alt="A 2.4.3 Network countermeasures. (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">
                        A 2.4.3 Network countermeasures. (HL only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section details network vulnerabilities for IB Computer Science HL students. It covers DDoS, insecure protocols, malware, MitM, phishing, SQL injection, XSS, unpatched software, weak authentication...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/51812/simple-logic-gates" 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-2--Computer-organisation/pics/an.png"
            alt="Simple logic gates"
        >
    </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">
                        Simple logic gates
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section covers the definitions of the Boolean operators: AND, OR, NOT, NAND, NOR and XOR, constructing truth tables and constructing logic diagrams.  Boolean operators are special commands that allow...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/56188/case-study-2025-problems-to-be-addressed" 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/casestudy-2025/firefly-a-chatbot-78967.jpg"
            alt="Case Study 2025 - Problems to be addressed"
        >
    </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">
                        Case Study 2025 - Problems to be addressed
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The chatbot suffers from slow response times, struggles with ambiguous language, lacks the architectural complexity to handle diverse queries, requires a more comprehensive dataset, faces computational...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/56184/case-study-2025" 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/casestudy-2025/firefly-a-chatbot-78967.jpg"
            alt="Case Study 2025"
        >
    </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">
                        Case Study 2025
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> RAKT Insurance needs your help! Their new customer service chatbot isn't performing well, and customers are unhappy. As a student intern, you'll investigate the chatbot's issues and suggest improvements....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/53036/case-study-2024-additional-terminology" 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/casestudy2024/flash.jpg"
            alt="Case Study 2024 - Additional Terminology"
        >
    </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">
                        Case Study 2024 - Additional Terminology
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Topics: Case Study 2024Levels: Higher LevelNumber of flashcards: 25...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/53055/case-study-2024-challenges-faced" 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/casestudy2024/challenges.jpeg"
            alt="Case Study 2024 - Challenges faced"
        >
    </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">
                        Case Study 2024 - Challenges faced
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In the development of the new rescue robot, the design team at BotPro face several challenges The following can be used as a basis for further investigation. When considering responses make sure to respond...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/53045/case-study-2024-problems-to-be-addressed" 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/casestudy2024/lidar.jpeg"
            alt="Case Study 2024 - Problems to be addressed"
        >
    </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">
                        Case Study 2024 - Problems to be addressed
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The CEO of BotPro initiated a project to redesign a rescue robot capable of exploring and mapping the interiors of unknown and damaged buildings. The CEO emphasized cost-effectiveness and prioritized...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/53035/case-study-2024" 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/casestudy2024/rescuerobot.jpg"
            alt="Case Study 2024"
        >
    </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">
                        Case Study 2024
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> BotPro, a company specialising in industrial robots, has recently focused on rescue robots. These robots assist in disaster recovery by mapping areas, assessing damage, and evacuating casualties. However,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/56433/d4-advanced-program-development" 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/D-OOP/recursion.gif"
            alt="D.4 Advanced program development"
        >
    </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">
                        D.4 Advanced program development
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The topic covers advanced program development, including recursion, object references, and abstract data types (ADTs) like lists, stacks, queues, and binary trees. It discusses the construction and tracing...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 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=55" 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>
