Computers

Vue.js 2 and Bootstrap 4 Web Development

Author: Olga Filipova

Publisher: Packt Publishing Ltd

ISBN:

Category: Computers

Page: 310

View: 557

Learn how to combine Bootstrap with Vue.js to build responsive web applications. About This Book Build applications with a good architecture and clean UI with Vue.js and Bootstrap Understand Bootstrap components and learn to integrate them with the Vue.js structure Build, deploy, and test your code with various utility tools provided by Vue.js Who This Book Is For This book is for JavaScript programmers who are new to web frameworks and want to start learning it by developing interactive and responsive web applications. What You Will Learn Create and build web applications using Vue.js, Webpack, and Nuxt.js Combine Bootstrap components with Vue.js' power to enrich your web applications with reusable elements Connect the Vuex state management architecture to the Firebase cloud backend to persist and manage application data Explore the new grid system of Bootstrap 4 along with the far simpler directives in Vue.js Test Vue applications using Jest Authenticate your application using Bootstrap's forms, Vue.js' reactivity, and Firebase's authentication API Deploy your application using Firebase, which provides Backend as a Service In Detail In this book, we will build a full stack web application right from scratch up to its deployment. We will start by building a small introduction application and then proceed to the creation of a fully functional, dynamic responsive web application called ProFitOro. In this application, we will build a Pomodoro timer combined with office workouts. Besides the Pomodoro timer and ProFitOro workouts will enable authentication and collaborative content management. We will explore topics such as Vue reactive data binding, reusable components, routing, and Vuex store along with its state, actions, mutations, and getters. We will create Vue applications using both webpack and Nuxt.js templates while exploring cool hot Nuxt.js features such as code splitting and server-side rendering. We will use Jest to test this application, and we will even revive some trigonometry from our secondary school! While developing the app, you will go through the new grid system of Bootstrap 4 along with Vue.js' directives. We will connect Vuex store to the Firebase real-time database, data storage, and authentication APIs and use this data later inside the application's reactive components. Finally, we will quickly deploy our application using the Firebase hosting mechanism. Style and Approach Step-by-step tutorial
Computers

Vue.Js 2 and Bootstrap 4 Web Development

Author: Olga Filipova

Publisher: Packt Publishing

ISBN:

Category: Computers

Page: 310

View: 920

Learn how to combine Bootstrap with Vue.js to build responsive web applications.About This Book* Build applications with a good architecture and clean UI with Vue.js and Bootstrap* Understand Bootstrap components and learn to integrate them with the Vue.js structure* Build, deploy, and test your code with various utility tools provided by Vue.jsWho This Book Is ForThis book is for JavaScript programmers who are new to web frameworks and want to start learning it by developing interactive and responsive web applications.What You Will Learn* Create and build web applications using Vue.js, Webpack, and Nuxt.js* Combine Bootstrap components with Vue.js' power to enrich your web applications with reusable elements* Connect the Vuex state management architecture to the Firebase cloud backend to persist and manage application data* Explore the new grid system of Bootstrap 4 along with the far simpler directives in Vue.js* Test Vue applications using Jest * Authenticate your application using Bootstrap's forms, Vue.js' reactivity, and Firebase's authentication API* Deploy your application using Firebase, which provides Backend as a ServiceIn DetailIn this book, we will build a full stack web application right from scratch up to its deployment.We will start by building a small introduction application and then proceed to the creation of a fully functional, dynamic responsive web application called ProFitOro. In this application, we will build a Pomodoro timer combined with office workouts. Besides the Pomodoro timer and ProFitOro workouts will enable authentication and collaborative content management. We will explore topics such as Vue reactive data binding, reusable components, routing, and Vuex store along with its state, actions, mutations, and getters. We will create Vue applications using both webpack and Nuxt.js templates while exploring cool hot Nuxt.js features such as code splitting and server-side rendering. We will use Jest to test this application, and we will even revive some trigonometry from our secondary school!While developing the app, you will go through the new grid system of Bootstrap 4 along with Vue.js' directives. We will connect Vuex store to the Firebase real-time database, data storage, and authentication APIs and use this data later inside the application's reactive components. Finally, we will quickly deploy our application using the Firebase hosting mechanism.Style and ApproachStep-by-step tutorial
Computers

Vue.js Quick Start Guide

Author: Ajdin Imsirovic

