![]() In the first part, we will build an Angular component that is just showing the playing field of the game. In this tutorial, we will build such a learning game step by step. ![]() A sneak peek of the game we’ll be creating today Correctly matched pairs are moved to a separate area of the playing field, while any wrong assignments are immediately dissolved so that the user has to make a new selection. The animation below shows a simple version of the game: The user selects two elements on the left and right side of the playing field one after the other, and in any order. An example is the game “pair matching”, where the user has to find related pairs in a mixture of images and/or text snippets. ![]() Learning games and knowledge quizzes are popular both for younger and older users. I’d also like to introduce you to RxJS a bit more it’s a JavaScript library that can be used to express event handling routines compactly and concisely in a reactive style. The processing of such clickstreams is particularly useful for applications with an intensive user interaction where many events have to be processed. Today, I’d like to focus on data streams resulting from click events on the user interface. This is a programming style that - simply put - deals with the processing of asynchronous data streams. ![]() This article is dedicated to Angular developers who want to harness the concept of reactive programming. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |