Recommend learning resources and books

Recommended Learning Resources for uni-app

As a cross-platform development framework, uni-app has attracted many developers with its "write once, run anywhere" feature. Below is a curated list of high-quality learning resources and books to help developers quickly get started and master uni-app in depth.

Official Documentation and Tutorials

• uni-app Official Documentation: https://uniapp.dcloud.io/
  The official documentation is the starting point for learning uni-app. It covers everything from basic syntax, components, APIs, to the plugin market. Developers are advised to read it thoroughly.
• DCloud Community: https://ask.dcloud.net.cn/
  The community is highly active, where developers can ask questions, share experiences, and get timely responses from the official team.
• uni-app Official Demo Projects
  The official team provides a variety of demo projects, such as Hello uni-app and uni-ui examples. Developers can download and run them to quickly understand uni-app's development patterns and features.

Book Recommendations

• "Practical Cross-Platform Development with uni-app"
  This book systematically explains uni-app development techniques, covering basic syntax, components, APIs, and project实战 (practical projects). It is suitable for both beginners and advanced developers.
• "uni-app: From Beginner to Pro"
  This book delves into uni-app's core technologies and advanced applications, such as performance optimization and plugin development. It is ideal for developers with some foundational knowledge.
• "Multi-Platform Development Guide for uni-app"
  This book focuses on uni-app's applications in multi-platform development, such as adapting to different platforms and handling platform differences. It is perfect for developers working on cross-platform applications.

Online Courses and Video Tutorials

• imooc uni-app Courses: https://www.imooc.com/course/list?c=uni-app
  imooc offers multiple uni-app courses, ranging from beginner to实战 (practical) levels, catering to developers of all skill levels.
• Bilibili uni-app Video Tutorials
  Bilibili hosts many free uni-app video tutorials, such as "uni-app Beginner Tutorial" and "uni-app Practical Projects." Developers can choose based on their needs.
• Tencent Classroom uni-app Courses: https://ke.qq.com/course/list/uni-app
  Tencent Classroom also provides several uni-app courses, some of which are taught by the official team and are of high quality.

Blogs and Articles

• CSDN uni-app Column: https://blog.csdn.net/nav/uni-app
  CSDN features many technical articles on uni-app, covering various development tips and problem-solving methods.
• Juejin uni-app Tag: https://juejin.cn/tag/uni-app
  Juejin also hosts high-quality uni-app articles. Developers can follow the tag to stay updated on the latest trends.
• Jianshu uni-app Topic: https://www.jianshu.com/c/uni-app
  Jianshu offers some basic uni-app articles, suitable for beginners.

Plugins and Tools

• uni-app Plugin Market: https://ext.dcloud.net.cn/
  The plugin market provides a wide range of plugins, such as UI components and functional modules, which developers can quickly integrate into their projects.
• HBuilderX: https://www.dcloud.io/hbuilderx.html
  HBuilderX is the officially recommended IDE, offering features like code hints, debugging, and packaging to significantly improve development efficiency.
• uView UI: https://www.uviewui.com/
  uView UI is a uni-app-based UI framework that provides rich components and templates, helping developers quickly build beautiful interfaces.

Example Code

// Example: Basic Structure of a uni-app Page  
<template>  
  <view class="content">  
    <text>{{ message }}</text>  
    <button @click="changeMessage">Click to Modify</button>  
  </view>  
</template>  

<script>  
export default {  
  data() {  
    return {  
      message: 'Hello uni-app!'  
    }  
  },  
  methods: {  
    changeMessage() {  
      this.message = 'Hello, uni-app!'  
    }  
  }  
}  
</script>  

<style>  
.content {  
  display: flex;  
  flex-direction: column;  
  align-items: center;  
  justify-content: center;  
  height: 100vh;  
}  
</style>  

// Example: Using uni.request to Make a Network Request  
uni.request({  
  url: 'https://api.example.com/data',  
  method: 'GET',  
  success: (res) => {  
    console.log(res.data)  
  },  
  fail: (err) => {  
    console.error(err)  
  }  
})  

Advanced Learning Suggestions

• Read the Source Code
  Studying uni-app's source code can help developers gain a deeper understanding of its inner workings, such as how cross-platform compatibility is achieved and how lifecycles are handled.
• Contribute to Open-Source Projects
  Participating in open-source projects allows developers to gain experience and learn from others' coding styles and techniques.
• Follow Official Updates
  Keeping up with uni-app's official blog,公众号 (WeChat official account), etc., ensures developers stay informed about the latest versions and development tips.