Publisher: Packt Publishing Ltd

ISBN:

Category: Computers

Page: 186

View: 849

Learn and explore all important features of Vue.js through a number of simple examples. Key Features Uses latest features such as Vue-cli 3, Vuex, and Nuxt Practical examples to understand Vue 2 quickly Step-by-step approach to reinforce concepts covered Book Description Vue.js is the latest trending frontend framework. Simplicity, reactivity, and flexibility are some of the key benefits that Vue offers to developers. This book will help you learn everything you need to know to build stunning reactive web apps with Vue.js 2 quickly and easily. This book will take you through the Vue 2 framework. You will start by learning the different Vue installation options: CDN, NPM, and Vue CLI. Then we will look at the core concepts of Vue: templates and components – ways to modularize Vue code. You will learn how to utilize directives, which are Vue-specific HTML attributes with additional features. Also, you will see how Vue uses a streamlined approach to development, with reusable methods, computed properties, and watchers, and how it controls state with the help of its data option. You will learn about the concepts of reactive programming in Vue, and how to understand communication between parent and child components. We will take a look at props and slots, working with CSS, filters, and mixins. We will also look at ways to add transitions and animations to Vue apps. Then you will extend Vue by building custom directives and your own plugins. Finally, you will learn about Vuex – a Vue plugin that allows us to centralize state, and also introduce Nuxt, which is a framework that builds on top of Vue and solves some issues of single-page applications. After learning about these components, you will be ready to build your own reactive web apps with Vue.js 2. What you will learn Develop apps with Vue.js Reuse components using slots Use filters, mixins, and global mixins in Vue Build custom directives in Vue Work with CSS animations Work with templates, directives, methods, data, computed properties, and watchers Use Nuxt and Vue-Router Build and deploy an SSR Vue app Who this book is for This book is for people who want to learn and experience developing with Vue.js. Familiarity with HTML, CSS, and JavaScript will help you get the most from this book.
Computers

Mastering Bootstrap 4

Author: Benjamin Jakobus

Publisher: Packt Publishing Ltd

ISBN:

Category: Computers

Page: 354

View: 549

Build responsive, dynamic, and mobile-first applications on the web with Bootstrap 4 Key Features Master the art of creating highly intuitive and responsive web interfaces with Bootstrap 4 Combine the power of Bootstrap and popular front-end JavaScript frameworks such as Angular and React to build cutting-edge web apps Infuse your web pages with life and movement using Bootstrap jQuery plugins Book Description Bootstrap 4 is a free CSS and JavaScript framework that allows developers to rapidly build responsive web interfaces. This book will help you use and adapt Bootstrap to produce enticing websites that fit your needs. You will build a customized Bootstrap website from scratch, using various approaches to customize the framework with increasing levels of skill. You will get to grips with Bootstrap's key features and quickly discover various ways in which Bootstrap can help you develop web interfaces. Then take a walk through the fundamental features, such as its grid system, global styles, helper classes, and responsive utilities. When you have mastered these, you will discover how to structure page layouts, utilize Bootstrap's various navigation components, use forms, and style different types of content. Among other things, you will also tour the anatomy of a Bootstrap plugin, create your own custom components, and extend Bootstrap using jQuery. You will also understand what utility classes Bootstrap 4 has to offer, and how you can use them effectively to speed up the development of your website. Finally, you will discover how to optimize your website and integrate it with third-party frameworks. By the end of this book, you will have a thorough knowledge of the framework's ins and outs, and will be able to build highly customizable and optimized web interfaces. What you will learn Create a professional Bootstrap-based website from scratch without using third-party templates Leverage Bootstrap's powerful grid system Style various types of content and learn how to build a page's layout from scratch by applying the power of Bootstrap 4 Take advantage of Bootstrap's form helper and contextual classes Improve your website's overall user experience with headers and footers Infuse your web pages using Bootstrap jQuery plugins and create your own Bootstrap plugins Learn what utility classes Bootstrap 4 has to offer, how they are implemented, and the best way to use them. Create more advanced web interfaces by leveraging the power of accordions, dropdowns, and list groups. Incorporate Bootstrap into an AngularJS or React application and use Bootstrap components as AngularJS directives Who this book is for This book targets readers who wish to leverage Bootstrap 4 to create responsive web applications. Basic knowledge of web development concepts and web technologies such as HTML, CSS, and JavaScript is required.
Computers

