Claude Code: Building Faster With Ai, From Prototype To Prod

Claude Code: Building Faster With Ai, From Prototype To Prod
Published 7/2025
MP4 | Video: h264, 1920×1080 | Audio: AAC, 44.1 KHz

Coding with AI agents from the CLI, using Anthropic’s Claude Code. Build an online radio station, ready for production!

What you’ll learn

Build a full-stack online radio station web app using Claude Code

Use Claude Code to write, refactor, and test code through natural language prompts

Translate wireframes and style guides into polished UI/UX with AI assistance

Automate pull request reviews and issue resolution using Claude in GitHub Actions
Implement security scans, CI/CD pipelines, and performance optimizations with AI

Understand when to rely on AI – and when human engineering judgment is essential

Requirements

Basic experience with software development and the command line

Familiarity with web development concepts (HTML, CSS, JavaScript, and backend frameworks)

A GitHub account and some experience using Git for version control

Comfort installing and running command-line tools on your computer

No prior experience with Claude Code or AI coding assistants required – you’ll learn as you go!

Description

Overview

Lecture 1 Introduction, Claude Code Installation Overview

Lecture 2 Setup Lecture: Installing Claude Code and its Dependencies

Lecture 3 Best Practices for Agentic AI Coding with Claude Code

Section 2: Building the Initial Prototype of "Radio Calico"

Lecture 4 Intro: Taking our App from Prototype to Production

Lecture 5 What We’re Building: Radio Calico, an Online Radio Station Web App

Lecture 6 Setting Up our Development Environment (Express.js and SQLite)

Lecture 7 A Note about AI and Non-Determinism

Lecture 8 "Vibe Coding" the Initial Prototype of the Radio Calico Web Player

Lecture 9 Simplifying the Player Widget

Lecture 10 Adding the "Now Playing" Feature

Lecture 12 Adding the User Ratings Feature

Section 3: Refining the User Interface with AI

Lecture 13 Implementing Site UI/UX From a Style Guide with Claude

Lecture 14 Implementing Site UI/UX From a Wireframe Image

Lecture 15 Further Tweaks of the Site UI, using Claude Code

Section 4: Integration with Visual Studio Code and GitHub

Lecture 16 Visual Studio Code Integration; Analyzing Existing Code; Claude Memory File

Lecture 17 Breaking Up the Monolith: Refactoring with Claude Code

Lecture 18 Integrating Claude Code with Git, GitHub, and GitHub Actions (overview)
Lecture 19 Connecting Claude Code to GitHub

Lecture 20 Integrating Claude Code with GitHub Actions for AI-Powered Code Reviews
Lecture 21 Resolving GitHub Issues with Claude and GitHub Actions
Section 5: Taking It to Production

Lecture 22 Building Unit Tests with Claude Code

Lecture 23 Creating Docker Containers with Claude

Lecture 24 Debugging Claude’s Docker Implementation

Lecture 25 Switching to Production-Grade Infrastructure (nginx, PostgreSQL)

Lecture 26 If You’re Following Along.

Lecture 27 Adding Security Scans with Claude and npm audit

Lecture 28 Continuous Integration (CI) of our Unit Tests and Security Scans

Lecture 29 Debugging Claude’s Implementation of Continuous Integration

Lecture 30 Analyzing and Improving Page Speed with Claude Code

Lecture 31 Creating Architecture Diagrams with Claude

Section 6: Wrapping Up

Lecture 32 Your copy of the slides

Lecture 33 Bonus Lecture

Software developers and engineers curious about using AI coding assistants in real-world projects,Developers who want to boost productivity by integrating Claude Code into their workflow,Professionals aiming to stay competitive as AI tools become standard in modern development