<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/22105/topic-3-worksheets-and-activities" 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/practice/firefly-student-learning-how-to-program-software-by-practising-by-example.-the-student-should-be-of-.jpg"
            alt="Topic 3 - Worksheets and activities"
        >
    </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 3 - Worksheets and activities
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> To access the worksheets in this topic use the menu to the left. Worksheets will continue to be added to this section. Your teacher will need to make them available before you can access them. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 January 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/22104/topic-2-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/practice/firefly-student-learning-how-to-program-software-by-practising-by-example.-the-student-should-be-of-.jpg"
            alt="Topic 2 - 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">
                        Topic 2 - Worksheets
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> To access the worksheets in this topic use the menu to the left. Questions will continue to be added to this section. Your teacher will need to make them available before you can access them. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 January 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/22103/topic-1-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/practice/firefly-student-learning-how-to-program-software-by-practising-by-example.-the-student-should-be-of-.jpg"
            alt="Topic 1 - 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">
                        Topic 1 - Worksheets
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> To access the worksheets in this topic use the menu to the left. Questions will continue to be added to this section. Your teacher will need to make them available before you can access them. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 January 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/51884/topic-4-practice" 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/practice/firefly-student-learning-how-to-program-software-by-practising-by-example.-the-student-should-be-of-.jpg"
            alt="Topic 4 practice"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> To access the practice questions in this topic use the menu to the left. Questions will continue to be added to this section. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 January 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/51865/topic-3-practice" 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/practice/firefly-student-learning-how-to-program-software-by-practising-by-example.-the-student-should-be-of-.jpg"
            alt="Topic 3 Practice"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> To access the practice questions in this topic use the menu to the left. Questions will continue to be added to this section. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 January 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/51864/topic-2-practice" 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/practice/firefly-student-learning-how-to-program-software-by-practising-by-example.-the-student-should-be-of-.jpg"
            alt="Topic 2 Practice"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> To access the practice questions in this topic use the menu to the left. Questions will continue to be added to this section. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 January 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/51883/topic-1-practice" 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/practice/firefly-student-learning-how-to-program-software-by-practising-by-example.-the-student-should-be-of-.jpg"
            alt="Topic 1 Practice"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> To access the practice questions in this topic use the menu to the left. Questions will continue to be added to this section. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 January 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/51784/exam-practice" 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/practice/firefly-student-learning-how-to-program-software-by-practising-by-example.-the-student-should-be-of-.jpg"
            alt="Exam Practice"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section of the site takes students through a series of worked examples. This includes guidance on how to answer exam questions against a mark scheme and how to approach questions that require a programming...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 January 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/20561/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/internalassessment/general/computing-project.jpg"
            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"> This section covers the internal assessment element of the course. Having a good project is a great way for the student to build a good foundation for the external assessment. It also helps to develop...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 December 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/20541/mini-java-project" 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/internalassessment/scarzrta3s3rwxujonodjqa.png"
            alt="Mini JAVA Project"
        >
    </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">
                        Mini JAVA Project
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This booklet demonstrates some basic techniques relating to building a simple student database in JAVA. It is a desktop application built in NetBeans. The application is built around a Swing GUI and stores...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 December 2023
                        </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=98" 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>
