This short blog post is about my perspective related to, how to get technical started with white box security testing, when you use SonarQube.Continue reading
- Short overview
- Installation of Mocha and Supertest
- Unit test implementation perperation on the Node.js server
- Unit test implementation itself
- Execute the unit test
This blog post is about how to use state management, spinner with conditions, and modal dialogs when saving data in VUE. How these works, we will explore along an implementation in the #BlueCloudMirror project. Maybe this can save you some time, if you plan to do the same.
Let’s start with my motivation, we want to improve our #BlueCloudMirror game UI. If you saved your scores data in the previous version, you were routed back to start game page. You received no information, if storing your data was successful in the highscores list.
In the new UI you can see the saving progress and you get confirmation when your data is saved, as you can see in the gif below.
To understand how this works in VUE, we need to touch the following topics:
In this blog post I want to share my observations during my implementation of an interactive YouTube Video selection in VUE. Maybe this can save you some time, if you plan to do the same.
Let’s start with my motivation, it came from the improvements of the #BlueCloudMirror game UI. We decided to provide the #BlueCloudMirror users a recorded YouTube LiveStream of us. This video provides an awesome overview of our major technologies.
The video takes approximately 50 minutes. This is a long time to watch, so we want to provide the user a new interactive architecture page, as you can see below. A user should have the ability to select the topic he is interested in. To do this, we needed the position selection for the YouTube video. In the gif you can see the result.
Topics of this blog post:
- How to define dynamic values in a VUE template
- How to configure autostart for YouTube videos
- How to avoid SAMEORI problem with the YouTube video