Course Syllabus
Course Schedule
- Tuesdays Suggest watching recorded sessions or textbook reading before Thursday (recommended Tuesday).
- Thursdays live sessions 5:30 pm PT These will be interactive sessions to collaborate with peers, ask questions, and put your learning into practice. The expected time commitment of this course is ~2-3 hrs/week.
Office Hours & Support
Instructor office hours: Karena Cai Wednesdays, 5-7 PM PT
Additional Support: Instructors will actively monitor and help answer student questions through Discord
Week | Date | Topics and Reading | Assignment |
---|---|---|---|
1 | Tuesday | Pre-reading (for those not familiar with coding): • Introduction to coding • Github basics In-class: • About the course • Get to know each other | Homework: • Follow the ‘Getting Started instructions’ under end-to-end tutorials |
1 | Thursday | Full-stack and LLM review: • Full-Stack Overview • MVP Stack • LLM Concepts Choosing the right AI Dev Tool: • AI development tools • Cursor Tips Custom Tech Stacks (optional): • Example Tech Stacks • Web product ecosystem | In-class: • Sandbox applications (choose one to download and play with) • Try using AI to accomplish small goals • Practice debugging Homework: • Practice problems in the lessons |
2 | Thursday | Guided Practice: Brainstorming, Set-up and PRD • Steps 1-2: Brainstorming application IDs, setting up your project framework, writing your PRD • Tutorial #3 (Steps 1-2) | In-class: • Rapid Brainstorm and idea swap • Drafting the PRD • User story mapping Homework: • Work through Tutorial #3 Steps 1-2 |
3 | Thursday | Guided Practice: Setting up the back-end with Supabase • Step 3: Setting up the Backend (AI API Integration, Authentication, User databases, etc.) • Tutorial #3 Steps 3-5 | In-class: • Bug hunt activity: Finding and fixing bugs • Important Concepts: API endpoints, routes, and middleware • Server vs. client-side rendering Trivia • Brainstorm: how could we improve the backend? Homework: • Work through Tutorial #3 Step 3 • (Optional): Think about how you would set-up the backend for your own custom app |
4 | Thursday | Guided Practice: Setting up the front-end • Step 4: Setting up main page UI and custom user pages • Tutorial #3 Steps | In-class: • User flow activity: use ChatGPT and Figma (or just hand-drawings) to map out the user flow • Rapid UI prototyping challenge Homework: • Work through Tutorial #3 Step 4 • (Optional): Think about how you would set-up the frontend for your own custom app |
5 | Thursday | Guided Practice: Deploying your application • Steps 6-7: Deploy on Vercel and Setting up monitoring with Google Analytics • Tutorial #3 Steps | In-class: • Github training bootcamp • Google analytics Troubleshooting Adventures • Explore Monitoring Tools Homework: • Work through Tutorial #3 Steps 6-7 |
6 | Thursday | N/A: Refer to homework | Demo Week! Show us what you have built (so far!)! Superlatives will be awarded for: • ‘Best Visual Aesthetic’ • ‘Most Disruptive Concept’ • ‘Best MVP Execution’ The winners will each get a fun prize! |