DEV Community: Rakesh Kumawat

The use of data structures and algorithms in real life

Rakesh Kumawat — Sun, 17 Jul 2022 06:38:41 +0000

A data structure is a method of arranging data in a computer that allows it to be used effectively. Let's see the different types of data structures used in real-life.

Arrays

It is most used data structure. It is used in every possible situation where you need to gather similar objects at one place.

Applications of Arrays

The contact applications in our phone which we use in our daily life has a lot of contacts. These contacts are stored in the form of an arrays. When we add or delete a contact it is similar to inserting/deleting an array.
Songs playlist in our music player.
These are also used in the online ticket booking system if a user wants to book a seat in S-9, the array becomes seat[S][9].

Hash Table

Hash Table only store data that has a key associated with it. Operations like Inserting and Searching are easily manageable while using Hash Tables.

Applications of Hash Table

They can be used to implement caches mainly used to that are used to speed up the access to data.
Hash is a not just used in data structure, but also widely used in security, cryptography, graphics, audio.
The hash functions are used in various algorithms to make their updating and storing computing faster.

Linked Lists

Single Linked List
Collection of element called nodes that are stored haphazardly in the memory. Node has two parts. One which store data at a specific address and the other is a pointer that contains the address of the next node. The last node contains the pointer to NULL.

Applications of Single Linked List

UNDO, REDO or DELETE operations
Viewing photos continuously one after the other in a photo viewer.
Skip to the next track option in a music player.

Double Linked List
It is a type of linked list in which a node contains a pointer to the previous and the next node in a sequence.

Applications of Double Linked List

It is usually used in card games to represent the deck of cards.
Implementing backward and forward navigation in the web browsers.
UNDO and REDO functions in notepad or some other applications.

Stack

A Stack is defined as a linear list in which insertions and deletions take place at the same end based on the Last-In-First-Out(LIFO) strategy. This end is called the top of the stack and the other end is called the bottom of the stack.

Applications of Stack

To check for left and right parenthesis match in an expression.
To evaluate a post fix expression.
Store the return address in a function call-return structure of a compiler.

Queues

A queues is a linear list in which additions and deletions take place at two different ends. Insertions take place at the rear end and deletions take place in the front-end.

Applications of Queues

Priority queues are used in browser while downloading multiple files.
Used by printer software.
CPU for task scheduling.

Trees

Trees are hierarchical structures that have a single root node.

Applications of Trees

Implementation of navigation in website or applications.
Trees structures are also used in Domain Name Server(DNS).
In various games which come across decision-making steps.

Graphs

A graphs in which every edge is directed is called a digraph. A graph in which every edge is undirected is called a undirected graph or simply a graph.

Applications of Graphs

The shortest path between two points can be found using graphs.
Used in various e-commerce websites for user preferences.
Used by Network-based platforms for interconnections.

Recursion

The process in which a function calls itself directly or indirectly is called recursion and corresponding function is called a recursion function.

Properties

Performing the same operations multiple times with different inputs
In every step, we try smaller inputs to make the problem smaller
Base condition is needed to stop the recursion otherwise infinite loop will occur

Sorting

A Sorting Algorithm is used to rearrange a given array or list elements according to a comparison operator on the elements.

Properties

Space complexity
Adaptability
Speed for better time complexity

Searching

Searching Algorithms are designed to check for an element or retrieve an element from any data structure where it is sorted.

Dynamic Programming

Dynamic Programming is a technique that breaks the problems into sub-problems, and saves the result for future purposes so that we do not need to compute the result again.

6 Original Methods To Present Web Design

Rakesh Kumawat — Sat, 02 Jul 2022 08:05:33 +0000

Secret of good design

The difference between developer and designer is that we not only see, but also take notice of the small things around us. We also pay attention to the colors and layout, the way of visual look, and a variety of other things that might otherwise go unnoticed.

3 Secret of good design:

Think Broader: Stand back and consider everything. This is one of the three keys of successful design.

Take a closer look: Consider the details; are they important ? or is this how things have always been done ?

Think like a child: View the world through the eyes of a novice. Have young folks or those with fresh perspectives on your team.

Layout is King

Your website can benefit greatly from Layout and designs. These may consists of:

Structure: A large number of visitors to your website will browse it in search of the information they need.

The majority of the time, this will include scanning your material for headings, buttons, links, or pictures that could appear pertinent.

This may be made simpler for your users by using a layout on a structured, organized website, which will improve the user experience.

Flexible: The design allows you to arrange the grid in whatever way you choose as long as your content fits inside the boxes.

There are many other design possibilities to choose from, such as a straightforward layout with two boxes across and two down, a mismatched set of three, or an unaligned set of four. This implies that you may select the choice that is best for your business.

For instance, unique businesses could use an asymmetrical grid design to reflect their brand identity. While not being appropriate for a more serious business.

Balance: Because a layout employs several boxes to cover the available space, it may be simpler to strike a balance between your text-based and visual material.

And doing so will aid in preventing your website from website from being overly heavy or overpowering. Additionally, it will maintain your user's attention

How to use Typography Beautifully

Initial Impressions have a lasting effect. Whether or not you are aware of it, your typography contributes to the user experience even before they have read a word or clicked a button.

Typography has the power to convey more than just a story; it can also reveal to the user who is responsible for the website and what it stands for.

Asking yourself these questions can help you determine what to say and how to express it. What do you want the user to feel and experience when the page loads, which in turn determines the website's personality.

How people react to your website will depend on the typeface you use.

Art of Color

