About The Course
This course teaches a new paradigm of creative software development (websites, apps, etc) called "vibe coding." You will learn to move beyond traditional, line-by-line coding and instead use high-level creative prompts to generate code, visuals, and concepts. Using the Gemini CLI as your primary coding partner and Google's powerful image generation models, you will learn to build aesthetically-pleasing, interactive web experiences faster than ever before. The focus is not on complex algorithms but on capturing a feeling, an atmosphere, or a vibe.
Who Is This For?
- Designers who want to bring concepts to life with code.
- Developers interested in creative coding & rapid prototyping.
- Artists and creatives exploring new digital mediums.
- Anyone curious about AI-assisted development workflows.
Core Toolkit
Gemini
Gemini CLI
Google Cloud
Course Modules
01The Vibe Coder's Mindset
- What is Vibe Coding?
- Your AI Toolkit Overview
- Environment Setup (gcloud & Gemini CLI)
02Prompt Crafting for Code
- The Anatomy of a Great Prompt
- Generating HTML & CSS Components
- Generating Interactive JavaScript
03Generating Visuals
- Introduction to Imagen 2 via Vertex AI
- Crafting Prompts for Visuals
- Creating a Cohesive Asset Palette
04Project: Modern Business Site
- Plan the Website's Structure
- Generate a Logo & Brand Assets
- Generate & Assemble the Full Web Page
05Project: Generative Art
- Ideate "Digital Rain" Concepts
- Generate the Core p5.js Animation Loop
- Add Interactive Controls
06Beyond the Basics
- Conceptualizing Video & Sound
- The Future of AI-Assisted Creativity
- Final Project Showcase & Wrap-Up
Course Details
Time Commitment
3 weeks (50 hours)
Cost
R2000 ZAR
Build Real Projects
Project 1Modern Business Website
Build a professional website for a small business from scratch. Use AI to generate a logo, write marketing copy, and create a clean, responsive layout.
Project 2Generative Art Canvas
Create an interactive art piece from scratch. Use AI to generate the mathematical logic and JavaScript code for a "Calm Digital Rain" effect, then add controls to let users customize the experience.
Contact Us
Ready to enroll or have a question? Get in touch with Doug.