DEV Community: Amritanshu Dev Rawat

Icons for your next project.

Amritanshu Dev Rawat — Thu, 19 Aug 2021 03:42:26 +0000

Hello All, Today I am here to mention some free sites from where you can choose the Icons for your next project :)

Personal Choice -

Flat Icon - https://www.flaticon.com/
Icons8 - https://icons8.com/
FreePik - https://www.freepik.com/
Material Icons - https://fonts.google.com/icons

Others -

Deceptive Patterns

Amritanshu Dev Rawat — Wed, 21 Jul 2021 14:01:35 +0000

About deceptive patterns.
Types of deceptive patterns.
Why do businesses use deceptive patterns?
Why businesses should not use deceptive patterns?

About deceptive patterns

Have you ever checked out the free trial and later on without notifying you your credit card was charged? or you signed up for one newsletter and by clicking 'submit' you accept other newsletters too? or you paid to a subscription but there is no easy way to unsubscribe?

Well, It happens to everyone! These experiences are examples of deceptive patterns.

Deceptive patterns are UX methods that trick users into doing to buying something they wouldn't otherwise have done or bought.

In simple words, deceptive patterns trick users into unintentionally completing an action online.

It can be done through visuals, interactive, audio, motions, etc. that are added to the design.

Types of deceptive patterns

1. Sneak into the basket

When a user has to remove an item from their cart if they don’t want to buy it, which is an extra step that could be easily missed.

Eg: like a service or some extra plan is pre-selected as "add to my cart"

2. Price prevention comparison

Making it intentionally difficult to compare prices so the user can’t make the best decision for themselves.

Eg: Buy at $1/Apple

3. Hidden costs

Hidden or unexpected charges in the user’s cart that are not revealed until the end of the checkout process.

4. Forced continuity

The practice of charging a user for a membership without a warning or a reminder.

5. Disguised ads

Ads hidden in the page and made to look as if they were a part of the regular content or navigation.

Eg: Download button that is not an actual download button

6. Others

Bait and switch, Friend spam, Misdirection, Trap door, etc.

Why do businesses use deceptive patterns?

Obviously for sales and profits.

Why businesses should not use deceptive patterns?

Deceptive patterns are unethical and should be avoided. Being clear and honest with your users will strengthen their trust in
your brand and product.

Reference

Google UX

Basic JavaScript - Comments, Data Types, Variables

Amritanshu Dev Rawat — Thu, 24 Jun 2021 14:04:58 +0000

Topics:

Comments
Data Types
Variables

Comments

Comments are lines of code that JavaScript will ignore. Comments are used to leave some notes to your future self and to other people who will later open your code.
There are two ways to type comments in JS.
// is used for inline comment.
/**/ is used for multi line comment.
/** */ is used for documentation

Data Types

Data is anything that is meaningful to the computer. Like we have videos, texts, songs, etc. In general we can say a text a data type, we can't store a video in a text file or a text in a video file, they are different data types.
JavaScript provides eight different data types which are undefined, null, boolean, string, symbol, bigint, number, and object.
number - 1,2,3...
strings - "abcd.."
boolean - true, false
etc

Variables

Variables are similar to the x and y variables you use in mathematics but in computer we use variable to point to some value, means they are just a simple name referring at some value.
In JavaScript we can define variable in different ways.

This is just a basic intro from my side, you can learn more from:

https://dev.to/amritanshu/top-courses-to-learn-javascript-43ah

Top courses to learn NODE

Amritanshu Dev Rawat — Thu, 24 Jun 2021 08:44:02 +0000

Free ->

PAID ->

https://www.udemy.com/course/the-complete-nodejs-developer-course-2/

https://www.udemy.com/course/nodejs-the-complete-guide/

https://www.udemy.com/course/nodejs-express-mongodb-bootcamp/

https://www.udemy.com/course/advanced-node-for-developers/

https://www.coursera.org/learn/server-side-nodejs

Free Code Camp ->

https://www.freecodecamp.org/learn/apis-and-microservices/

Other Useful Blogs ->

Top course to learn REACT:
https://dev.to/amritanshu/top-courses-to-learn-react-56d2
Top course to learn MERN:
https://dev.to/amritanshu/top-courses-to-learn-mern-2i2g

Twitter ->

https://twitter.com/NewGenDeveloper

Top Courses To Learn JAVASCRIPT

Amritanshu Dev Rawat — Fri, 18 Jun 2021 08:27:55 +0000

Free And Best Resource:

Udemy:

Other Blogs:

Top course to learn REACT:

https://dev.to/amritanshu/top-courses-to-learn-react-56d2

Top course to learn MERN:

https://dev.to/amritanshu/top-courses-to-learn-mern-2i2g

Twitter:

https://twitter.com/NewGenDeveloper

If you know some other best one out there 👇 Comment :)

Top courses to learn REACT

Amritanshu Dev Rawat — Mon, 14 Jun 2021 14:57:55 +0000

Free Resource

Learn By Building Projects

https://www.youtube.com/watch?v=-cMqr9HpZ-Y

Paid Resource

Free Code Camp

https://www.freecodecamp.org/learn/front-end-libraries/

Top Courses To Learn MERN

https://dev.to/amritanshu/top-courses-to-learn-mern-2i2g

Twitter

https://twitter.com/NewGenDeveloper

Data Structure

Amritanshu Dev Rawat — Mon, 14 Jun 2021 08:58:21 +0000

I am writing content for a DSA book, should I continue writing?
Here are some pages:

Twitter
https://twitter.com/NewGenDeveloper

Top courses to learn MERN.