Color has been essential to the expression of ideas since humans first started blending paint. Certain hues have the power to stir up strong feelings or recollections.

Color can transform a piece's ambiance and vibe from drab and life less to vibrant and captivating. Color must ne utilized to engage customers and advocate for computer users as the role of the internet in business and education grows.

Color theory is critical for a strong identity and user friendliness when designing a web page, whether it be for a service, a product like IT software, or personal usage. An overview of color theory and its best applications is given on this page.

Machines, such as printers and computer screens, employ a finite number of colors, but the human eye is able to distinguish a dizzying array of hues.

Design benefits greatly from a fundamental knowledge of human psychology. This article lists several excellent web design examples and explains what makes them smart choices.

Interaction: Breathing Life into your website

Designing a website involves more than just aesthetics. Interaction is key in web design. Animations may direct attention, change behaviour, and improve the overall user experience on your website.

They are designed to increase usability and draw attention to the crucial call to action on the website.

Enjoy the Wait
The wait for a page to load may be entertaining. If there is no way to reduce the wait time, we must come up with techniques to make loading more enjoyable.

Animation can be utilized to divert users and minimise the perceived wait time. User will be more engaged with your brand if they have something entertaining to watch while your content loads.

Explain Interactions
The feeling of web navigation can be improved by animation. By altering its wording or colors, a symbol, for instance, can seamlessly go from one duty to another.

Users are made aware of the connection between the two operations when a play symbol is changed into a pause button.

Full Screen Entertainment
Additionally, large scale animations may be a huge asset. They have the ability to draw visitors into the design if created in an engaging manner.

Large-Scale animations can take up a major amount of the screen, frequently in the form of a movie. These types of animations serve as a focal point in the overall design as long as you do not mix too many different moving elements together.

Responsive design from desktop to mobile

These days, nearly every new client want a mobile version of their website. Afterall, it is literally necessary to have separate designs for the Blackberry, iphone, ipad, netbook, and kindle, as well as ensuring that all screen resolution are compatible.

We'll probably need to plan for a lot of more inventions over the next five years. When will the madness stop? of course it won't.

Responsive Web design is the approach that suggests that design and development should respond to the user's behaviour and environment based on screen size, platform and orientation.

When a user transition from a laptop to an ipad, the website should adjust to accommodate resolution, image size, and scripting capabilities.

In other words, the website should have the technology to respond to the user's preference automatically. This would eliminate the need for each new item on the market to go through a separate design and development phase.

React.js Essential: Understanding the Basics of React.js

Rakesh Kumawat — Sun, 12 Jun 2022 11:29:49 +0000

React is a JavaScript library for building user interfaces. It was developed by Facebook and is now one of the most popular libraries in the world of front-end development.

We understand there might be a lot for you to take in right now, but don't worry, we got you covered!

In this blog post, We will help you get started with React.js even if you are just beginning as a developer. Keep reading to learn everything you need to know about react. Let's get started!

Why you should learn React.js ?

When you look at the world of frontend development, there are tons of libraries, framework and tools to choose from among so many options, it can be difficult to know which one is best for your project. React has been stand out as an excellent option for a variety of projects.

React was developed by Facebook and is know used to build user interfaces for many websites and applications, including Instagram, Airbnb, Dropbox, Yahoo, and others.

This blog will introduce you to the basics of React and let you know why you should learn it as a frontend web developer. Read on and see if this framework is right for you.

What is React.js ?

React is an open-source JavaScript Library for building user interfaces.

It is written in JSX Which makes it possible for developers to write HTML-Like code which will be transformed into JavaScript objects automatically before being rendered on the page.

It was created by Facebook to address the challenges of building large applications with data that changes over time.

React uses a virtual DOM that makes it possible to use one of the fastest implementations of JavaScript, which in turn makes it possible to create highly interactive web apps with less code than other frameworks such as AngularJS and VueJS.

ReactJS makes it easy tp create reusable components, which can be used in multiple places without having to rewrite the code. This make code more easily maintainable, and helps to keep projects organized. React.js is also fast, efficient and easy to learn.

React in the Real World

React only updates the parts of the page that have changed. React is used on the frontend, meaning that is runs in the browser.

This make it easy to use with other frontend technologies, such as HTML and CSS. React is also used on the server, in some cases. This allows for isomorphic JavaScript, Which means that the same code can be used on the both the server and the client.

React used by many large companies including Netflix, Airbnb, and Walmart.

Benefit of using React.js

• The reason for this is that react has been proven over time table a great choice for interactive website with dynamic content.

• It is lightweight and fast with its own virtual DOM implementation that allows components to have their own state and efficiency update in response to user interaction.

• This is because React has caught the attention of developers and software engineers alike in recent times.

• Over the past few years, frontend development has grown to become a demanding and challenging field.

• A website that doesn't respond to user actions or change on the fly feels old-fashioned and unappealing.

• As a 2021, there are over 2 million repositories related to react on Github.
Keep reading to Know more!

Drawback of using React.js

• Any software has pros and cons. The same goes for React. While React has many benefit it also comes with some drawbacks that developers need to be aware of before using it.

• Integrating React with the MVC framework like Rails requires complex configuration.

• React require the users to have knowledge about the integration of user interface into MVC (Model View Controller) framework.

•Beginners might find it tough to cope with its Syntaxes and methods.

How can you learn React ?

Conclusion

It makes sense to learn "ReactJS" as it's providing developer with much-needed ease in constructing highly engaging web applications and user interfaces in short periods of time, allowing them to create large-scale applications with, frequently changing data.