Developer v/s Hacker v/s Programmer v/s Computer Scientist.

Hello Everyone!

This is going to be very interesting.

In this article, I will talk about Hackers, Programmers, Developers, and Computer Scientists. The level of their knowledge and expertise. I will try to keep it simple while explaining their roles in the industry and how they are different from each other and plays a different role.

We will also try to figure out who is more suitable for what job.

With this article, I am not judging any profession, because I understand very well that every profession has its own importance in the industry. The entire industry will collapse if even one of them vanishes.

So, without any further due, Let’s begin.

Computer Scientist.

A Computer scientist is the one who experiments with different computer languages. They know everything from the binary (bit 0,1,0,1) to all the way to software and hardware.

Understanding the Algorithm and Data structures. These people are often very good at Mathematics. Without any doubt, a computer scientist is at the top.

Yet! They are not directly involved in the industry that much. The reason being their extreme knowledge. Yes, you heard it right. They are mostly focused on solving big problems.

A computer scientist is the one who develops or invents new programming languages.

For instance, Tim-Berner-Lee is a very well known Computer Scientist. You can check about his latest project Here. Thanks, him if you are using the World Wide Web (www).


A programmer is the one who understands a pre-written programming language and uses it to write a program for machines or computer to say.

They understand almost all the programming languages that exist in their era. They never stop learning.

They write programs on which different software runs.

A programmer may be working on different languages at a time, while the work of a computer scientist is very specialized.


A Developer is surely the most sought and in-demand professional in the industry.

They understand and masters a particular computer language. While as mentioned earlier a programmer can be working with almost all existing languages at a time.

They possess a very specialized knowledge.

For example:

  • Android developer
  • IOS developer
  • Web developer


A Hacker is the one who works in an emergency scenario. Knowledge level of a hacker depends on individuals.

Their knowledge is not syllabus based.

Basically, they find bugs in the system and hacks it (with the owner’s permission). Just tries to enter the system anyhow.

Sometimes a hacker could be as good as a developer or a programmer.

Kinds of hackers:

  • Ethical hacker (White hat hacker)
  • Unethical hacker (Black hat hacker) – Illegal

Quick summary:

  • Computer Scientist – Research-based specialized work, inventing new languages.
  • Programmer – Knows and understands many languages and writes code for software and machines.
  • Developer – Specialized knowledge, master in a particular language.
  • Hacker – Works in the emergency case to save the data and system.

So,  that is it for this article. Once again I will say – I am not judging any profession.

Feel free to comment below.

Thank You.

FrameWorks and their pros and cons.

Hello Everyone!

Let’s talk about Frameworks. Today we are going to look at some pros and cons of using a framework.

Before that let’s have a quick explanation of Frameworks.

What is a FrameWOrk?

In computer programming, a software framework is an abstraction in which software providing generic functionality can be selectively changed by additional user-written code, thus providing application-specific software.

A framework is a set of pre-written programming code that anyone can use to save their time and energy. Different programming languages have different frameworks. Often the framework is also referred to as coding libraries.

Libraries are a bunch of codes that can save your time by already implementing the functionality you want.

Types of Frameworks:

  • UI/CSS Framework: Bootstrap, Materialize, Bulma, etc.
  • Frontend JS Framework: React, Vue, Angular, etc.
  • Backend Framework: Laravel, Express, Django, etc.

UI Framework:


  • Faster development and prototyping.
  • Responsive by default.
  • Browser compatibility.
  • Documentation and support.
  • JavaScript widgets/plugins.


  • Stops developers from learning CSS.
  • Less Customization.
  • Lots of overriding styles.
  • Many sites look the same.
  • Many depend on JQuery for certain things.

Frontend JS Framework:


  • Much less work for large frontend application.
  • Organized, component-based design.
  • Robust data/state management.
  • Virtual DOM (Fast performance).
  • Reliable and tested.
  • Great for teams.


  • Adds complexity for simple projects.
  • Can be too opinionated / less freedom.
  • Stops beginners from learning actual JS coding.
  • Updates can introduce issues.