ASP.NET Core 2 and Vue.js

Author: Stuart Ratcliffe

Publisher: Packt Publishing Ltd

ISBN:

Category: Computers

Page: 556

View: 867

Leverage ASP.NET core 2.0 web API and the power of Vue.js at the client side to create modern applications from scratch Key Features Create fast, rich and reactive client side applications with Vue.js and ASP.NET Core. Leverage Vue components efficiently to build state of the art user interfaces. Work with Vuex and Nuxt.js to build ASP.NET Core based applications that are powerful, consistent, and maintainable Book Description This book will walk you through the process of developing an e-commerce application from start to finish, utilizing an ASP.NET Core web API and Vue.js Single-Page Application (SPA) frontend. We will build the application using a featureslice approach, whereby in each chapter we will add the required frontend and backend changes to complete an entire feature. In the early chapters, we’ll keep things fairly simple to get you started, but by the end of the book, you’ll be utilizing some advanced concepts, such as server-side rendering and continuous integration and deployment. You will learn how to set up and configure a modern development environment for building ASP.NET Core web APIs and Vue.js SPA frontends.You will also learn about how ASP.NET Core differs from its predecessors, and how we can utilize those changes to our benefit. Finally, you will learn the fundamentals of building modern frontend applications using Vue.js, as well as some of the more advanced concepts, which can help make you more productive in your own applications in the future. What you will learn Setup a modern development environment for building both client-side and server-side code Use Vue CLI to scaffold front-end applications Build and compose a set of Vue.js components Setup and configure client-side routing to introduce multiple pages into a SPA Integrate popular CSS frameworks with Vue.js to build a product catalogue Build a functioning shopping cart that persists its contents across browser sessions Build client-side forms with immediate validation feedback using an open-source library dedicated to Vue.js form validation Refactor backend application to use the OpenIddict library Who this book is for This book is aimed at ASP.NET developers who are looking for an entry point in learning how to build a modern client-side SPA with Vue.js, or those with a basic understanding of Vue.js who are looking to build on their knowledge and apply it to a real-world application. Knowledge of JavaScript is not necessary, but would be an advantage.
Computers

Vue.js 2 Web Development Projects

Author: Guillaume Chau

Publisher: Packt Publishing Ltd

ISBN:

Category: Computers

Page: 398

View: 185

A project-based, practical guide to get hands-on into Vue.js 2.5 development by building beautiful, functional and performant web applications About This Book Build exciting real world web projects from scratch and become proefficient with Vue.js Web Development Take your app to the next level with animation, routing, state management, server-side rendering and i18n Learn professional web programming techniques to supercharge your Vue.js projects Who This Book Is For If you are a web developer who now wants to create rich and interactive professional applications using Vue.js, then this book is for you. Prior knowledge of JavaScript is assumed. Familiarity with HTML, Node.js, and tools such as npm and webpack will be helpful but not necessary. What You Will Learn Set up a full Vue.js npm project with the webpack build tool and the official scaffolding tool, vue-cli Write automatically updated templates with directives to create a dynamic web application Structure the app with reusable and maintainable components Create delightful user experiences with animations Use build tools and preprocessor to make larger professional applications Create a multi-page application with the official Vue.js routing library Integrate non-Vue.js elements into your apps like Google Maps Use the official state-management library to prevent errors Optimize your app for SEO and performance with server-side rendering and internationalization In Detail Do you want to make your web application amazingly responsive? Are you unhappy with your app's performance and looking forward to trying out ways to make your app more powerful? Then Vue.js, a framework for building user interfaces, is a great choice, and this book is the ideal way to put it through its paces. This book's project-based approach will get you to build six stunning applications from scratch and gain valuable insights in Vue.js 2.5. You'll start by learning the basics of Vue.js and create your first web app using directives along with rich and attractive user experiences. You will learn about animations and interactivity by creating a browser-based game. Using the available tools and preprocessor, you will learn how to create multi-page apps with plugins. You will create highly efficient and performant functional components for your app. Next, you will create your own online store and optimize it. Finally, you will integrate Vue.js with the real-time Meteor library and create a dashboard showing real-time data. By the end of this book you will have enough skills and will have worked through enough examples of real Vue.js projects to create interactive professional web applications with Vue.js 2.5. Style and approach Project-based guide that will help you start building applications immediately with an easy to follow approach. Our book will have 6 concrete projects. It will take readers through clear and logical steps, with screenshots and tips along the way to help you follow the guide and learn how to get more from Vue.js.
Computers

