claude-code-training - GitLite

KO | EN

gitlite — search

#terminal #redis #editor #pdf #swift #csharp #git #proxy #chatbot #list

claude-code-training

(★ 327)

Slides and demos for a training course on Claude Code

파일 탐색기

ZIP 다운로드

- - .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

# CDN으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

버전

파일

링크

예시

명령어 용어집

이 문서에서 사용된 명령어를 모아봤습니다. 낯선 명령어가 있다면 펼쳐서 확인해보세요.

🔍

`pnpm`

설명 보기 ▼

빠르고, 디스크 공간 효율적인 Node.js용 패키지 관리자.
Node.js 프로젝트 및 해당 모듈 의존성 관리.
더 많은 정보: <https://pnpm.io/pnpm-cli>.

pnpm init

`package.json` 파일 생성:

pnpm {{[i|install]}}

`package.json`에 의존성으로 나열된 모든 패키지를 다운로드:

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

특정 버전의 패키지를 다운로드하여 `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