<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/60677/a-232-transmission-media" 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.3-data-transmissions/fibres-fibre-optics.jpg"
            alt="A 2.3.2 Transmission Media"
        >
    </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 2.3.2 Transmission Media
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Data has to travel along something. That something is the transmission medium, and the syllabus names three: fibre optic cable, twisted pair cable and wireless. Each carries a signal in a different way,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/59615/a-231-ip-addressing" 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.3-data-transmissions/ipaddress.png"
            alt="A 2.3.1 IP Addressing"
        >
    </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 2.3.1 IP Addressing
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Every device on a network needs an address so that data can reach it. An IP address is that identifier, and the way it is written, who assigns it and whether it stays the same all differ from one type...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/59549/a-215-tcpip-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.1-network-fundamentals/a-2.1.5-data-transmission.jpg"
            alt="A 2.1.5 TCP/IP (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 2.1.5 TCP/IP (HL only)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The TCP/IP model describes how data is carried across a network by dividing the job into four layers, each with its own responsibility. Splitting the work this way means each layer can do one thing well...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/59543/a-214-network-protocols" 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.1-network-fundamentals/a-2.1-diagrams.png"
            alt="A 2.1.4 Network Protocols"
        >
    </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 2.1.4 Network Protocols
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A protocol is an agreed set of rules for how data is formatted, sent and understood. Because both ends follow the same rules, devices made by different companies and running different software can still...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/59594/a-224-network-segmentation" 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.2-network-architecture/segment.png"
            alt="A 2.2.4 Network Segmentation"
        >
    </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 2.2.4 Network Segmentation
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Network segmentation means dividing one network into smaller parts, called segments, so that traffic and access can be controlled within each part rather than across the whole. It is done for two reasons:...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/65227/b-223-worksheet-python-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="B 2.2.3 Worksheet Python 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">
                        B 2.2.3 Worksheet Python Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 2. Printed: Final Stack: ['A', 'B', 'D'] (Top is 'D') 3. Printed: Final Stack: [] (Empty) 4. Final Stack: [5, 30] (Top is 30) 5. Description: An IndexError: pop from empty list is raised. You cannot pop()...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/63371/a421-describe-the-significance-of-data-cleaning" 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/a421.jpeg"
            alt="A4.2.1 Describe the significance of data cleaning."
        >
    </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">
                        A4.2.1 Describe the significance of data cleaning.
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Before a machine learning model can learn useful patterns, the data it trains on must be accurate, consistent, and relevant. Raw, real-world data is almost never in that condition. Data cleaning is the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61106/student-access" 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/students.jpeg"
            alt="Student Access"
        >
    </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">
                        Student Access
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Giving students access to the IB Computer Science pages is an essential part of your InThinking subscriptions. There are a range of resources for students and you can easily control access to ensure they...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/65236/b-224-worksheet-java-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/04.jpg?v=1790338362"
            alt="B 2.2.4 Worksheet Java 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">
                        B 2.2.4 Worksheet Java Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Printed: Final Queue: FRONT -> [ "B", "C", "D" ]  Printed: Final Queue: [] (Empty) Description: A NoSuchElementException is thrown. You cannot remove() (dequeue) from an empty queue. Final Queue: [] (Empty)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/61748/b-313-worksheet-python" 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="B 3.1.3 Worksheet Python"
        >
    </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">
                        B 3.1.3 Worksheet Python
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Name: _________________________ Date: _______________ Part 1: Definitions Fill in the blanks to complete the following definitions: Part 2: Code Analysis Study the following Python code snippets and answer...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 August 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=13" 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>
