<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/61171/a311-relational-databases" 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/a3-databases/database.jpg"
            alt="A3.1.1 Relational databases"
        >
    </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">
                        A3.1.1 Relational databases
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A database is an organised collection of data.  In a database the data is organised in tables Relational databases are a cornerstone of modern data management. They structure data into tables with predefined...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61127/navigating-the-site" 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/images/nav.jpeg"
            alt="Navigating the site"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teachers start here
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Navigating the site
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page is designed to help you navigate the site and find the resources you need to teach your students and plan your lessons and assessments.  The sitemap can be accessed from the menu on the home...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61070/first-exams-2027" 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/images/computers2.jpg"
            alt="First Exams 2027"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teachers start here
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        First Exams 2027
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> IB DP Computer Science: a course focused on core concepts, computational thinking, and practical skills in algorithms and programming, assessed through internal (computational solution) and external examinations....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/20560/site-guide" 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/course-planning/planning.jpg"
            alt="Site guide"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The course planning section is a place to orient yourself and get an overview of the site. It contains: The site guide gives descriptions of each section of the site.  A guide to the course documents...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/54061/pseudocode" 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/course-planning/prog-languages.png"
            alt="Pseudocode"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Programming and problem-solving are encountered throughout the course. The course requires students to have an understanding of the concepts of computational thinking. This page gives examples of where...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/20547/programmes-of-study" 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/course-planning/folder.png"
            alt="Programmes of study"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teachers start here
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Programmes of study
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Course planning is essential at the beginning of the course. The IB is very clear that each unit of the course should not be taught in isolation. Below you can see how much time is allocated to each unit...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/20548/programming-with-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/ib/computerscience/course-planning/prog-languages.png"
            alt="Programming with JAVA"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teachers start here
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Programming with JAVA
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page gives examples of where key resources related to programming and problem solving with JAVA. This is especially useful for the Option D OOP element of the course but JAVA can also provide a working...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/20559/course-documents" 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/course-planning/documents.jpg"
            alt="Course Documents"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section outlines what the main course documents are and where they can be found. It is very important that at the beginning of the course, all of the most up-to-date resources are collated and looked...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61084/first-exams-2014" 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/images/computers2.jpg"
            alt="First Exams 2014"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teachers start here
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        First Exams 2014
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Welcome, IB Computer Science teachers! This page is your central hub for all the resources you need to successfully navigate the IB curriculum and foster a dynamic learning environment. We've designed...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/22617/approaches-to-teaching" 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/atl.jpg"
            alt="Approaches to teaching"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teachers start here
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Approaches to teaching
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The IB states that the approaches to teaching include the following six elements: There are several approaches to inquiry-based learning and some are detailed on the IB website. In essence, it means that...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 March 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=87" 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>
