This first article of our new series map.apps 4 for developers is aimed at anyone who wants to learn more about the possibilities and tools provided by map.apps 4 development. Here, we first provide an overview of the topics that will be dealt with in more detail in separate articles:
- Overview (this article)
- Vue.js – Create and test UI widgets
- Vuetify.js – Integrate prefabricated UI components
In addition to the new possibilities - introduced with line 4 of map.apps - the usual well-known mechanisms and programming paths are still supported. The distiction between line 3 and lin 4 in map.apps 4 is explained in this article.
In addition to this article series, we have released the GitHub repository mapapps-4-developers. This can be used to familiarize yourself with the possibilities and innovations in practical examples before the other articles appear. In addition, it can be used as a template for first own steps as a map.apps 4 developer, since it is immediately after the
Each language version brings new possibilities, expressions and constructs with it – including ES2015. Among the many innovations are (see "Learn ES2015" on babeljs.io):
- Arrows and Lexical This
- Template Strings
- Let + Const
manifest.json format to the style of
Vue.js - Create and test UI widgets
In map.apps 4, Vue.js widgets are declaratively described. Through an easy-to-read template syntax (similar to HTML), the appearance and behavior of a widget are defined and controlled by means of loops, conditions and directives. All this is connected in a single file and thus well structured and better testable. It is especially easy to maintain when using this mechanism to define smaller and reusable UI components. A complex UI can thus be simply constructed from many such components.
.vue file - the development of the business logic can then take place elsewhere. Thus, programming patterns such as Model-view-viewmodel (MVVM) can be easily implemented with Vue.js. map.apps 4 saves developers from repetitive programming work (for example, to synchronize data between View and Model) with tools such as their own binding class.
In the third article that appears in this series, we will look at the details of the structure of a
.vue file, how they can be used as components, and how the map.apps 4 binding can be used.
Vuetify.js – Integrate prefabricated UI components
Vuetify.js is a Vue.js component library that allows you to create UI components. Vuetify.js was implemented according to the specifications of the Material design specification. map.apps developers can easily develop new user interfaces from the individual components according to the modular principle. The appearance and behavior of the individual components can be adapted by means of various possibilities for adjustment of the individual components.
We will also publish a separate article about Vuetify.js with explanations for use in map.apps 4.