# 🗺️ Certificate Overview

Here, we provide details for the five core microcourses, including title, description, prerequisites, learning outcomes, skills, modules, and assessment formats.

```{toctree}
:maxdepth: 1
:hidden:

💡 Hello, World! <courses/hello-world/overview>
📈 Data Science <courses/data-science/overview>
🦾 Robotics <courses/robotics/overview>
🧑‍💻 Software Development <courses/software-dev/overview>
🏢 Capstone Project <courses/capstone/overview>
```

```{note}
🔀 **The course flowchart is interactive**. Click on the buttons to navigate to the corresponding overview section.
```

<!-- ![](./course-flowchart-black-border.png) -->

<!-- Click on the links below to navigate to each course overview. -->

```{raw} html
:file: course-flowchart.svg
```

*The microcourses progress in three stages: introduction, deeper dives, and capstone. While the first four courses are fully remote and asychronous, the final capstone course will be conducted in-person at the AC training lab, where participants will have access to both educational and research-grade equipment.*

<!-- <div align="center">

*Interactive Course Flowchart*

</div> -->

<!-- ## 📚 Course Content -->

👉 **Second Step:** After reviewing the courses, [**🔗 explore the course content**](course-content.md), which includes modules, tutorials, and assessments.


<!--
```{raw} html
<script>
window.onload = function() {
    var footer = document.querySelector('div[role="contentinfo"]');
    if (footer) {
        var p = document.createElement('p');
        p.innerHTML = '👉 <strong>Second Step:</strong> Explore <strong><a href="course-content.html">"📚 Course Content"</a></strong> to view modules, tutorials, and assessments.<hr>';
        p.style.color = 'black';
        // Prepend the new paragraph to the footer
        footer.insertBefore(p, footer.firstChild);
    }
}
</script>
``` -->

<!-- ```{raw} html
course-flowchart.svg
``` -->

<!-- Perhaps buttons in the sphinx nb gallery style? -->


<!-- ```{nblinkgallery}
:caption: Overviews of the five core microcourses
:name: overview-link-gallery

courses/hello-world/overview
courses/data-science/overview
courses/robotics/overview
courses/software-development/overview
courses/capstone-project/overview
``` -->

<!-- ```{nblinkgallery}
:caption: Hello World
:name: overview-link-gallery-1

courses/hello-world/overview
```

```{nblinkgallery}
:caption: Deep Dives
:name: overview-link-gallery-2

courses/data-science/overview
courses/robotics/overview
courses/software-dev/overview
```

```{nblinkgallery}
:caption: Capstone Project
:name: overview-link-gallery-3

courses/capstone/overview
``` -->

<!-- ```{raw} html
<div class="footer">
    <p>👉 <strong>Second Step:</strong> After reviewing the courses, <a href="course-content.md"><strong>🔗 explore the course content</strong></a>, which includes modules, tutorials, and assessments.</p>
</div>
``` -->