DEV Community: Tell Me How

How to implement Forgerock AM with Spring Boot? Help me!!

Tell Me How — Thu, 06 Jan 2022 19:53:52 +0000

Jan 6 '22 Comments: 1 Answers: 0

I want to secure my Spring boot rest api using Forgerock OpenAm with Spring Security. But I am not able to find any resources for that. If anyone has any clarity on this. Help me with any demo project.

Open Full Question

Mostly used RxJS Transformation Operators

Tell Me How — Wed, 02 Sep 2020 18:45:41 +0000

Hey Buddies, we already covered the Crash Course of RxJS Operators. And today I have some bonus RxJS Operators which will ease your work. RxJS transformation operators are useful for generating data by Observers.

In this article we’re going to see the Rxjs transformation operators like bufferTime, bufferToggle, bufferWhen, and concatMap operators.

Originally published here.

Make own Angular Searchable Component

Tell Me How — Wed, 22 Jul 2020 20:04:44 +0000

One of my last assignments was to develop generic method to make components and templates searchable in our application. In this article, I will walk you through the process and ideas behind the decisions I made along the way.

As always, just to get a taste of what I’m talking about let’s first see a nice visualization of the final result:

And the markup for the code:

<input [formControl]="searchControl">

<searchable-container [searchTerm]="searchControl.value">

  <ul>
    <li searchable="Javascript" searchableHighlight></li>
    <li searchable="Angular" searchableHighlight></li>
    <li searchable="Typescript" searchableHighlight></li>
    <li searchable="RxJS" searchableHighlight></li>
    <li searchable="Akita" searchableHighlight></li>
  </ul>

</searchable-container>

You can full tutorial How to Create own Searchable Component in Angular?
There is a task for you when you complete this tutorial if you accept my challenge.

Top 13 Animation libraries for UI designer in 2020

Tell Me How — Wed, 06 May 2020 20:23:50 +0000

Web development has evolved from static websites to websites that look and feel good. Right now, any web developer or designer knows how crucial it is to build a website that not only functions well but also looks good.

The website design starts with excellent color saturation to carefully placed sections that are completely responsive. However, that’s not all it is to the design of the website. Current generation UI designers are also interested in animation. After all, it adds value to the website and ensures that visitors find it surprising.

In today’s article, we listed the top 13 best animation libraries for UI designers 2020. These tools will surely help you create animations faster and more professionally. The libraries consist of both CSS-only and JavaScript.

13. Textillate

Textillate - A jquery plugin for CSS3 text animations.

Textillate.js combines some awesome libraries to provide an easy-to-use plugin for applying CSS3 animations to any text.

12. BounceJS

Bounce.js - Create beautiful CSS3 powered animations in no time.

Bounce.js is a tool and JS library for generating beautiful CSS3 powered keyframe animations. The tool on bouncejs…

11. Popmotion

Popmotion - Simple animation libraries for delightful user interfaces

Simple animation libraries for delightful user interfaces

10. DynamicJS

Dynamics.js - Javascript library to create physics-based animations

Dynamics.js is a JavaScript library to create physics-based animations To see some demos, check out this library

9. ParticleJS

Particles.js - A lightweight JavaScript library for creating particles

Configure, export, and share your particles.js configuration on CodePen…

8. MoveJS

Move.js - CSS3 backed JavaScript animation framework

CSS3 JavaScript animation framework. Move.js is a small JavaScript library making CSS3 backed animation…

7. Mojs

Mojs - The motion graphics toolbelt for the web

The motion graphics toolbelt for the web. mo · js is a javascript motion graphics library that is a fast, retina-ready…

6. HoverIntent

Hoverintent - 🐭 Fire mouse events when a user intends it

Hoverintent is a reworking of Brian Cherne's jQuery plugin in plain javascript. It has no dependencies…

5. GreenSock

GSAP - GreenSock's GSAP JavaScript animation library (including Draggable).

Professional-grade animation for the modern web GSAP is a JavaScript library for building high-performance animations…

4. AnimateCSS

Animate.css - 🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.

🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.

3. JqueryTransit

Jquery.transit - Super-smooth CSS3 transformations and transitions for jQuery

Super-smooth CSS3 transformations and transitions for jQuery jQuery Transit is a plugin for to help you do CSS…

2. AnimeJS

Anime - JavaScript animation engine

Work with CSS properties, SVG, DOM, and JS Objects

VelocityJS

Velocity - Accelerated JavaScript animation.

Animation engine with a similar API to jQuery’s $.animate()…

Today, we listed the 13 best animation libraries of 2020. So, which one did you decided to use?
And you can full comparison here:

Full comparison of 13 best animation libraries

Comment below and let us know. We are listening.

Transform SQL Query into MongoDB Query

Tell Me How — Sun, 22 Dec 2019 18:45:08 +0000

You can run SQL SELECT Query against MongoDB. SQL support includes functions, expressions, aggregation for collections with nested objects and arrays.

Let's look at how to use the GROUP BY clause with the SUM function in SQL.

Instead of writing the MongoDB query which is represented as a JSON-like structure

db.employees.aggregate([
  {
   $group:  {
   _id:  "$department",
   total:  { $sum:  "$salary"  }
    },
    }
])

You can query MongoDB by using old SQL which you probably already know

SELECT department, SUM(salary) AS total FROM employees GROUP BY department

Please note that SQL features are not natively supported by MongoDB. The SQL query is validated and translated into a MongoDB query and executed by MongoBooster. The Equivalent MongoDB Query can be viewed in console.log tab.

Group By:

View equivalent MongoDB Query:

If you’re not familiar with NoSQLBooster for MongoDB, it is a shell-centric cross-platform GUI tool for MongoDB which provides fluent query builder, SQL query, update-in-place, ES2017 syntax support and true intellisense experience.

Comparison of all NoSQL for Software Architects

Tell Me How — Sat, 26 Oct 2019 19:40:27 +0000

While SQL databases are insanely useful tools, their monopoly in the last decades is coming to an end. And it’s just time: I can’t even count the things that were forced into relational databases, but never really fitted them. (That being said, relational databases will always be the best for the stuff that has relations.)

But, the differences between NoSQL databases are much bigger than ever was between one SQL database and another. This means that it is a bigger responsibility on software architects to choose the appropriate one for a project right at the beginning.

In this light, here is a comparison of Open Source NOSQL databases Cassandra, Mongodb, CouchDB, Redis, Riak, RethinkDB, Couchbase (ex-Membase), Hypertable, ElasticSearch, Accumulo, VoltDB, OrientDB, Aerospike, Neo4j and HBase

See the full article: Comparison between all NoSQL Database