Backend Framework:


  • Saves a ton of time and makes things much easier.
  • Very flexible and allow you to build anything.
  • Built-in Security.
  • MVC (Modal view controller).
  • Built-in routing.
  •  Community documentation and support.


  • Can stop beginners from learning the fundamentals of coding.
  • Less Freedom.
  • That’s all I got.


So, in the end, it literally comes down to the individual developers and programmers choice. Definitely, Framework is an amazing tool, but you should also be able to work without them.

That is it from my side for this article. Stay tuned for more such contents.

Thank You.

5 WP plugins every developer must have.

Hello everyone!

If you’re a web developer working with WordPress, read on to get five great plug-ins that can help in every aspect of the development process.

WordPress plugins for developers are rated highly by developers since they help make their work easier. I have researched and found these 5 WordPress plugins that stand out as the most useful plugins for developers.

While there is no scarcity of WordPress plugins in the world, I want to showcase some of the plugins that I think you code junkies out there may get some use out of and up your game.

So, let’s begin.

5 WP plugins for developers:

  • User Switching10 Best WordPress Plugins for DevelopersUser switching can be described as a developer’s best time saver. Ever wondered how to quickly login and log out from your WordPress site in order to view how other viewers see your website? You don’t have to keep logging in and out of your site, you can now use this plugin to switch between different users, saving you a great deal of time. This plugin allows you to switch between registered users without having to login in and out. With a click on a button, you can easily and quickly switch WordPress users.
  • Query Monitor query monster plugin for wordpress developers
    Query Monitor lets you view all the ongoing database queries, as well as the rows being affected. You can also view rewrite rules, hooks fired on the current request, PHP errors and warning and even template filenames and parts. Furthermore, Query Monitor is one of the very few WordPress plugins for developers that let you keep track of AJAX calls, REST API requests and redirects. So if you are working with the WP REST API plugin, Query Monitor can prove to be very useful.


  • Debug BarBest WordPress Plugins for Developers

    Put simply, Debug Bar helps you debug your WordPress site in the most efficient way. You can check for PHP errors, database errors, and requests, various cache options, too. Plus, the plugin description mentions a lot of add-ons that give you “more insight into, for instance, the registered Post Types, Shortcodes, WP Cron, Language file loading, Actions and Filters and so on.”

  • Developerplugins for developer_9This is the ultimate plugin for testing your WordPress development environment. This plugin checks and ensures that your development environment is configured correctly including the plugins, constants and other settings. This plugin helps developer develop by optimizing their environment and ensuring essential tools and plugins are installed.
  • WordFenceImage titleWeb security is very critical in the tech world nowadays. Cyber breaches may cause harm to the whole organization. As a developer, you need to take care of your website. WordFence will help you shield your web pages by building a firewall and malware scanner. The malware scanner checks core files, themes, and plugins for malware, bad URLs, backdoors, SEO spam, malicious redirects, and code injections.

For more helpful WP plugins, with their detailed review please visit: List of really good and important plugins for WordPress.

I Hope that it was helpful to you. If you want us to touch any topic regarding web development than please let us know in the comments below.

Thank you for reading this far.

The difference b/w Web-Designer and Web-Developer.

“Web Designer” and “Web Developer”.  Oftentimes, the two phrases are used interchangeably by someone who is not familiar with the industry.

The role of each is completely different from the other. But let’s have a look into the different roles and methods, of both a web designer and a web developer.

At present, the boundaries between web designers and web developers are getting blurred. More and more designers began to learn to code, and developers are beginning to pay close attention to design theory. Is a web developer the same as a web designer? This article will tell the difference.

The difference b/w Designer and Developer.


Usually, web designers are responsible for the design of the visual layout of websites. Excellent designers are good at the using of a variety of concepts, such as color collocation, typesetting, spatial relations, and user experience.

Web designers use various design programs such as Adobe Photoshop to create the layout and other visual elements of the website.

Through the use of graphic design software and prototyping tools, web designers could create the initial version of a website. Then the completed design will pass to web developers for coding.


