Course: Development of mini-applications VKontakte

Module 4. Development

The module tells how to create a mini-application code on the example of the project “Dish of the Day?2?. We will use Node.js and TypeScript. You will learn how to create a project, build application screens, add navigation, call and process VK Bridge events, send notifications and messages, create stories, use VK Maps, work with API VKontakte Also, understand the tools that make it easier to debug applications on mobile devices.

We posted the source code client ?1? server Parts of the mini-app in publicly available GitHub repositories.

Code fragments that correspond to a particular lesson are marked with comments with hashtags like #M4L9 where M4 is a pointer to module 4, L9 is a pointer to the lesson number.

Comments in the application code

Lessons

1. 1.
   Creating and registering a mini-app
2. 2.
   Acquaintance with VKUI
3. 3.
   Routing
4. 4.
   Modal windows
5. 5.
   Working with VK Bridge
6. 6.
   VK Bridge Events and Features
7. 7.
   Cover under vk.com and m.vk.com
8. 8.
   Working with external API
9. 9.
   Authorization of requests to the mini-application server
10. 10.
11. 11.
    Working with API VKontakte in the client side of the application
12. 12.
    Features of development for mobile devices
13. 13.
    Notifications
14. 14.
    Working with VK Maps
15. 15.
    Onboarding
16. 16.
    Working with VK Storage
17. 17.
    Sharing from the app
18. 18.
    Counters and badges
19. 19.
    Working with API VKontakte
20. 20.
    Conclusion

Useful links

• •
  Client part (source code)
• •
  Server part (source code)
• •
  Mini-app "Dish of the Day"

:::