Building Applications with Spring 5 and Vue.js 2

Author: James J. Ye

Publisher: Packt Publishing Ltd

ISBN:

Category: Computers

Page: 590

View: 688

Become efficient in both frontend and backend web development with Spring and Vue Key Features Connect application’s frontend and backend with Vue, Vuex, and Spring Boot Leverage the latest web standards to enhance code performance, readability, and cross-compatibility Build secure full-stack web applications with Spring Security Book Description Building Applications with Spring 5 and Vue.js 2, with its practical approach, helps you become a full-stack web developer. As well as knowing how to write frontend and backend code, a developer has to tackle all problems encountered in the application development life cycle – starting from the simple idea of an application, to the UI and technical designs, and all the way to implementation, testing, production deployment, and monitoring. With the help of this book, you'll get to grips with Spring 5 and Vue.js 2 as you learn how to develop a web application. From the initial structuring to full deployment, you’ll be guided at every step of developing a web application from scratch with Vue.js 2 and Spring 5. You’ll learn how to create different components of your application as you progress through each chapter, followed by exploring different tools in these frameworks to expedite your development cycle. By the end of this book, you’ll have gained a complete understanding of the key design patterns and best practices that underpin professional full-stack web development. What you will learn Analyze requirements and design data models Develop a single-page application using Vue.js 2 and Spring 5 Practice concept, logical, and physical data modeling Design, implement, secure, and test RESTful API Add test cases to improve reliability of an application Monitor and deploy your application to production Who this book is for Building Applications with Spring 5.0 and Vue.js 2.0 is for you if you are developer who is new to Vue.js or Spring. It is assumed that you have some knowledge of HTML, CSS, and Java.
Computers

Full Stack Development with JHipster

Author: Deepu K Sasidharan

Publisher: Packt Publishing Ltd

ISBN:

Category: Computers

Page: 428

View: 179

Written by the core development team of JHipster and fully updated for JHipster 6, Java 11, and Spring Boot 2.1, this book will show you how to build modern web applications with real-world examples and best practices Key Features Build full stack applications with modern JavaScript frameworks such as Angular, React, and Vue.js Explore the JHipster microservices stack, which includes Spring Cloud, Netflix OSS, and the Elastic Stack Learn advanced local and cloud deployment strategies using Docker and Kubernetes Book Description JHipster is an open source development platform that allows you to easily create web apps and microservices from scratch without spending time on wiring and integrating different technologies. Updated to include JHipster 6, Java 11, Spring Boot 2.1, Vue.js, and Istio, this second edition of Full Stack Development with JHipster will help you build full stack applications and microservices seamlessly. You'll start by understanding JHipster and its associated tools, along with the essentials of full stack development, before building a monolithic web app. You'll then learn the JHipster Domain Language (JDL) with entity modeling using JDL-Studio. With this book, you'll create production-ready web apps using Spring Boot, Spring Framework, Angular, and Bootstrap, and run tests and set up continuous integration pipelines with Jenkins. As you advance, you'll learn how to convert your monoliths to microservices and how to package your application for production with various deployment options, including Heroku and Google Cloud. You'll also learn about Docker and Kubernetes, along with an introduction to the Istio service mesh. Finally, you'll build your client-side with React and Vue.js and discover JHipster's best practices. By the end of the book, you'll be able to leverage the best tools available to build modern web apps. What you will learn Create full stack apps from scratch using the latest features of JHipster 6 and Spring Boot 2.1 Build business logic by creating and developing entity models using JDL Understand how to convert a monolithic architecture into a full-fledged microservices architecture Build and package your apps for production using Docker Deploy your application to Google Cloud with Kubernetes Create continuous integration/continuous delivery pipelines with Jenkins Create applications using Angular, React, and Vue.js client-side frameworks Who this book is for This book is for full stack developers who want to build web applications and microservices speedily without writing a lot of boilerplate code. If you’re a backend developer looking to learn full stack development with JavaScript frameworks and libraries such as Angular, React, and Vue.js, you’ll find this book useful. Experience in building Java web applications is required. Some exposure to the Spring Framework would be beneficial but not necessary to get the most out of this book.
Computers