Amritanshu Dev Rawat — Sun, 13 Jun 2021 02:45:57 +0000

MERN stands for:

MongoDB -> NoSQL Database
Express.js -> Web Framework for Node
React.js -> JavaScript Library For UI
Node.js -> Runtime environment to execute JavaScript.

Paid Courses:

Free:

INSTANTLY PARSE JSON

Amritanshu Dev Rawat — Wed, 09 Jun 2021 11:33:38 +0000

How To Parse JSON Instantly?

Get your JSON
Copy all of that

Now, Go to Secret Place

Paste the copied JSON to the black box (<- see left)

From Right side choose your language (see right ->)

It will generate the file according to the selected language.

Click on Copy code and do whatever you want , just don't hack NASA

Youtube tutorial

Reverse An Array - 3 Methods

Amritanshu Dev Rawat — Tue, 08 Jun 2021 17:54:47 +0000

Method 1 - Revere with For Loop and print

public class ReverseArray {
public static void main(String[] args) {
// Array with some element
int[] myArray = {10,22,33,11,88,9,2};
    // reverse loop and printing
    for(int i = myArray.length-1;i>=0;i--) {
        System.out.print(myArray[i]+ " ");
        }
    }
}

Method 2 - Using Array List

// Method 2 Reverse an array using array list
    public class ReverseArray {
    public static void main(String[] args) {
        // Array List
        ArrayList<Integer> myArray = new ArrayList<Integer>();
        myArray.add(10);
        myArray.add(21);
        myArray.add(13);
        myArray.add(14);
        myArray.add(51);

        // reverse array and method
        Collections.reverse(myArray);
        System.out.println(myArray);
    }
}

Method 3 - Two Pointers and Swap

// Method 3 Reverse with swap
public class ReverseArray {
public static void main(String[] args) {

    // Array with some element
    int[] myArray = {10,22,33,11,88,9,2};

    int start = 0;
    int end = myArray.length-1;
    int temp = 0;

    // looping and swapping
    while(end>start) {
        temp = myArray[start];
        myArray[start] = myArray[end];
        myArray[end] = temp;
        end--;
        start++;
    }

    for(int i:myArray) {
        System.out.print(i+" ");
    }
}
}

Reverse A String - 5 Methods

Amritanshu Dev Rawat — Tue, 08 Jun 2021 02:51:30 +0000

Method 1 - String Builder / String Buffer

// Using String builder and String buffer

public class Method1 {
    public static void main(String[] args) {

        // pass the string to reverse
        StringBuilder sb = new StringBuilder("Amritanshu");
        StringBuffer sbf = new StringBuffer("Rawat");

        // printing
        System.out.println("String Builder: "+ sb.reverse().toString());
        System.out.println("String Buffer: " + sbf.reverse().toString());
    }
}

Method 2 - String Concatenation

// String Concatenation

public class Method2 {
public static void main(String[] args) {

// String to reverse
String name = "Amritanshu Dev Rawat";

// empty string to store reverse string
String rev = "";

// reverse loop logic and appending to rev
for(int i = name.length()-1;i>=0;i--) {
rev += name.charAt(i);
    }

// printing
System.out.println(rev);

    }
}

Method 3 - Character Array

// Char array

public class Method3 {
public static void main(String[] args) {

// String to reverse
String name = "Amritanshu";

// converting to char array
char[] charName = name.toCharArray();

// reverse loop logic and printing
for(int i = charName.length -1; i>=0;i--) {
System.out.print(name.charAt(i));
        }
    }
}

Method 4 - Stack

// Stack

import java.util.Stack;

public class Method4 {
public static void main(String[] args) {

    // string to reverse
    String name = "Amritanshu";

    // empty character stack
    Stack<Character> charStack = new Stack<Character>();

    // push every character to stack
    char[] ch = name.toCharArray();
    for (int i = 0; i < name.length(); i++) {
        charStack.push(ch[i]);
    }

    // pop element and store
    int k =0;
    while(!charStack.isEmpty()) {
        ch[k++] = charStack.pop();
    }

    // convert char to string and print
    System.out.println(String.copyValueOf(ch));

    }
}

Method 5 - Swap

// Two Pointer swap

public class Method5 {
public static void main(String[] args) {
    // String to reverse
    String name = "Amritanshu Dev Rawat";

    // converting to char array
    char[] c = name.toCharArray();

    // one pointer at begin
    int begin=0;

    // one at end
    int end=c.length-1;

    // one to store value and swap
    char temp;

    // looping and swapping
    while(end>begin){
        temp = c[begin];
        c[begin]=c[end];
        c[end] = temp;
        end--;
        begin++;
    }

    //printing
    System.out.println(String.valueOf(c));
    }
}

Abstraction Concept

Amritanshu Dev Rawat — Mon, 07 Jun 2021 02:52:01 +0000

Data abstraction is the process of hiding certain details and showing only essential information to the user.

An abstract class may or may not have abstract methods but if there is an abstract method then all the child classes have to override it.

You can also do the partial implementation of Abstract Class methods

Abstract class A -> with 30 abstract methods, now you know all the child have to inherit 30 of them but you can also make it work like this:

class B (child of class A) -> implement 20 methods.
class C (child of class B or Grandchild of class A) -> implement 10 methods.
So, it completes the abstract methods.

The abstract class gives features to child classes. So, we restrict object creation because the class is too generic.

Assume we have an Animal class

class Animal { }

when we create an Animal object we can not guess which animal?

Animal animal = new Animal();

cc- does it make any sense?

So, to restrict this, we use abstract keyword.