An interactive, browser-based slide presentation for a 4th-year Computer Science university lecture on AI-Assisted Programming. Built with vanilla HTML, CSS, and JavaScript, the presentation features animated bullet-point reveals, keyboard navigation, responsive design, and data-visualization slides.
The presentation spans 15 slides and covers:
| Slide | Topic |
|---|---|
| 1 | Title / Course introduction |
| 2 | What is AI-Assisted Programming? |
| 3 | The AI programming tool landscape |
| 4--5 | Market growth and industry statistics |
| 6--7 | Company and developer adoption trends |
| 8--10 | Deep dive into GitHub Copilot and impact studies |
| 11 | Benefits of AI-assisted programming |
| 12--14 | Challenges, trust decline, and developer concerns |
| 15 | Future outlook and implications |
- A modern web browser (Chrome, Firefox, Safari, or Edge)
- Clone the repository:
git clone https://github.com/danielcregg/aiap-materials-perplexity.git cd aiap-materials-perplexity - Open
index.htmlin your browser, or start a local server:# Python 3 python -m http.server 8000 - Navigate to
http://localhost:8000to view the presentation.
| Key | Action |
|---|---|
| Right Arrow / Space | Reveal next bullet point or advance slide |
| Left Arrow | Hide previous bullet point or go back |
| Home | Jump to first slide |
| End | Jump to last slide |
| 1--9, 0 | Jump to slides 1--10 |
| Ctrl + 1--5 | Jump to slides 11--15 |
- Animated bullet-point reveal with sequential disclosure
- Progress bar indicating overall presentation progress
- Responsive layout for different screen sizes
- Dark mode support (follows system preference)
- Print-friendly styles
- Accessibility support with ARIA announcements and reduced-motion media query
aiap-materials-perplexity/
├── index.html # Slide markup (15 slides)
├── style.css # Perplexity-inspired design system and slide styles
├── app.js # Presentation engine (navigation, animations, bullet tracking)
└── *.png # Chart images used in data-visualization slides
This project is licensed under the MIT License.