Pro Vue.js 2

Author: Adam Freeman

Publisher: Apress

ISBN:

Category: Computers

Page: 719

View: 235

Explore Vue.js to take advantage of the capabilities of modern browsers and devices using the fastest-growing framework for building dynamic JavaScript applications. You will work with the power of the Model-View-Controller (MVC) pattern on the client, creating a strong foundation for complex and rich web apps. Best-selling author Adam Freeman explains how to get the most from Vue.js 2. He begins by describing the MVC pattern and the benefits it can offer. He then shows you how to use Vue.js in your projects, starting from the nuts and bolts and building up to the most advanced and sophisticated features, going in-depth to give you the knowledge you need. Chapters include common problems and how to avoid them. What You'll Learn Gain a solid architectural understanding of the MVC pattern Create rich and dynamic web app clients using Vue.js 2 Extend and customize Vue.js Test your Vue.js projects Who This Book Is For JavaScript developers who want to use Vue.js to create dynamic client-side applications
Computers

Freelance Web Developer 101

Author: HowExpert

Publisher: HowExpert

ISBN:

Category: Computers

Page: 128

View: 819

You probably use websites every day, but have you ever thought about building them? With the help of this book, now you can! In this exceptional step-by-step guide, you’ll learn what web development is all about, which resources will help you master it, and how you can build stunning and interactive websites. After instructing you on how to create your own personal web portfolio, the author will take you through all the major web development languages and technologies, including the following: • HTML • CSS • JavaScript • Bootstrap and jQuery • PHP and MySQL • WordPress Each of these chapters contains best practices and tips for success as well as a “Show Your Skills” section with practical and fun project ideas for you to apply what you’re learning. For example, “Write a JavaScript program that will run the game Chutes and Ladders thousands of time and determine the minimum, maximum, and average number of turns to win.” Lastly, you’ll find out how to transform your newfound hobby into a profitable career by becoming a freelance web developer. The author will share tips for perfecting your portfolio and finding clients, especially through the popular freelancing website Upwork. If you’ve ever been curious about web development but didn’t know where to start, this book is for you! Come and embrace both your creativity and logic by delving into the wonderful world of web development! About the Expert: Liz Kazandzhy is a passionate web developer who also greatly enjoys writing and editing. As the daughter of a software engineer, she has always had a knack for technology, so when she stumbled upon web development in 2016, it was love at first keystroke. She studied it voraciously and began building websites related to her personal interests, like RandomScriptureVerse.com. In time, she started branching out and building websites for others, like JonathanWhitlockArt.com. Liz currently lives in Orem, UT, with her husband Vlad and two energetic young daughters, Katya and Sophia. In the rare moments when the kids are asleep and the housework is done, she enjoys reading, writing, and developing websites. HowExpert publishes quick 'how to' guides on all topics from A to Z by everyday experts.
Computers

Hands-on Nuxt.js Web Development

Author: Lau Tiam Kok

Publisher: Packt Publishing Ltd

ISBN:

Category: Computers

Page: 698

View: 774

Nuxt.js is a progressive web framework for adding SSR capabilities to Vue.js apps. This practical guide will help you up and running with the fundamentals of Nuxt.js, how to integrate it with the latest version of Vue.js and enable you to build an entire project including authentication, testing, and deployment with Nuxt.js and Vue.js.
Computers

Service Orientation in Holonic and Multi-Agent Manufacturing

Author: Theodor Borangiu

Publisher: Springer

ISBN:

Category: Computers

Page: 462

View: 735

This book gathers the peer-reviewed papers presented at the 8th edition of the International Workshop “Service Orientation in Holonic and Multi-Agent Manufacturing – SOHOMA’18” held at the University of Bergamo, Italy on June 11–12, 2018. The objective of the SOHOMA annual workshops is to foster innovation in smart and sustainable manufacturing and logistics systems by promoting new concepts, methods and solutions that use service orientation of agent-based control technologies with distributed intelligence. Reflecting the theme of SOHOMA’18: “Digital transformation of manufacturing with agent-based control and service orientation of Internet-scale platforms”, the research included focuses on how the digital transformation, as advocated by the “Industry 4.0”, “Industrial Internet of Things”, “Cyber-Physical Production Systems” and “Cloud Manufacturing” frameworks, improves the efficiency, agility and sustainability of manufacturing processes, products, and services, and how it relates to the interaction between the physical and informational worlds, which is implemented in the virtualization of products, processes and resources managed as services.
Computers

