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

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

AI is changing how software is built — and if you’re not learning how to work with AI coding assistants, you’re falling behind.In this hands-on, project-based course, you’ll master Anthropic's Claude Code, an advanced AI coding assistant that runs directly from the command line (CLI). Guided by Frank Kane, former senior engineer and senior manager at Amazon — and instructor to over one million learners worldwide — you’ll learn how to collaborate with Claude Code to massively boost your productivity while maintaining professional development standards.Together, we’ll build a complete online radio station web app from scratch — starting with fast, AI-assisted “vibe coding” to get a working prototype up and running in minutes. Then we’ll take it further — all the way to production.You’ll learn how to use Claude Code to:Build and refactor a real full-stack web application through conversational promptsImplement unit tests, security scans, and continuous integration (CI)Optimize site speed and responsiveness for production environmentsTranslate a wireframe and style guide into a professional UI/UXIntegrate with GitHub for effective version control and collaborationAutomate workflows with Claude-powered GitHub ActionsAutomatically review pull requests using AIClose GitHub issues by simply tagging @claude with instructionsThis isn’t just a playground for AI tools — it’s a realistic journey through a full development lifecycle. You’ll experience the limitations of AI assistants firsthand, and learn how your human insight is essential in steering Claude toward clean, secure, and maintainable code.Why this course matters:Companies are actively expecting developers to incorporate AI tools into their workflows. Claude Code represents the next evolution in developer productivity, and understanding how to wield it effectively will give you a serious edge in the job market.By the end of this course, you’ll walk away with:A deployable, professional-grade web appPractical experience pairing with a command-line AI agentConfidence to bring Claude Code into your real-world projectsWho this course is for:Developers looking to harness AI to code faster and smarterSoftware engineers preparing for AI-integrated workflows in the workplaceTech professionals who want to stay ahead of the curve in the AI eraAnyone who wants to go beyond prototyping and build real, production-ready software with AIJoin today, and future-proof your development skills with Claude Code.

Overview

Section 1: Getting Started with Claude Code

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 11 Debugging the Recently Played Widget with Claude, and Adding Album Art

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