Guides
Setup instructions and reference documents for the course.
🚀 Start Here
- Getting Started Every step of the first week, from installing Git to two live URLs.
- VS Code Setup Install and set up the code editor used in this course.
- Your AI Tools What each AI tool does, and when you need a key of your own.
- Your Babson AI Key Add the Claude key from your Babson email to VS Code.
🔁 Every Project
- Project Setup The checklist to follow when starting any project.
- Git Basics Commit, push, and pull in VS Code, and the same commands in the terminal.
- GitHub Pages Publish your site for free and get a live URL.
📋 Throughout the Semester
- Weekly Notes: What to Write What to write in your weekly note, and how it is checked.
- Lightning Talks Volunteer for a 2-minute talk, and how to give a good one.
✨ Building with AI
- Building and Learning with AI The one rule for AI in this course: understand what you ship.
- Using AI Tools for Web Development Practical AI workflows for writing and debugging code.
- Design Direction Settle the direction and write the system down before you prompt.
- The Generic AI Look (AI Slop) Spot the 23 tells of the generic AI look and strip them out.
🧗 Take a Project Further
- Make Your Website Agent-Ready Add small files so AI agents read your site correctly.
- Build a Browser Extension Run your own JavaScript on any page in your browser.
- React + Vite Setup Run a real React project locally with Node and Vite.
📚 Further Reading
- Behind This Website How this course site is built, and why some pages need a database.
- Recommended Reading Short, optional reads on taste, learning, and building with AI.