Directix Video Tutorials
This directory contains scripts, outlines, and resources for official Directix video tutorials.
Tutorial Series
Getting Started
| # | Title | Duration | File |
|---|---|---|---|
| 01 | Introduction & Quick Start | 8 min | 01-introduction.md |
| 02 | Installation & Configuration | 6 min | 02-installation.md |
| 03 | Common Event Directives | 12 min | 03-event-directives.md |
| 04 | Form Directives Deep Dive | 10 min | 04-form-directives.md |
| 05 | Visibility & Lazy Loading | 10 min | 05-visibility-directives.md |
Advanced
| # | Title | Duration | File |
|---|---|---|---|
| 06 | Custom Directives & Composables | 12 min | 06-composables.md |
| 09 | Vue DevTools Debugging Tips | 8 min | 09-devtools.md |
Note: 07-08, 10 tutorials pending
Practical
| # | Title | Duration | File |
|---|---|---|---|
| 11 | Building Form Validation System | 15 min | 11-form-validation.md |
| 15 | Internationalization App Development | 10 min | 15-i18n.md |
Note: 12-14 tutorials pending
Total Duration
- Getting Started: 46 min
- Advanced: 20 min
- Practical: 25 min
- Total: 91 min (approx 1.5 hours)
Target Audience
- Getting Started: Vue developers new to Directix
- Advanced: Developers with Directix basics, wanting advanced features
- Practical: Developers applying Directix in real projects
Resources
Each tutorial includes:
- Video Script - Detailed narration and demo steps
- Code Examples - Runnable sample code
- Mind Map - Knowledge summary (optional)
- Exercises - Practice questions (optional)
Publishing Platforms
- Bilibili (Chinese)
- YouTube (English)
- Embedded in official docs
Production Standards
Video Specs
- Resolution: 1920x1080 (1080p)
- Frame rate: 30fps
- Encoding: H.264
- Audio: AAC, 128kbps
Recording Requirements
- Clear code demos, font size ≥ 18px
- Smooth operations, avoid jump cuts
- Clear narration, no background noise
- Optional background music