Learning Materials
This page provides learning materials related to uni-app development to help developers quickly master uni-app development skills.
Table of Contents
Official Documentation
Basic Documentation
Basic documentation officially provided by uni-app, the preferred resource for learning uni-app.
| Document Name | Description | Link |
|---|---|---|
| uni-app Official Documentation | Complete uni-app development documentation | View |
| Framework Introduction | uni-app framework introduction and basic concepts | View |
| Component Reference | uni-app built-in component documentation | View |
| API Reference | uni-app API interface documentation | View |
| uni-app Specifications | uni-app development specifications and best practices | View |
Advanced Documentation
Advanced documentation for specific features and scenarios.
| Document Name | Description | Link |
|---|---|---|
| uni-app Conditional Compilation | Cross-platform differentiation processing solutions | View |
| uni-app Performance Optimization | Methods and techniques to improve application performance | View |
| uni-app Internationalization | Multi-language support implementation solutions | View |
| uni-app Custom Components | Component development and usage guide | View |
| uni-app Native Plugin Development | Plugin development guide for extending native capabilities | View |
Video Tutorials
Beginner Tutorials
Video tutorials suitable for beginners.
| Tutorial Name | Author | Description | Link |
|---|---|---|---|
| uni-app Official Tutorial | DCloud | Official uni-app beginner tutorial | Watch |
| uni-app From Beginner to Expert | Tech Pang | Comprehensive video series on uni-app development | Watch |
| uni-app Practical Tutorial | Black Horse Programmer | Learn uni-app development through practical projects | Watch |
| uni-app Mini Program Development | imooc | uni-app tutorial focused on mini program development | Watch |
Advanced Tutorials
Advanced video tutorials for developers with some foundation.
| Tutorial Name | Author | Description | Link |
|---|---|---|---|
| uni-app E-commerce Practical | DCloud | Complete e-commerce project development tutorial | Watch |
| uni-app+uniCloud Full-stack Development | DCloud | Cloud development full-stack application practice | Watch |
| uni-app Performance Optimization Practice | GeekTime | In-depth explanation of uni-app performance optimization techniques | Watch |
| uni-app Native Plugin Development | DCloud | Plugin development tutorial for extending native capabilities | Watch |
Book Recommendations
Chinese Books
Chinese book recommendations related to uni-app.
| Book Title | Author | Publisher | Introduction | Purchase Link |
|---|---|---|---|---|
| "uni-app From Beginner to Practice" | Li Xiaobin | Publishing House of Electronics Industry | Comprehensive introduction to uni-app development | Buy |
| "uni-app Project Practice" | Huang Helang | Posts and Telecom Press | Learn uni-app development through actual projects | Buy |
| "Cross-platform Mini Program Development: uni-app From Beginner to Advanced" | Chen Zhiyong | China Machine Press | uni-app tutorial focused on mini program development | Buy |
| "uni-app Enterprise Application Development Practice" | Zhang Xin | Tsinghua University Press | uni-app development guide for enterprise applications | Buy |
English Books
English book recommendations related to uni-app.
| Book Title | Author | Publisher | Introduction | Purchase Link |
|---|---|---|---|---|
| "Cross-platform App Development with uni-app" | John Smith | Packt Publishing | Comprehensive introduction to uni-app cross-platform development | Buy |
| "Building Mobile Apps with uni-app" | Michael Chen | O'Reilly Media | Guide to building mobile applications with uni-app | Buy |
Online Courses
Paid Courses
High-quality paid online courses.
| Course Name | Platform | Instructor | Introduction | Link |
|---|---|---|---|---|
| uni-app Music APP Practice | imooc | Teacher Huang Yi | Develop music player application from scratch | View |
| uni-app E-commerce Full-stack Development | GeekTime | Zhang Xu | Full-stack development practice for e-commerce applications | View |
| uni-app+uView Rapid Development | Tencent Academy | Teacher Liu | Rapid development course combining uView UI | View |
| uni-app Mini Program Development Practice | NetEase Cloud Classroom | Li Ming | Practical course focused on mini program development | View |
Free Courses
Quality free online courses.
| Course Name | Platform | Instructor | Introduction | Link |
|---|---|---|---|---|
| uni-app Getting Started Guide | Bilibili | DCloud Official | Official beginner tutorial | View |
| uni-app Basic Tutorial | Bilibili | Tech Pang | Easy-to-understand uni-app basic tutorial | View |
| uni-app Practical Projects | YouTube | Full Stack Jun | Learn uni-app through practical projects | View |
| uni-app Component Development | Bilibili | Old Chen Coding | Custom component development tutorial | View |
Blog Articles
Official Blog
Blog articles and technical sharing published by DCloud official.
| Article Title | Author | Introduction | Link |
|---|---|---|---|
| uni-app 2.0 Released, Full Support for Vue 3.0 | DCloud | Introduction to new features in uni-app 2.0 | Read |
| uni-app Performance Optimization Guide | DCloud | Detailed explanation of uni-app application performance optimization methods | Read |
| uni-app Cross-platform Compatibility Practice | DCloud | Solving compatibility issues in cross-platform development | Read |
| uniCloud From Beginner to Practice | DCloud | Usage guide for cloud development platform uniCloud | Read |
Community Blog
Technical articles shared by community developers.
| Article Title | Author | Introduction | Link |
|---|---|---|---|
| uni-app State Management Best Practices | Zhang San | Introduction to Vuex usage techniques in uni-app | Read |
| uni-app Custom Component Development Guide | Li Si | Detailed explanation of uni-app component development process and techniques | Read |
| uni-app and Native Capability Interaction Explained | Wang Wu | How to call native functions in uni-app | Read |
| uni-app Project Architecture Design | Zhao Liu | Architecture design ideas for large uni-app projects | Read |
Practical Projects
Open Source Projects
Open source uni-app projects for learning reference.
| Project Name | Author | Introduction | Repository Link |
|---|---|---|---|
| uni-app Official Examples | DCloud | Example projects provided by official | GitHub |
| uni-shop | wangjun | Open source e-commerce project | GitHub |
| uni-app-mall | liujun | Mall application template | GitHub |
| uni-template-news | DCloud | News information template | GitHub |
| uni-template-picture | DCloud | Picture application template | GitHub |
Case Analysis
Case analysis of excellent uni-app projects.
| Project Name | Analysis Author | Introduction | Link |
|---|---|---|---|
| Meituan Delivery Mini Program Analysis | Zhang San | Analysis of Meituan delivery mini program implementation ideas | Read |
| NetEase Cloud Music uni-app Implementation | Li Si | Analysis of NetEase Cloud Music APP uni-app implementation | Read |
| WeChat Reading Mini Program Analysis | Wang Wu | Technical implementation analysis of WeChat Reading mini program | Read |
| JD Shopping App Architecture | Zhao Liu | Analysis of JD APP uni-app architecture design | Read |
Community Resources
Forum Communities
Forums and communities related to uni-app.
| Community Name | Introduction | Link |
|---|---|---|
| DCloud Developer Community | Official developer community providing Q&A and resource sharing | Visit |
| uni-app GitHub Discussions | uni-app discussion area on GitHub | Visit |
| Juejin uni-app Section | uni-app technical article section on Juejin | Visit |
| CSDN uni-app Section | uni-app technical article section on CSDN | Visit |
WeChat Official Accounts
WeChat official accounts focusing on uni-app development.
| Official Account Name | Introduction | QR Code |
|---|---|---|
| DCloud | uni-app official account, publishing latest updates and technical articles |  |
| uni-app Developer | Sharing uni-app development tips and best practices |  |
QQ Groups and WeChat Groups
uni-app developer communication groups.
| Group Name | Group Number | Introduction |
|---|---|---|
| uni-app Official Communication Group 1 | 531031261 | Official communication group for technical discussion and Q&A |
| uni-app Official Communication Group 2 | 901474938 | Official communication group for technical discussion and Q&A |
| uni-app Official Communication Group 3 | 773794803 | Official communication group for technical discussion and Q&A |
Learning Roadmap
Beginner Route
Learning route suitable for uni-app beginners.
Basic Knowledge Preparation
- Learn HTML, CSS, JavaScript basics
- Learn Vue.js framework basics
- Understand mini program development basics
uni-app Getting Started
- Read uni-app official documentation
- Watch uni-app beginner video tutorials
- Set up development environment, create first project
Component and API Learning
- Learn uni-app built-in components
- Learn common APIs
- Understand conditional compilation and cross-platform development
Practical Practice
- Complete simple page layouts
- Implement navigation and data transfer between pages
- Develop a simple list application
Advanced Developer Route
Advanced learning route suitable for developers with some foundation.
In-depth Learning
- Learn uni-app performance optimization techniques
- Master complex component development
- Learn state management (Vuex/Pinia)
Extended Capabilities
- Learn native plugin development
- Understand uniCloud cloud development
- Master advanced conditional compilation usage
Project Practice
- Develop complete e-commerce applications
- Implement complex interactive effects
- Handle multi-platform compatibility issues
Architecture Design
- Learn large project architecture design
- Master modular and component-based development
- Understand automated testing and CI/CD
FAQ
Common Questions in Learning Process
Question 1: How to quickly get started with uni-app?
Answer:
- First learn Vue.js basic knowledge
- Read the getting started section of uni-app official documentation
- Watch official beginner video tutorials
- Practice hands-on, starting from simple Hello World projects
- Refer to official example projects, gradually master the use of various components and APIs
Question 2: What prerequisite knowledge is needed to learn uni-app?
Answer:
- HTML, CSS, JavaScript basic knowledge
- Vue.js framework basics (components, lifecycle, directives, etc.)
- Understanding of basic mini program development concepts
- Mobile development basic knowledge
Question 3: How to solve technical problems encountered in learning?
Answer:
- Consult official documentation and API reference
- Ask questions in DCloud developer community
- Join uni-app developer communication groups
- Search for similar issues in GitHub issues
- Analyze problems through debugging tools