Vue.js: 11 Practical Projects

Author: James Hibbard

Publisher: SitePoint

ISBN:

Category: Computers

Page: 363

View: 932

Since its release in 2014, Vue.js has seen a meteoric rise to popularity and is is now considered one of the primary front-end frameworks, and not without good reason. Its component-based architecture was designed to be flexible and easy to adopt, making it just as easy to integrate into projects and use alongside non-Vue code as it is to build complex client-side applications. This book contains a selection of 11 practical projects covering different aspects of working with Vue. It contains: Build a Basic CRUD App with Vue.js, Node and MongoDB by James Hibbard Creating Beautiful Charts Using Vue.js Wrappers for Chart.js by Yomi Eluwande Build a Real-time Chat App with Pusher and Vue.js by Michael Wanyoike Building a Vue Front End for a Headless CMS by Michael Wanyoike How to Build a Chrome Extension with Vue by James Hibbard Build Your Own Link-sharing Site with Nuxt.js and vue-kindergarten by Nilson Jacques An Introduction to Data Visualization with Vue and D3.js by Christopher Vundi How to Build a Reusable Component with Vue by Deji Atoyebi How to Build a Game with Vue.js by Ivaylo Gerchev Build a Shopping List App with Vue, Vuex and Bootstrap Vue by Michael Wanyoike How to Develop and Test Vue Components with Storybook by Ivaylo Gerchev
Computers

Computer Security

Author: Apostolos P. Fournaris

Publisher: Springer Nature

ISBN:

Category: Computers

Page: 279

View: 726

This book constitutes the refereed post-conference proceedings of the Second International Workshop on Information & Operational Technology (IT & OT) security systems, IOSec 2019 , the First International Workshop on Model-driven Simulation and Training Environments, MSTEC 2019, and the First International Workshop on Security for Financial Critical Infrastructures and Services, FINSEC 2019, held in Luxembourg City, Luxembourg, in September 2019, in conjunction with the 24th European Symposium on Research in Computer Security, ESORICS 2019. The IOSec Workshop received 17 submissions from which 7 full papers were selected for presentation. They cover topics related to security architectures and frameworks for enterprises, SMEs, public administration or critical infrastructures, threat models for IT & OT systems and communication networks, cyber-threat detection, classification and pro ling, incident management, security training and awareness, risk assessment safety and security, hardware security, cryptographic engineering, secure software development, malicious code analysis as well as security testing platforms. From the MSTEC Workshop 7 full papers out of 15 submissions are included. The selected papers deal focus on the verification and validation (V&V) process, which provides the operational community with confidence in knowing that cyber models represent the real world, and discuss how defense training may benefit from cyber models. The FINSEC Workshop received 8 submissions from which 3 full papers and 1 short paper were accepted for publication. The papers reflect the objective to rethink cyber-security in the light of latest technology developments (e.g., FinTech, cloud computing, blockchain, BigData, AI, Internet-of-Things (IoT), mobile-first services, mobile payments).
Computers

Hierarchical User Interface Component Architecture

Author: Ralf S. Engelschall

Publisher: BoD – Books on Demand

ISBN:

Category: Computers

Page: 324

View: 344

User Interfaces (UI) of applications, since about 2010, are usually implemented by dedicated frontend programs, following a Rich-Client architecture and are based on the Web technologies HTML, CSS and JavaScript. This approach provides great flexibility and power, but comes with an inherent great overall complexity of UIs, running on a continuously changing technology stack. This is because since over twenty years Web technologies still progress at an extremely high invention rate and unfortunately at the same time still regularly reinvent part of their self. This situation is harmless for small UIs, consisting of just a handful dialogs and having to last for just about one or two years. However, it becomes a major hurdle for large UIs, consisting of a few hundred dialogs and having to last for five or more years. This is especially the case for the complex UIs of industrial Business Information Systems. The main scientific contribution of this dissertation is the Hierarchical User Interface Component Architecture (HUICA), a scalable software architecture for Rich-Client based User Interfaces. It is primarily based on the important architecture principle Separation of Concerns (SoC), the derived idea of Hierarchical Composition, the invented design pattern Model-View-Controller/Component-Tree (MVC/CT) and the existing concepts Presentation Model and Data Binding.