Welcome to this workshop! This repository contains all the materials, exercises, and step-by-step guides you'll need to build your own product portfolio website using AI coding tools.
In this 180-minute hands-on workshop, you'll learn to harness the power of GitHub Copilot to rapidly prototype and validate your ideas. By the end, you'll have a working portfolio website deployed to GitHub Pages!
- A professional product portfolio website
- Built with vanilla HTML, CSS, and JavaScript
- Deployed live on GitHub Pages
- Created using GitHub Copilot Ask Mode and Agent Mode
- AI prompt engineering for effective code generation
- GitHub Copilot Ask Mode for quick questions and guidance
- GitHub Copilot Agent Mode for complex, multi-step tasks
- Git fundamentals for version control
- Security best practices for AI-generated code
- Complete deployment workflow
Before starting, ensure you have:
- GitHub account - Sign up here
- Visual Studio Code installed - Download here
- GitHub Desktop app - Download here
- GitHub Copilot access - Get started here (GitHub Copilot Free is sufficient for this workshop)
- Your laptop (tablets won't work for this workshop)
Time for networking and refreshments
By the end of this workshop, you will:
- ✅ Understand how to write effective AI prompts for code generation
- ✅ Use GitHub Copilot Ask Mode for quick development questions
- ✅ Leverage GitHub Copilot Agent Mode for complex development tasks
- ✅ Apply security best practices to AI-generated code
- ✅ Navigate Git fundamentals for version control
- ✅ Deploy a live website using GitHub Pages
- ✅ Have a working portfolio website to showcase your skills
- 🙋♀️ Raise your hand for immediate assistance
- 👥 Pair programming is encouraged!
Ready to transform your product ideas into reality using AI coding? Let's begin with Phase 1: Foundation & Setup!
Happy coding! Remember, you're not just learning to code - you're learning to leverage AI as your intelligent coding partner.