WeChat small program tutorials + case demo
First of all put in a good posture, - microsoft applet development is just that. You just need a little bit of css (really just a little bit) foundation and you're good to go.
Recognize WeChat small program development
In fact, I think the small program is to WeChat official provide 20 + basic components (currently 26) for the arrangement and combination, and then add some css style, the user's operation of the feedback (tuning WeChat official provide 60 + api). 26 basic components + 60 open api = half a day to get it done, right? (seriously follow the tutorial below half a day enough)
How do I learn?
1, development tools you have to have, right?
Here is the link to download the latest version (Portal) ->WeChat web developer tools latest version download address
At present, the WeChat small program development tool has no need to crack are available, you just use the mobile terminal WeChat sweep to log in to the development tool, in the creation of the application selected as no APPID can be developed.
2, development documentation must have, right?
Many of you may feel that it takes a bit of getting used to watching videos (CSDN Academy's WeChat Small Program Hands-on Video), but I suggest to learn something new do not watch the video, the best way to get started is to read the official documents (and who knows their stuff better than the official themselves!). , the following is the official website address:
WeChat Small Program Official Documentation (Portal)
Of course, it is recommended to look at the document organized by W3CSchool, the idea is relatively clear. (One more portal.）
3, the foundation will be, and then some real combat
After learning a thing, the best way is to put this thing into practice, the following into the actual "WeChat small program of the Bastard (short version)", if you can follow the whole thing to do it, then you have been introduced to success.
First look at the effect picture
suggesting that the IDEA for this project was borrowed from this big brother.Thank you, brother.
Take a look at the project screenshot again
I'm not going to post the specific code here, I packaged the entire project directly down to use (Click me to download DEMO）。
The icons I use are downloaded from Alibaba's iconfont (Previously unknown is simply a very big benefit Oh, you use it to know）。
4. Is the project not enough?
If you feel that the above practicalities are not enough to inspire your potential, then given below are a couple of IDEAs that I looked for during my studies that I hope will help you.
1), Calculator
/dunizb/wxapp-sCalc
2), Douban Books
/p/c35084200470
3）、Mobile Mall
/liuxuanqiang/wechat-weapp-mall
4), Weather
/2016/10/03/wx-weather-app/
5）、Air quality inquiry
/yulianlin/article/details/52692066
6), github client
/post/
7), Knowledge Daily
/?mod=viewthread&tid=268626&extra=page%3D1%26filter%3Dsortid%26sortid%3D12
ultimate
Thanks to the authors of the demos mentioned above, progressing together ......