claude-code-training - GitLite

KO | EN

gitlite — search

#android #tensorflow #electron #awesome-list #golang #vue #dotnet #containers #shell #gpt

claude-code-training

(★ 327)

Slides and demos for a training course on Claude Code

File Explorer

ZIP Download

- - .gitignore
  - bun.lock
  - CLAUDE.md
  - index.ts
  - lib.ts
  - package.json
  - README.md
  - session.ts
  - tsconfig.json
- - security-review.md
- settings.json
- - build-slides-pdf.yml
- docs.md
- README.md
- oreilly-event-update.md
- webinar-90min-description.md
- .gitignore
- README.md
- SECURITY_SCAN_REPORT.md
- - pixoo-done.sh
  - pixoo-waiting.sh
  - README.md
  - settings-snippet.json
- git-auto-backup.sh
- post-failure-reporter.sh
- pre-edit-formatter.sh
- README.md
- security-validator.sh
- session-end-summary.sh
- subagent-budget-check.sh
- task-to-linear.sh
- test-runner-hook.sh
- boris-cherny-workflow.md
- - SKILL.md
- - SKILL.md
- - SKILL.md
- - SKILL.md
- - SKILL.md
- README.md
- - SKILL.md
- - README.md
- - team-standards-plugin.md
- - SKILL.md
- - SKILL.md
- README.md
.gitignore
AGENTS.md
casey_at_the_bat.txt
CLAUDE.md
custom-commands.md
global-top.vue
glossary.md
half-day-outline.md
instructor-guide.md
lab_handout.md
LICENSE
package.json
pnpm-lock.yaml
pnpm-workspace.yaml
README.md
slides.md
sonnet_18.txt
webinar_demos.md
webinar_slides.md

# Use via CDN

jsDelivr

jsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.

Version

File

Link

Example

Command Glossary

Commands referenced in this DOCs, explained below.

🔍

`pnpm`

View Details ▼

Fast, disk space efficient package manager for Node.js.
Manage Node.js projects and their module dependencies.

pnpm init

Create a `package.json` file:

pnpm {{[i|install]}}

Download all the packages listed as dependencies in `package.json`:

pnpm add {{module_name}}@{{version}}

Download a specific version of a package and add it to the list of dependencies in `package.json`:

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

A comprehensive training presentation and hands-on lab exercises for using Claude Code in professional software development workflows.

## 🎯 What You'll Learn

This course teaches professional developers how to:
- Create complete projects from scratch using Claude Code
- Navigate and understand complex codebases with AI assistance
- Implement the "branch-first" workflow for safe experimentation
- Generate comprehensive tests and documentation
- Refactor legacy code and modernize applications
- Use advanced Claude Code features like Plan Mode and custom commands
- Extend capabilities with Skills and Plugins for specialized workflows
- Customize output styles for different learning preferences
- Understand and leverage subagents for complex multi-step tasks
- Implement sophisticated automation with hooks and event-driven workflows

## 🚀 Course Materials

This repository contains all the materials for the Claude Code Training course:

- **`slides.md`**: The main Slidev presentation with interactive demos
- **`lab_handout.md`**: Progressive hands-on labs from beginner to advanced
- **`instructor-guide.md`**: Instructor-led demos and exercises using real codebases
- **`half-day-outline.md`**: Condensed outline for half-day training sessions
- **`events/`**: Event-specific descriptions and course configurations
- **`custom-commands.md`**: Showcase of powerful custom slash commands for workflow automation
- **`commands/`**: Ready-to-use custom command files for students
- **`skills-and-plugins/`**: Examples of custom skills and plugin configurations
- **`hooks-examples/`**: Advanced hook patterns for workflow automation
- **`exercises/`**: A collection of diverse sample projects:
  - **Python**: Flask web app (`weather-app`) and legacy API (`flask-api`)
  - **JavaScript/TypeScript**: Interactive web application (`lyrics-trainer`)
  - **Java**: Modern Spring Boot service (`certificate-service`) and legacy Grails app (`shopping-service`)

## 🏃‍♀️ Running the Presentation

1.  **Install dependencies:**
    ```bash
    pnpm install
    ```

2.  **Start the presentation:**
    ```bash
    pnpm dev
    ```

3.  Open your browser at <http://localhost:3030>

### 📄 Latest PDF

A current PDF of the slides is rebuilt automatically whenever `slides.md` lands on `main` and attached to a rolling release. Stable download URL:

**<https://github.com/kousen/claude-code-training/releases/latest/download/slides-export.pdf>**

No PDF is committed to the repo — it lives only in [GitHub Releases](https://github.com/kousen/claude-code-training/releases/tag/slides-latest), built by [`.github/workflows/build-slides-pdf.yml`](.github/workflows/build-slides-pdf.yml).

## 📚 Getting Started with the Labs

### Prerequisites
- Claude Code installed and configured
- API key set: `export ANTHROPIC_API_KEY="your-key"`
- Development environment for Python, JavaScript/TypeScript, and Java
- VS Code (optional, for IDE integration demonstrations)
- Docker (optional, for MCP and containerized workflow examples)

### Lab Structure
The `lab_handout.md` contains six progressive labs:

0. **Project Creation from Scratch** - Build a lyrics display app (recreates the `lyrics-trainer` origin story)
1. **Claude Code Basics** - Interface and project exploration
2. **Code Exploration** - Understanding complex codebases
3. **Test Generation** - Automated testing with AI
4. **Documentation Creation** - Professional documentation workflows
5. **Legacy Code Refactoring** - Modernizing Grails/Groovy applications
6. **Advanced Workflows** - Plan Mode, Skills, Plugins, Output Styles, Hooks, CLAUDE.md, and custom commands

### Custom Commands
Students can explore and use pre-built custom slash commands:
- Copy commands from `commands/` to `~/.claude/commands/`
- See `custom-commands.md` for detailed explanations and usage examples
- Commands include Java modernization, Spring generators, security reviews, and more

### Teaching Notes
The `instructor-guide.md` file contains detailed instructor guidance with specific prompts and a progressive story arc using the `flask-api` project as the primary demonstration vehicle.

## 🏗️ Course Philosophy

- **Branch-First Workflow**: Emphasizes safe experimentation through Git branching
- **Practical Learning**: Real-world projects across multiple languages and frameworks
- **Progressive Complexity**: From simple tasks to advanced enterprise workflows
- **Best Practices**: Professional development patterns and security considerations
- **Extensibility First**: Skills and plugins provide persistent, reusable domain expertise
- **Adaptive Learning**: Output styles and hooks adapt to diverse learning contexts
- **Intelligent Automation**: Subagents handle specialized tasks automatically for optimal performance

## 👤 Author

**Ken Kousen**
- Email: ken.kousen@kousenit.com
- Website: kousenit.com
- Course: Professional Claude Code Training