Skip to main content

Preparation Tutorials

Complete before hackathon day

This 7-part series prepares you for the coding sprint. Complete all tutorials before hackathon day.

Total time: ~80 minutes (2 videos + 5 reading guides)

Tutorial 1: Welcome to the Research​

Reading time: ~5 minutes

What you'll learn:

  • What the Codeflow research project is about
  • Why your participation matters for the future of programming education
  • What to expect during the hackathon
  • Your rights as a participant (voluntary, pseudonymized, can withdraw anytime)

Read Tutorial 1 →

Tutorial 2: AI in Programming — The Big Picture​

Reading time: ~10 minutes

How AI tools are transforming software development, why programmers are more important than ever, and the new skills you need.

Read Tutorial 2 →

Tutorial 3: Hands-on: GitHub Copilot​

Reading time: ~12 minutes

Install GitHub Copilot in VS Code, learn autocomplete and Copilot Chat, and get pro tips for better suggestions.

Before you start:​

  • VS Code installed
  • A GitHub account
  • GitHub Copilot activated via GitHub Education

Read Tutorial 3 →

Tutorial 4: Hands-on: Claude for Coding​

Reading time: ~12 minutes

Learn the CLEAR prompting framework, 4 real use cases (generate, debug, explain, convert), and when to use Claude vs. Copilot.

Before you start:​

Read Tutorial 4 →

Tutorial 5: AI Ethics & Responsible Use​

Reading time: ~8 minutes

Who is responsible for AI-generated code? The copy-paste trap. When NOT to trust AI. How to use AI responsibly during the hackathon.

Read Tutorial 5 →

Tutorial 6: Setup — Codeflow Recorder​

Reading time: ~10 minutes | Hands-on setup: ~10 minutes

Mandatory

You must complete this tutorial before hackathon day. It includes installing the Codeflow Recorder, running a test recording, and completing the pre-hackathon survey.

What you'll do:

  1. Download and install Codeflow Recorder
  2. Sign in with your participant account
  3. Join the hackathon with your code
  4. Run a 5-minute test recording
  5. Verify the upload completed successfully
  6. Complete the pre-hackathon survey

Read Tutorial 6 →

Tutorial 7: AI-Assisted Programming & MCP Setup​

Reading time: ~20 minutes

Learn how to use AI tools at three levels — from basic browser chat to full MCP integration where AI can control your browser, test your forms, and query your database. Includes step-by-step Puppeteer MCP setup for VS Code and Cursor.

Read Tutorial 7 →

Ready for Hackathon Day?​

Before you go, make sure you've completed everything:

  • Completed all 7 tutorials (2 videos + 5 reading guides)
  • VS Code installed with GitHub Copilot
  • Claude account ready at claude.ai
  • MCP Puppeteer set up (Tutorial 7) — optional but recommended
  • Codeflow Recorder installed and tested (5-min test recording uploaded)
  • Pre-hackathon survey completed
  • Signed consent form given to your teacher

All set? Bring your laptop, your charger, and your curiosity. See you on hackathon day!

Need help? Contact d.radic@roc-nijmegen.nl