Web developers are generally considered as a group of people who use the left brain to develop the coding of products. Under normal circumstances, Web developers get the design of the page from the Web designer and then use front-end development technology to encode these pages. They do not really care if the page looks good or not, but they care about the clean code very much. Outstanding developers are always paying more attention to details and focusing on each of them.

Web developers use HTML, CSS, Javascript, PHP, and other programming languages to bring to life the design files.

In recent years, front-end development is a hot-seat and many young people want to become a web developer. Consequently, the skill requirements are getting higher and higher, and of course, the level of web developers’ salary also increased correspondingly. At present, it’s a good time to enter the front-end development industry.

At the end of the day, both web designers and web developers are working toward a singular goal – to create a website or app that entices and attracts users.

Anyone of the two is incomplete without other.

You gave your precious time to read this article.

Thank You.

How to host your web page on Github?

Hello Everyone!

Let’s talk about hosting, once again. I have talked quite a lot about hosting in other articles, but this one is different.

If you want to launch a simple website but don’t want to go through the dull process of setting up yet another hosting package. There is an easier solution. If you just want to launch a simple static website you can use GitHub Pages to host your site for free.

GitHub is not only a great place to store and share your code with others but they also offer free web hosting of your HTML, CSS, and JavaScript projects!

Steps to host your page on GitHub:

  1. Signup for GitHub account: Visit, and you’ll see a signup form on their front page. (If you don’t, congrats, you already have an account!)
  2. Download and install the GitHub desktop app: This is the app that we’ll use to get our code up on GitHub. It’s easy to use so don’t fret; the user interface is easy to learn!
  3. Create a Git repository: Open up the GitHub Desktop app and click the “Create New Repository” button.

    When the “Create a New Repository” dialog window appears, fill in the “Name” text input as:


    Name your repository in this manner will tell GitHub to host the files in this project automatically and display them when someone points their browser to:


    This will be the web address you will share when your site is ready to publish and go live! Congratulations, you have a new project! But it has no files yet. As a quick way to create the first file, click the “README” link:

  4. Copy your files to the new Repository file: Copy everything in your working folder (/Documents/my-site) into your GitHub Repository folder (/Sites/[username]
  5. Scroll down the page until you find the Commit area, and click “Commit new file”. Every time you create a new version of a file, you are making a “commit” to record that in the file version history. Each commit has a message to describe the change.
  6. Type in the browser, and reload until your webpage appears. Github takes from 1-10 minutes to upload your project changes to the user-facing webpage URL, so you may need to exercise patience. You may also need to “hard reload” (hold shift while reloading), to clear the browser cache.

Whenever you want to make changes to your website, you just need to commit the changes and then push the files up to your GitHub repository. Your changes will be published automatically!

If you want to use your own domain you can do that too. We will talk about it in some other near future article.

Let me know if I missed any steps, if something didn’t work out quite right for you, or if this guide was helpful! Thank you for reading!

Happy Coding.

Removing extra digits after decimal and leave only two decimal places


your first match will leave the number with max 2 decimal digits.
So find with ^(.*?\..?.?).*?$ and replace with \1





How to remain updated with changes in web development.

Hello all!

In the world of coding, things keep changing and as a developer, you ought to be always updated with new technologies and things coming up.

And nowadays changes happen very fast, almost every month something new comes in the world of web development.

Today I will be right to the point. This one is a short article.

In order to remain updated with changes in the field of web-development, often we search for it on the internet.

But, wouldn’t it be nice if you could get all the updates automatically every week. So, brace yourself that’s what I am gonna tell you today.

Below I am providing 2 newsletters, You just have to subscribe to these weekly newsletters and every week you will be updated with the latest changes via E-mail.


  • Frontend Focus: A once–weekly roundup of the best front-end news, articles, and tutorials. HTML, CSS, WebGL, Canvas, browser tech, and more.

  • JavaScript Weekly: A free, once–weekly email roundup of JavaScript news and article.

Now every week just sit and wait for your newsletter to arrive with all the latest updates of HTML, CSS, JavaScript, browsers, and more.

So, this was all for this article. If you know some similar or better resources than please share it in the comments.

Thank You.

Understanding Screen resolution.

Hello and welcome everyone.

So, straight to the topic. Today we are going to decode the science behind the screen resolution and would also see, how it is calculated?

There is no rocket science in this, yet it could be a bit complex for some readers, hence pay attention.

Why is it a big deal?

screen size is important because there are lots of different screen sizes. Whether you’re deciding to build for windows or MacBook, both platforms have tons of different devices.

Resolution is also important. That’s because the resolution of different screens can affect how designers build their sites. Based on this information, there are certain things that a designer or developer needs to know.

So as you can see, both screen size and resolution size are important, but for different reasons.

As a website owner or web designer or developer, you have to take into consideration what are the most common screen resolutions for the intended target audience of the website to determine what web page width is suitable for the website.

These days we have many different screens sizes all with different resolutions – TV’s, desktop monitors, laptops, tablets, mobile phones, and even smart watches.

What is screen resolution?

To understand resolution you need to understand how a screen works. Screens are made up of thousands of tiny dots all bunched together called pixels, each one has the ability to change color and when you zoom out all the dots joined together to make up an image.

Screen resolution is the measure of the number of pixels a screen can display. This would be measured by width and height. For example, a screen that has 1,024 pixels horizontally, and 768 vertically would have a resolution of 1,024 x 768.

How is it calculated?

Resolution is the maximum number of pixels that can be displayed on a monitor, expressed as (number of horizontal pixels) x (number of vertical pixels), i.e., 1024×768.

The higher the screen resolution the more information can fit on the screen.

Screen size is usually measured in inches and is the actual size of the device’s screen measured diagonally. Anyone with a tape can measure the screen size. Screen resolution is measured by the number of pixels displayed in each dimension. In order to calculate the pixels per inch, you need to know the screen size as well as the resolution.

The formula to calculate PPI is a bit complicated. You need to take both the digits in screen resolution. Add a square of both these digits and take a square root of the result. The final number should be divided by the size of the screen.

For example – if the screen size is 5.8 inches and screen resolution is 1138 X 680, then PPI can be calculated as –1138X 1138 + 680 X 680 = 1757444.  A square root of 1757444 is 1325.69. Now, divide the number 5.8 i.e. 1325.69/5.8 = 228.5.

Final Words.

The idea behind considering screen resolution and screen size is to build an app that is visually compatible with any android and iOS device. If you are building an app with one screen in mind, it will spoil the user experience. Poor user experience will hurt the quality of your mobile app, which is something every developer should avoid.

If you have any question in mind, feel free to ask in the comments.

Thank You.

How to save Windows 10 Lockscreen wallpaper image in laptop?

Windows 10 lockscreen feature is called spotlight and you see new beautiful pictures on your window 10 when ever it is locked.
These pics are present in Microsoft.Windows.ContentDeliveryManager_cw5n1h2txyewy folder and are not having correct extensions as these are raw images and probably microsoft doesnt want them to be indexed in your gallery.
So, the process is simple, open Command Prompt
For opening command prompt, press windows button and then type cmd and click/enter on first result

OR Press Windows + R and then type cmd followed by Enter key.
After you see command prompt’s black screen,, copy and paste the following code in it and that is it.
You can find the lock screen pictures inside you “My Pictures” > “Lockscreenwallpapers” Folder.

mkdir "%userprofile%\Pictures\Lockscreenwallpapers"
copy "%userprofile%\AppData\Local\Packages\Microsoft.Windows.ContentDeliveryManager_cw5n1h2txyewy\LocalState\Assets\*" "%userprofile%\Pictures\Lockscreenwallpapers\"
cd "%userprofile%\Pictures\Lockscreenwallpapers\"
ren *.* *.jpg

List of Commands for Windows Command Line Interface (CMD)

Help for any particular command can be found by command:

HELP CommandName

Full List of available commands:

ASSOC          Displays or modifies file extension associations.
ATTRIB         Displays or changes file attributes.
BREAK          Sets or clears extended CTRL+C checking.
BCDEDIT        Sets properties in boot database to control boot loading.
CACLS          Displays or modifies access control lists (ACLs) of files.
CALL           Calls one batch program from another.
CD             Displays the name of or changes the current directory.
CHCP           Displays or sets the active code page number.
CHDIR          Displays the name of or changes the current directory.
CHKDSK         Checks a disk and displays a status report.
CHKNTFS        Displays or modifies the checking of disk at boot time.
CLS            Clears the screen.
CMD            Starts a new instance of the Windows command interpreter.
COLOR          Sets the default console foreground and background colors.
COMP           Compares the contents of two files or sets of files.
COMPACT        Displays or alters the compression of files on NTFS partitions.
CONVERT        Converts FAT volumes to NTFS.  You cannot convert the
current drive.
COPY           Copies one or more files to another location.
DATE           Displays or sets the date.
DEL            Deletes one or more files.
DIR            Displays a list of files and subdirectories in a directory.
DISKPART       Displays or configures Disk Partition properties.
DOSKEY         Edits command lines, recalls Windows commands, and
creates macros.
DRIVERQUERY    Displays current device driver status and properties.
ECHO           Displays messages, or turns command echoing on or off.
ENDLOCAL       Ends localization of environment changes in a batch file.
ERASE          Deletes one or more files.
EXIT           Quits the CMD.EXE program (command interpreter).
FC             Compares two files or sets of files, and displays the
differences between them.
FIND           Searches for a text string in a file or files.
FINDSTR        Searches for strings in files.
FOR            Runs a specified command for each file in a set of files.
FORMAT         Formats a disk for use with Windows.
FSUTIL         Displays or configures the file system properties.
FTYPE          Displays or modifies file types used in file extension
GOTO           Directs the Windows command interpreter to a labeled line in
a batch program.
GPRESULT       Displays Group Policy information for machine or user.
GRAFTABL       Enables Windows to display an extended character set in
graphics mode.
HELP           Provides Help information for Windows commands.
ICACLS         Display, modify, backup, or restore ACLs for files and
IF             Performs conditional processing in batch programs.
LABEL          Creates, changes, or deletes the volume label of a disk.
MD             Creates a directory.
MKDIR          Creates a directory.
MKLINK         Creates Symbolic Links and Hard Links
MODE           Configures a system device.
MORE           Displays output one screen at a time.
MOVE           Moves one or more files from one directory to another
OPENFILES      Displays files opened by remote users for a file share.
PATH           Displays or sets a search path for executable files.
PAUSE          Suspends processing of a batch file and displays a message.
POPD           Restores the previous value of the current directory saved by
PRINT          Prints a text file.
PROMPT         Changes the Windows command prompt.
PUSHD          Saves the current directory then changes it.
RD             Removes a directory.
RECOVER        Recovers readable information from a bad or defective disk.
REM            Records comments (remarks) in batch files or CONFIG.SYS.
REN            Renames a file or files.
RENAME         Renames a file or files.
REPLACE        Replaces files.
RMDIR          Removes a directory.
ROBOCOPY       Advanced utility to copy files and directory trees
SET            Displays, sets, or removes Windows environment variables.
SETLOCAL       Begins localization of environment changes in a batch file.
SC             Displays or configures services (background processes).
SCHTASKS       Schedules commands and programs to run on a computer.
SHIFT          Shifts the position of replaceable parameters in batch files.
SHUTDOWN       Allows proper local or remote shutdown of machine.
SORT           Sorts input.
START          Starts a separate window to run a specified program or command.
SUBST          Associates a path with a drive letter.
SYSTEMINFO     Displays machine specific properties and configuration.
TASKLIST       Displays all currently running tasks including services.
TASKKILL       Kill or stop a running process or application.
TIME           Displays or sets the system time.
TITLE          Sets the window title for a CMD.EXE session.
TREE           Graphically displays the directory structure of a drive or
TYPE           Displays the contents of a text file.
VER            Displays the Windows version.
VERIFY         Tells Windows whether to verify that your files are written
correctly to a disk.
VOL            Displays a disk volume label and serial number.
XCOPY          Copies files and directory trees.
WMIC           Displays WMI information inside interactive command shell.