Course Syllabus
Course Schedule
- Mondays 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.
Google Calendar for Beta Pilot only!
Office Hours & Support
Instructor office hours: Karena Cai Mondays 5:30-7:30 PM PST
Additional Support: Instructors will actively monitor and help answer student questions through Discord
Week | Tuesday (offline except Week 1) | Thursday (live class) | Assignment (due by next class) |
---|---|---|---|
1 | • Course Welcome Live Class (Intro to the course + get to know you)* To read (for non-coders): • Coding Basics • Putting it all together exercise • Github 101 To read (for everyone): • Full Stack Overview • MVP** • LLM Concepts • Choosing the right AI dev tool • Cursor walkthrough** • AI Developer Tips** To do for Week # 1 (before Thursday class): • What is a Sandbox • Getting Started** • MVP Trivia-App Sandbox Set-up** | MVP Sandbox exploration: • Sandbox walkthrough • Setting up the Sandbox • Sandbox project exploration exercise • Practice Problems #1-3 of Trivia App Sandbox + Reflection questions | Week 1 Assignment: • Trivia App Sandbox Challenge/Reflection Questions |
2 | To read/watch: • Cursor tips/Developer tips • Framework Concepts: - NextJS Framework - Client vs Server Side Rendering • Step 2: Writing the PRD To do: • Week 1 feedback survey • Week 1 assignment submission | Project Ideation and Setup: • Trivia App: Steps 0-2 Set-up the app • Brainstorm your own app idea | Week 2 Assignment: • Trivia App: Steps 0-2 Set-up the app • Brainstorm your own app idea |
3 | To read/watch: • Backend Databases: - Relational Databases - Schema Design - SQL - Supabase Walkthrough • Choosing AI Model • Development Tips • Step 3: Back-end Development To do: • Week 2 feedback survey • Week 2 assignment | Back-end Pt 1 (Auth and API Integration) • Trivia App: Step 3 Setting up the Backend - Auth section - Supabase tables - AI integration section • Brainstorm your own app’s AI API integration and databases | Week 3 Assignment: • Trivia App: Step 3 Setting up the Backend - Auth section - Supabase tables - AI integration section • Brainstorm your own app’s AI API integration and databases |
4 | To read/watch: • Development Tips • Step 4: Front-end • Trivia App end-to-end tutorial To do: • Week 3 feedback survey • Week 3 assignment | Back-end Pt 2 (more features) + Front-end (UI/UX) • Trivia App Step 3 - Additional Backend Features • Trivia App Step 4: Front-end development • Brainstorm your own app’s user-flow and features | Week 4 Assignment: • Trivia App Step 3 Additional Backend Features • Trivia App Step 4: Front-end development • Brainstorm your own app’s user-flow and features |
5 | To read/watch: • Step 6: Deployment • Step 7: Monitoring To do: • Week 4 feedback survey • Week 4 assignment | Deployment + Analytics • Deploy the sandbox app to Vercel • Work on vibe coding up your own application based on everything you have learned! | Week 5 Assignment: • Deploy your trivia app to Vercel • Work on vibe coding up your own application based on everything you have learned! |
6 | To do: • Week 5 feedback survey • Work on your own app idea! | Demo Day!! Awards will be given! | • Final project submission |