Let's create a Rock Paper Scissor game.

What is ASCII art?

ASCII art, also known as ANSI art, text art, or word art, forms images or art from the characters of the ASCII chart. Here is an example for better understanding:

$$\   $$\ $$$$$$$$\ $$\       $$\       $$$$$$\  
$$ |  $$ |$$  _____|$$ |      $$ |     $$  __$$\ 
$$ |  $$ |$$ |      $$ |      $$ |     $$ /  $$ |
$$$$$$$$ |$$$$$\    $$ |      $$ |     $$ |  $$ |
$$  __$$ |$$  __|   $$ |      $$ |     $$ |  $$ |
$$ |  $$ |$$ |      $$ |      $$ |     $$ |  $$ |
$$ |  $$ |$$$$$$$$\ $$$$$$$$\ $$$$$$$$\ $$$$$$  |
\__|  \__|\________|\________|\________|\______/

Stuff Required for the project

• Python 3.8
• Code Editor / IDE or Online IDE like Repl

Lets Start Coding

First of all, let's create a directory name for Rock Paper Scissor and copy-paste this code to the terminal.

mkdir Rock_Paper_Scissor

Getting into the project directory

cd Rock_Paper_Scissor

Let's create the python script named app.py.

touch app.py

Open the Python script to the Code Editor or IDE that you like. Here I am using the Visual Studio Code.

We need the ASCII art of rock, paper, and scissors to make this game. Go to the ASCII Art Archive website and copy Veronica Karlsson's Rock, Paper, and Art Scissors. Or from here you can copy and paste this code. We assign this art to a variable.

# ASCII Arts for rock, paper, and scissors by Veronica Karlsson

rock = '''
    _______
---'   ____)
      (_____)
      (_____)
      (____)
---.__(___)
'''

paper = '''
    _______
---'   ____)____
          ______)
          _______)
         _______)
---.__________)
'''

scissors = '''
    _______
---'   ____)____
          ______)
       __________)
      (____)
---.__(___)
'''

We're going to play Rock, Paper, and Scissor on the computer. And every time a user chooses an option, the computer needs to choose a random choice. To do this we are importing random packages that are built-in with Python.

import random

We will add ASCII art to the list; it will help us to easily print the art.

# Adding Game Images into a list
game_images = [rock, paper, scissors]

Take user input from the terminal and print the ASCII art. Here we're going to assign.

• 0 for Rock
• 1 for Paper
• 2 for Scissor

# Taking input from user choice
user_choice = int(input(
    "What do you choose? Type 0 for Rock, 1 for Paper, 2 for scissor. \n => "))

print("User Choice: ")

# print game image by user choice
print(game_images[user_choice])

Now open the terminal and copy and paste this code to the terminal.

python app.py

The outcome is going to be like this below. Here I select Paper, and it prints the ASCII Art Paper.

What do you choose? Type 0 for Rock, 1 for Paper, 2 for scissor. 
 => 1

user choice:
    _______
---'   ____)____
          ______)
          _______)
         _______)
---.__________)

Compute needs to pick a random number from 0 to 2. Often, we need to see what the option of the machine is and print it out on the terminal. Next, apply those lines to the app.py.

# random computer choice
computer_chocie = random.randint(0, 2)

print(" Computer Choice: ")

# print game image by computer choice
print(game_images[computer_chocie])

Open the terminal and review the result again.

python app.py

What do you choose? Type 0 for Rock, 1 for Paper, 2 for scissor. 
 => 1
user choice:
    _______
---'   ____)____
          ______)
          _______)
         _______)
---.__________)
computer choice:
    _______
---'   ____)____
          ______)
       __________)
      (____)
---.__(___)

Here I choose Paper and computer to choose Scissor.

Now time to apply the Rock, Paper, and Scissor Rules. Those rules are

1. Rock wins against the scissors.
2. Scissors win against the paper.
3. Paper wins against the rock.

Fig: Game rules

Let's transform the rules into the logic of the machine. Here we represent rock, paper, and scissors in numbers.

0 => Rock
1 => Paper
2 => Scissor

1. If the User chooses 0 [rock] and the computer chooses 2 [scissor], then the User will win.
2. If the computer chooses 0 [rock] and the user chooses 2 [scissor], then the User will lose, the computer wins.
3. If computer choice is greater than user choice, the user will lose, computer win.
4. If user choice is greater than computer choice, then the user will win.
5. If user choice and computer choice are the same, then It's a draw.

To prevent mistakes, if the user selects more than 3 or some kind of number, the user will lose by default.

We will use the if-elif-else condition for the above rules. Let's apply these conditions to our code list.

# rules in logic
if user_choice == 0 and computer_chocie == 2:
    print("You win! 🎉")
elif computer_choice == 0 and user_chocie == 2:
    print("You lose.  ☠")
elif computer_chocie > user_choice:
    print("You lose. ☠")
elif user_choice > computer_chocie:
    print("You win!🎉 ")
elif computer_chocie == user_choice:
    print("It's a draw.")
elif user_choice >= 3 or user_choice < 0:
    print("You typed an invalid number, You Lose.  ☠")

Our portion of the coding is complete. Here's our complete Rock, Paper, and Scissor game code.

# rock, paper, and scissors games

# import random package
import random

# ASCII Arts for rock, paper, and scissors
# Adding ASCII art into a variable

rock = '''
    _______
---'   ____)
      (_____)
      (_____)
      (____)
---.__(___)
'''

paper = '''
    _______
---'   ____)____
          ______)
          _______)
         _______)
---.__________)
'''

scissors = '''
    _______
---'   ____)____
          ______)
       __________)
      (____)
---.__(___)
'''

# Adding Game Images into a list
game_images = [rock, paper, scissors]

# Taking input from user choice
user_choice = int(input(
    "What do you choose? Type 0 for Rock, 1 for Paper, 2 for scissor. \n => "))

print("User Choice: ")    

# print game image by user choice
print(game_images[user_choice])

# random computer choice
computer_chocie = random.randint(0, 2)

print("Computer Choice: ")

# print game image by computer choice
print(game_images[computer_chocie])

# rules in logic
if user_choice == 0 and computer_chocie == 2:
    print("You win! 🎉")
elif computer_choice == 0 and user_chocie == 2:
    print("You lose.  ☠")
elif computer_chocie > user_choice:
    print("You lose. ☠")
elif user_choice > computer_chocie:
    print("You win!🎉 ")
elif computer_chocie == user_choice:
    print("It's a draw.")
elif user_choice >= 3 or user_choice < 0:
    print("You typed an invalid number, You Lose.  ☠")

Let's launch a game on the terminal.

python app.py

What do you choose? Type 0 for Rock, 1 for Paper, 2 for scissor. 
 => 0
User Choice: 

    _______
---'   ____)
      (_____)
      (_____)
      (____)
---.__(___)

Computer Choice: 

    _______
---'   ____)____
          ______)
       __________)
      (____)
---.__(___)

You win! 🎉

Hurray, We complete making our game in under 5 minutes.🎉🎉. Show your friends and play with it.

Here's the complete code of this game, but first try to code yourself and improve your abilities.

🚩👉 If it was helpful to you, please Like/Share to reach out to others as well. Please press the Subscribe button at the top of the page to get an email update from my most recent articles.

Let's talk about web development and UI design on Twitter kmhmubin, feel free to talk with me there!

What is a Blog?

The origin of the word blog comes from the word weblog. In the early age of the internet, weblogs allow users to log their day's details in dairy-style entries. According to the Cambridge Dictionary, Blog is a record of your thoughts, opinions, or experiences that you put on the internet for other people to read. It's also known as an informal diary.

What is the meaning of Successful?

Being successful means the achievement of desired visions and planned goals. The true meaning of success goes far beyond the common definitions of success. And it varies person-wise.

My Opinion on a successful blog

My tips come from the perspective of someone who is a blogger and also a reader. Everything I learned about blogging is self-taught. I blog because I love writing.

To me, a successful blog is one that always remembers who it is there to serve. Social media, a platform where you can publish your diary's rambling online. Now, you are aware that your content is in the public arena each time you hit publish.

So, with the reader in mind, I have four tips to focus on:

Find Your Niche

What are you passionate about? Do you love it when you write or not? Blogging can sometimes feel rigorous because of the hours you spend on finding topics and writing. If you pick a topic that you don't enjoy or know next to nothing about, you will struggle.

When you've decided what your passion is - and hopefully, this is linked to your blog. Then you can figure out what your unique angle is. No one else is you, and that is what makes you unique, and you'll do better than anyone else.

Write in Your Own Voice

Write the way you talk. Have faith in your own voice. Your voice is unique, and something no one else has. It's the easiest way to make yourself out from others.

Some people will love your voice, and some people will hate it. That's okay because it's better to have 50% of people love your work than 100% of people not giving a damn about it.

Be genuine, honest, and take your readers on a journey; it will connect you with your readers.

Add Value

Everyone has limited time to spend on reading. It's vitally important that you provide value with each post as a thank you to your reader for spending their time with you.

So, How can you add value? Simple, feed them what they need.

Whoever your audience is, and whatever their needs are, be sure to present them a worthy content. Something that will either relate to them, inspire, or entertain them.

Seek Out Others

Seek out others who are doing brilliant things and learn as much as you can from them. This is what makes blogging exciting. To grow your blog, you must keep learning from others. Here are some of my favorite blogger, whom I follow and learn a lot from them. @miguendes, @Catalinpit, @moeminmamdouh, @dailydevtips, @ayushi7rawat, @jamesqquick, @victoria, @fazlerocks, @atapas, @sandeep, @DThompsonDev, @brunor, @ikegah_ruth, @mgreiler

Conclusion

Blogging allows me to express myself. To me, a successful blog is a mean to create an impact and inspire others.

🚩👉 If it was useful to you, please Like/Share to reach others as well. Please hit the Subscribe button at the top of the page to get an email notification on my latest posts.

I talk about web development and UI design on Twitter @kmhmubin, come to talk with me there!

The cover image is an improvisation on top of the work from Freepik.

Python is one of the most popular general-purpose, high-level programming languages in modern times. It is an elementary and widely used programming language because of its code readability.

The term general-purpose means that Python can be used for a variety of applications. And the term high-level language means it's close to human language. The main advantage of high-level languages is that they are easier to read, write, and maintain. Programs written in a high-level language must be translated into machine language by a compiler or interpreter. Python is an interpreted language because, during execution, each line is interpreted to the machine language on-the-go.

History 📜

Python was created in the late 1980s as a successor to the ABC language. It was developed by Guido van Rossum and was first released in 1991. While Guido van Rossum was implementing Python, he read the published scripts from Monty Python’s Flying Circus.

Monty Python’s Flying Circus is a BBC Comedy TV series from 1969+. It is a highly viewed TV series and is rated 8.8 on IMDB. Python programming language is highly rated too. According to a recent Stack Overflow survey, Python has overtaken Java in popularity.

Fig: Python has overtaken Java in popularity

Python is named after the comedy television show Monty Python’s Flying Circus. It is not named after the Python snake.

Philosophy 🧠

The language's core philosophy is summarized in the document The Zen of Python, which includes aphorisms such as:

• Beautiful is better than ugly.
• Explicit is better than implicit.
• Simple is better than complex.
• Complex is better than complicated.
• Readability counts.

Rather than having all of its functionality built into its core, Python was designed to be highly extensible. This compact modularity has made it particularly popular as a means of adding programmable interfaces to existing applications.

Features 💼

As a programming language, the features of Python brought to the table are many. Some of the most significant features of Python are:

Fig: Features of Python

🎯 Easy to Learn

Python is a very developer-friendly language, which means that anyone can learn to code it in a couple of hours or days.

🎯 Readability

One of the biggest reasons for Python’s rapid growth is the simplicity of its syntax. The language reads almost like plain English, making it easy to write complex programs. Here is an example

a = 1
b = 1
if a is b:
    print("Hi")
a = 2000
print("Yeah!") if a % 2 == 0 else print("No!")

🎯 Object-Oriented Language

Python is Object-Oriented languages. The term object-oriented means it supports the concept of classes, method, object encapsulation, and many more. Here is an example code of OOP

class Car:
    def __init__(self, color, model, year):
        self.color = color
        self.model = model
        self.year = year

🎯 Free, Open Source and Cross-Platform

Python is an open-source programming language, which means that anyone can create and contribute to its development. Python has an online forum where thousands of coders gather daily to improve this language further. Along with this, Python is free to download and use in any operating system, be it Windows, Mac, or Linux.

🎯 Graphical User Interfaces

Python supports a wide array of GUIs which can easily be imported and make the results more visual. PyQt5 is the most popular option for creating graphical apps with Python.

🎯 Dynamic Memory Management

Python supports automatic memory management, which means the memory is cleared and freed automatically. You do not have to bother clearing the memory.

🎯 Exception Handling

Python supports exception handling, which means we can write fewer errors in code and test various scenarios that can cause an exception. Here is an example code

try:
    a=5
    b=0
    print (a/b)
except TypeError:
    print('Unsupported operation')
except ZeroDivisionError:
    print ('Division by zero not allowed')

-------------output ----------------------
> Division by zero not allowed

🎯 Highly Dynamic

Python is one of the most dynamic languages available in the industry today. It means that the type of a variable is decided at the run time and not in advance. Due to this feature's presence, we do not need to specify the variable's type during coding, thus saving time and increasing efficiency. Here is an example code in the C language

#include <stdio.h>

int main() {
    int a = 1;
    printf("%d", a);
    return 0;
}

Let's see the same code in Python.

a = 1
print(a)

🎯 Large Standard Library

Python has a large standard library which provides a rich set of module and functions, so you do not have to write your own code for every single thing. There are many libraries present in python for such as regular expressions, unit-testing, web browsers, etc.

🎯 Portable

If you are running Python on Windows and you need to shift the same to either a Mac or a Linux system, you can easily achieve the same in Python without worrying about changing the code.

Applications 📦

Apart from learning, Python is a very efficient language used in almost every sphere of modern computing. This makes a strong case for learning Python, even for non-programmers. Some of Python’s main applications are highlighted below:

Fig: Applications of Python

📌 Web Development

Python can be used to make a web application at a rapid rate. That because the frameworks like Django, Flask are uses to create these applications. Python frameworks are known for their security, scalability, and flexibility.

📌 Game Development

Python is also used in the development of interactive games. There are libraries such as PySoy, a 3D game engine supporting Python 3, PyGame, which provides functionality, and a library for game development. Games such as Battlefield 2, Civilization IV, Disney's Toontown Online, and many more have been build using Python.

📌 Artificial Intelligence

A major advantage of using Python for AI is that it comes with inbuilt libraries. Python has libraries for almost all kinds of AI projects. For example, NumPy, SciPy, matplotlib, nltk, and SimpleAI are important inbuilt libraries of Python.

📌 Machine Learning

Machine learning and artificial intelligence are the most promising careers for the future. We make the computer learn based on past experiences through the data stored or, better yet, create algorithms that make the computer learn. Python has libraries for almost all kinds of ML projects. Libraries like Pandas, Scikit-learn, TensorFlow, and many more.

📌 Data Science and Data Visualization

Creating visualizations really helps make things clearer and easier to understand, especially with larger, high dimensional datasets. Libraries such as Pandas, NumPy help you in extracting information. You can even visualize the data libraries, such as Matplotlib and Seaborn, which help plot graphs and much more.

📌 Desktop GUI

Python an excellent choice for developing desktop-based GUI applications. Python offers many GUI toolkits and frameworks that make desktop application development a breeze. PyQt, PyGtk, Kivy, Tkinter, WxPython, PyGUI, and PySide are some of the best Python-based GUI frameworks that allow developers to create highly functional Graphical User Interfaces (GUIs).

📌 Business Application

Enterprise-level software or business applications are strikingly different from standard applications, as the former demands feature like readability, extensibility, and scalability. This is where Python can make a significant difference. Python high performance, scalability, flexibility, and readability are just the features required for developing fully-functional and efficient business applications.

📌 Web Scrapping

A python is a nifty tool for pulling a large amount of data from websites, which can help in various real-world processes, including job listings, price comparison, and so on. BeautifulSoup, Selenium, and Urllib are some of the best Python-based web scraping tools.

📌 Image and Video Processing

Image Processing is thus the process of analyzing and manipulating a digital image primarily aimed at improving its quality or for extracting some information from it, which could then be put to some use. Python offers many libraries, such as OpenCV.

📌 Embedded Application

Python can be used to create Embedded C software for embedded applications. The most well-known embedded application could be the Raspberry Pi, which uses Python for its computing. We can also use it as a computer or like a simple embedded board to perform high-level computations.

Conclusion 👌

In conclusion, Python is capable of handling almost any development requirement. No matter what field you take up, Python is rewarding. In the last few years, Python applications have gained newfound traction in Data Science, particularly in Machine Learning. Python is a great way to start a developer's journey.

🚩👉 If it was useful to you, please Like/Share to reach others as well. Please hit the Subscribe button at the top of the page to get an email notification on my latest posts.

I talk about web development and UI design on Twitter @kmhmubin, come to talk with me there!

The cover image is an improvisation on top of the work from DrawKit.

A person who has a relationship with technology might frequently visit a famous place called GitHub. A platform where more than 50 million people learn, share and work together to build software. It lets you and other work together on projects from anywhere and also contribute to the open-source projects.

With the introduction of Profile READMEs, GitHub is now a one-stop-shop for not only showing off your tech skills and coding prowess but also anything else you might want to share about yourself.

Think of it as a creative portfolio, personal website, and expressive canvas all rolled into one. Plus, all your code is there as well!

If you use GitHub to impress recruiters, friends, or anyone else coming across a GitHub profile, creating a profile README is the perfect way to stand out!

This article will show you how to create a badass one and make it stand out using some cool tricks and tools!

What is a GitHub README? 🤷

It's the first canvas anyone sees in a repository. README files typically include information about the project, and each repository should have one. How users can use the project and contribute to the project is some good content from READMEs.

What is a GitHub Profile README? 🙄

GitHub Profile README can be used to inform people of more information about ourselves. You can show off your hobbies, your sense of humor, and many awesome personality traits. It’s the best way to stand out from the rest of the Github community!

It also supports markdown, which means that we can add lots of fun stuff with HTML, emojis, GIFS, pictures, and many more.

👀 A sneak peek of my GitHub Profile README.

Create your own Profile README ➕

I'm assuming that you already have an account on GitHub. Creating GitHub Profile README is very simple, but you probably would not find it on your own.

• To create it, go to https://github.com/new when you want to create a normal repository.
• Name the repository with your username - in my case, that would be kmhmubin/kmhmubin.
  As soon as you type it in, you will be greeted with a message telling you about this secret repository.

Fig: Creating GitHub Profile README

NOTE: As I have already created the repo hence it's showing “The repo already exists.”

Ensure your repository is Public and Initialize this repository with a README file and .gitignore file.

That’s it! GitHub does the rest of the work for you! A README.md will automatically be generated in this special repository. Github renders that file at the top of your Github Profile, above your pinned repositories and activity.

Clone your Repository 📇

Now clone your new repository; it will help us to edit and test the README locally as much as we want.

To clone the repository, click the Green Button called Code. It will give us a link to download the repository. Please copy the link because we need it later.

Fig: Copy your GitHub Profile repo link

We will use the GitKraken Git GUI tool. You can use the terminal if you want to. Now open the Git Kraken on your pc. Sign in to Git Kraken by using GitHub Account.

• Click Clone a repo option from Git Kraken.

Fig: Clone the GitHub Profile repo

• Select GitHub and search your repository name and select the clone it button. It will start to clone your Profile repo on your local pc.

Fig: selecting your Profile repo

Organize your repository folder 🧱

Go to the directory where you save your local version of the Profile repo. Here is an example of my repo directory.

Note: Make sure hidden items option enable

Fig: local profile repo

Here is the folder structure at a glance.

kmhmubin:.
|   .gitignore
|   GitHub-Profile-Cover.jpg
|   LICENSE
|   README.md
|   
+---.github
|   \---workflows
|           blog-post-workflow.yml
|           topFollowers.yml
|           waka-readme.yml
|       
+---assets
|       dev.svg
|       facebook.svg
|       hashnode.svg
|       instagram.svg
|       linkedin.svg
|       mubinsodyssey.svg
|       twitter.svg
|       
\---src
        getTopFollowers.py

By default, when you clone your repo, it only contains 3 files or folder; those are .git, .gitignore, and README.md Except for those, you need to create 3 more folders.

• assets: In this folder, you save your images, GIFs, and icons.
• src: In this folder, you create a Python script named getTopFollowers.py. This script allows you to show your top followers.
• .github/workflows: In this folder, store your workflow files. Workflow files use YAML syntax and must have either a .yml or .yaml file extension.

If you're new to YAML and want to learn more, see "Learn YAML in five minutes."

Commit your changes and push those files to your GitHub Repository.

Personalize your Profile README 👨‍🎨

Just as with a personal website, Profile READMEs are essentially a snapshot of who you are. The options are endless. From creative profiles to interactive games, you can pretty much represent yourself however you want!

Here I'm going to complete one step at a time and commit these changes. You can follow along with me. At first, open your README.md file in an editor like VS CODE or Sublime Text.

📌 Cover Photo

I would suggest adding a nice header to make it more personalized. You can include a custom cover photo. You can make a cover photo in canva with 1920 x 583 px resolution. Save your cover photos on your GitHub repo and copy the link. Here is an example code:

![Banner](https://github.com/kmhmubin/kmhmubin/blob/master/GitHub-Profile-Cover.jpg)

Fig: Adding a cover photo

📌 Live visitor counter

I wanted to see if I could make my profile look a little bit of fun. So I added a live visitor counter to see how many people visit my GitHub Profile. I choose the Retro visitor counter cause I look good with my cover photo. Here's the example code:

<!-- retro visitor counter -->
<p align="center"> 
  <img src="https://profile-counter.glitch.me/{user-name}/count.svg" />
</p>

Change the {user-name} to your username in the URL like this:

https : //profile-counter.glitch.me/songoku/count.svg

The preview will look like this. PS: count number starts with zero.

Fig: Adding retro visitor counter

To learn more about the Retro visitor counter by Ryan Lanciaux check out his article.

📌 Welcome message with Gifs

Sayin hi with emoji looks impressive, but if you add a cool gif, it looks more expressive. So I'm adding a hand waving gifs with my welcoming text.

<!-- welcome message -->
<h2>Hi there <img src="https://media.giphy.com/media/hvRJCLFzcasrR4ia7z/giphy.gif" width="25px"></h2>

<h3>Glad to see you here!</h3>

It's really looking more lively than a simple emoji.

Fig: Adding Hand waving Gifs

📌 About yourself

In this section, you can add a bit of you, who you are, what you are doing, or what you are learning. You can add fun facts, jokes, etc.

📌 Social Links

You should definitely include some contact information in your profile, whether it’s an email, Twitter handle, LinkedIn, or other social media. Whichever you chose to include, you might want to use icon links to make it easier for people to find/notice.

You can download free icons from Iconscout. If you need to edit any icons, you can do it by their icon editor. After downloading all the social icons, upload it to your GitHub repo. And copy all these links and add to your README. Here is an example

<!-- Connect with me -->
<h3 align="left">Connect with me:</h3>
<p align="left">

<a href="https://twitter.com/kmhmubin" target="blank"><img align="center" src="https://github.com/kmhmubin/kmhmubin/blob/master/assets/twitter.svg" alt="kmhmubin" height="30" width="30" /></a>
<a href="https://linkedin.com/in/kmhmubin" target="blank"><img align="center" src="https://github.com/kmhmubin/kmhmubin/blob/master/assets/linkedin.svg" alt="kmhmubin" height="30" width="30" /></a>
<a href="https://fb.com/kmhmubin" target="blank"><img align="center" src="https://github.com/kmhmubin/kmhmubin/blob/master/assets/facebook.svg" alt="kmhmubin" height="30" width="30" /></a>
<a href="https://instagram.com/kmhmubin" target="blank"><img align="center" src="https://github.com/kmhmubin/kmhmubin/blob/master/assets/instagram.svg" alt="kmhmubin" height="30" width="30" /></a>
<a href="https://hashnode.com/@kmhmubin" target="blank"><img align="center" src="https://github.com/kmhmubin/kmhmubin/blob/master/assets/hashnode.svg" alt="kmhmubin" height="30" width="30" /></a>
<a href="https://dev.to/kmhmubin" target="blank"><img align="center" src="https://github.com/kmhmubin/kmhmubin/blob/master/assets/dev.svg" alt="kmhmubin" height="30" width="30" /></a>
<a href="https://mubinsodyssey.com" target="blank"><img align="center" src="https://github.com/kmhmubin/kmhmubin/blob/master/assets/mubinsodyssey.svg" alt="mubinsodyssey" height="30" width="30" /></a>

</p>

Fig: Adding Social Links

📌 Languages and Tools

This section shows which programming languages you are using and what tools are used every day. We will generate those icons from GitHub Profile Readme Generator or download all those programming languages icons all by yourself and upload them to your GitHub repo, which will take a long time can add shields.io badges. To add those icons, we are going to use shortcuts.😅

• Go to GitHub Profile README Generator website.
• Select the programming icons that you use and hit the generate button.

Copy all those links and add them to your readme like this.

<h3 align="left">Languages and Tools:</h3>
<p align="left"> <a href="https://www.cprogramming.com/" target="_blank"> <img src="https://devicons.github.io/devicon/devicon.git/icons/c/c-original.svg" alt="c" width="40" height="40"/> </a> <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank"> <img src="https://devicons.github.io/devicon/devicon.git/icons/javascript/javascript-original.svg" alt="javascript" width="40" height="40"/> </a> <a href="https://www.python.org" target="_blank"> <img src="https://devicons.github.io/devicon/devicon.git/icons/python/python-original.svg" alt="python" width="40" height="40"/> </a> <a href="https://reactjs.org/" target="_blank"> <img src="https://devicons.github.io/devicon/devicon.git/icons/react/react-original-wordmark.svg" alt="react" width="40" height="40"/> </a> 
</p>

Fig: Adding Languages and Tools

📌 Latest Blog Posts

Show your latest blog posts from any sources on your GitHub profile/project readme automatically using the RSS feed using this GitHub Action. To show your blog post follow those steps.

• Create a folder named .github and create a workflows folder inside it.
• Create a new file named blog-post-workflow.yml with the following contents inside the workflows folder:

name: Latest blog post workflow
on:
  schedule: # Run workflow automatically
    - cron: '0 * * * *' # Runs every hour, on the hour
  workflow_dispatch: # Run workflow manually (without waiting for the cron to be called) through the Github Actions Workflow page directly
jobs:
  update-readme-with-blog:
    name: Update this repo's README with the latest blog posts
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - uses: gautamkrishnar/blog-post-workflow@master
        with:
          feed_list: "https://dev.to/feed/kmhmubin,https://mubinsodyssey.com/rss.xml"

• Replace the above URL list with your own RSS feed URLs. See popular-sources for a list of common RSS feed URLs.
• Go back to your README.md file.
• Add the following section to your README.md file; you can give whatever title you want. Just make sure that you use in your readme. The workflow will replace this comment with the actual blog post list:

# Blog posts
<!-- BLOG-POST-LIST:START -->
<!-- BLOG-POST-LIST:END -->

• Commit and wait for it to run automatically or trigger it manually to see the result instantly.

To trigger the workflow manually, please follow the steps:

• Go to your GitHub Profile Repo.
• Click on the Action tab from your repo.
• Select the option name Latest blog post workflow and click run workflow button.

Fig: Trigger the workflow manually

It will run the workflow and show the blog post from your website.

Fig: Blog posts shows

To learn more about Blog post workflow, check out this repo by Gautam Krishna R.

📌 WakaTime Weekly Metrics

WakaTime gives you an idea of the time you really spent on coding. This helps you boost your productivity and competitive edge. To show your waka time stats follow those steps:

• Add a comment to your README.md like this:

<!--START_SECTION:waka-->
<!--END_SECTION:waka-->

• Head over to https://wakatime.com and create an account if you don't have.
• Get your WakaTime API Key from your Account Settings in WakaTime.

Fig: Wakatime API key

• You'll need a GitHub API Token with repo and user scope from here.

Fig: selecting repo and user scope

Fig: Creating a GitHub API token

• Copy the API Token and head back to your Profile README repo.

• You need to save the WakaTime API Key and the GitHub API Token in the repository secrets. You can find that in the Settings of your repository. Be sure to save those like the following.

  • WakaTime API Key as WAKATIME_API_KEY=<your wakatime API Key>

  • GitHub Personal Access Token as GH_TOKEN=<your GitHub access token>.

    

    Fig: Adding API & Token to repository secret

• Create a folder named .github and create a workflows folder inside it.

• Create a new file named waka-readme.yml with the following contents inside the workflows folder:

    name: Waka Readme
  
    on:
      schedule:
        # Runs at 12am IST
        - cron: '30 18 * * *'
  
    jobs:
      update-readme:
        name: Update Readme with Metrics
        runs-on: ubuntu-latest
        steps:
          - uses: anmol098/waka-readme-stats@master
            with:
              WAKATIME_API_KEY: ${{ secrets.WAKATIME_API_KEY }}
              GH_TOKEN: ${{ secrets.GH_TOKEN }}
  

• Commit and wait for it to run automatically, or you can also trigger it manually to see the result instantly.

By default, all flags are enabled; if you want to disable some of these flags, add a False value end of the flags. Here is an example:

name: Waka Readme

on:
  schedule:
    # Runs at 12am IST
    - cron: '30 18 * * *'

jobs:
  update-readme:
    name: Update Readme with Metrics
    runs-on: ubuntu-latest
    steps:
      - uses: anmol098/waka-readme-stats@master
        with:
          WAKATIME_API_KEY: ${{ secrets.WAKATIME_API_KEY }}
          GH_TOKEN: ${{ secrets.GH_TOKEN }}
          SHOW_PROJECTS: "False"
          SHOW_COMMIT: "False"
          SHOW_PROFILE_VIEWS: "False"
          SHOW_LINES_OF_CODE: "False"
          SHOW_DAYS_OF_WEEK: "False"
          SHOW_SHORT_INFO: "False"
          SHOW_LOC_CHART: "False"
          SHOW_LANGUAGE_PER_REPO: "False"

To learn more about waka time readme stats by Anmol Pratap Singh.

📌 GitHub Stats

GitHub Readme Stats is a tool that allows you to generate GitHub stats for your contributions and repositories and attach them to your README. GitHub profile is really just a place to showcase your repositories and highlight your activity/contributions. To show your dynamically generated GitHub stats on your readme, follow those steps:

• Copy-paste this into your markdown content, and that's it. Simple! Change the ?username= value to your GitHub's username.
• Here, we are showing GitHub Statistics and Most used languages side by side.

<!-- GitHub stats -->
<b>⚡ My Dev Statistics</b>

<p>
<!-- GitHub Stats -->
<img height="180em" src="https://github-readme-stats.vercel.app/api?username=kmhmubin&show_icons=true&hide_border=true" />

<!-- Most Used Languages -->
<img height="180em" src="https://github-readme-stats.vercel.app/api/top-langs/?username=kmhmubin&exclude_repo=KNN-Image-Classification&show_icons=true&hide_border=true&layout=compact&langs_count=8"/>
</p>

Fig: Showing GitHub Stats

You can change the theme and color style however you want. To change color or theme, then check out this repo.

📌 My follower section

You can dynamically generate your GitHub followers. It's enjoyable to see who is following you. To show your dynamically generated follower on your readme, follow those steps:

• Create a new folder name src inside your repository.
• Create a new file named getTopFollowers.py with the following contents inside the src folder:

"""
   Copyright 2020 Yufan You <https://github.com/ouuan>

   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
   You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and limitations under the License.
"""

import requests
import sys
import re

if __name__ == "__main__":
    assert(len(sys.argv) == 4)
    handle = sys.argv[1]
    token = sys.argv[2]
    readmePath = sys.argv[3]

    headers = {
        "Accept": "application/vnd.github.v3+json",
        "Authorization": f"token {token}"
    }

    followers = []

    for i in range(1, 100000):
        page = requests.get(f"https://api.github.com/users/{handle}/followers?page={i}&per_page=100", headers = headers).json()
        if len(page) == 0:
            break
        for follower in page:
            info = requests.get(follower["url"], headers = headers).json()
            if info["following"] > 5000 and info["public_repos"] < 50:
                print(f"Ignored: https://github.com/{info['login']} with {info['followers']} followers and {info['following']} following")
                continue
            followers.append((info["followers"], info["login"], info["id"], info["name"] if info["name"] else info["login"]))
            print(followers[-1])

    followers.sort(reverse = True)

    html = "<table>\n"

    for i in range(min(len(followers), 14)):
        login = followers[i][1]
        id = followers[i][2]
        name = followers[i][3]
        if i % 7 == 0:
            if i != 0:
                html += "  </tr>\n"
            html += "  <tr>\n"
        html += f'''    <td align="center">
      <a href="https://github.com/{login}">
        <img src="https://avatars2.githubusercontent.com/u/{id}" width="100px;" alt="{login}"/>
      </a>
      <br />
      <a href="https://github.com/{login}">{name}</a>
    </td>
'''

    html += "  </tr>\n</table>"

    with open(readmePath, "r") as readme:
        content = readme.read()

    newContent = re.sub(r"(?<=<!\-\-START_SECTION:top\-followers\-\->)[\s\S]*(?=<!\-\-END_SECTION:top\-followers\-\->)", f"\n{html}\n", content)

    with open(readmePath, "w") as readme:
        readme.write(newContent)

• Go back to your README.md file.
• Add the following section to your README.md file; you can give whatever title you want. Just make sure that you use <!--START_SECTION:top-followers—> <!--END_SECTION:top-followers—> in your readme. The workflow will replace this comment with the actual blog post list:

# My followers
<!--START_SECTION:top-followers--> 
<!--END_SECTION:top-followers-->

• Go back to the **.github** folder.
• Create a new file named topFollowers.yml with the following contents inside the workflows folder:

name: Get Top Followers

on:
  push:
    branches:
      - master
  schedule:
    - cron: '0 20 * * *'

jobs:
  top-followers:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - name: Setup python
        uses: actions/setup-python@v2
        with:
          python-version: 3.8
      - name: Install requests
        run: pip install requests
      - name: Update README
        run: python src/getTopFollowers.py ${{ github.repository_owner }} ${{ secrets.GITHUB_TOKEN }} README.md
      - name: Commit changes
        run: |
          git config --local user.email "action@github.com"
          git config --local user.name "GitHub Action"
          git add -A
          git diff-index --quiet HEAD || git commit -m "Update top followers"
      - name: Pull changes
        run: git pull -r
      - name: Push changes
        uses: ad-m/github-push-action@master
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}

• Commit and wait for it to run automatically, or you can also trigger it manually to see the result instantly.

Fig: Top Follower Preview

This Python Scripts originally developed by Yufan You, so check him out.

Congratulation! 🎉🎊 You have successfully created your GitHub Profile README.

Conclusion 💯

From awesome photography to cool GIFs to Spotify “Now Playing” badges… pretty much anything goes. It doesn’t have to be crazy or complicated. Some of the coolest profiles are quite simple.

These are just some of the creative ideas I’ve seen… the world is your oyster. Take advantage of the profile to show off your personality. Make it concise, be creative, and original, but most importantly, make it your own.

Resources 📚

• A basic guide to Markdown: Markdown cheatsheet
• Icons to make your README extraordinary: Iconscout.
• Emojis to make your README fun: Emojis guide
• Gifs to make your README lively: GIPHY
• Easy and customizable badges: Shields.io
• Resources for dynamic profile: Github Actions
• Some cool profile READMEs: Awesome READMEs

Check out my profile README if you’re interested and follow me on GitHub.

🚩👉 If it was useful to you, please Like/Share to reach others as well. Please hit the Subscribe button at the top of the page to get an email notification on my latest posts.

I talk about web development and UI design on Twitter @kmhmubin, come to talk with me there!

However, Choosing a programming language is challenging when you’re getting started. Whenever you search about it, they lead to new recommend blogs, articles, or youtube videos, which could be very confusing. It's not only you; almost everyone faces this common problem. Even I was confused when I started my computer engineering degree.

Table of content

• No More Confusion

• Choose A Development Field

• Choose A Programming Language

• Work On Projects

• What’s Next

Don’t worry. This article will help you to pick the best language for what you want to learn and become. To learn without any stress, follow the steps below.

No More Confusion😕

Every time you search on google or watch videos, you would be like, WTF??!! So, in short, just to let you know,

Python is king!😎

Java is down!😪

C++ is hard!🤐

Javascript is boss!😎

PHP is no more! 😰

All these languages make you confused?!! Forget what you have read before about this and make your mind and head clear now.

Choose A Development Field ⛏️

Make your mind about which field you want to work with to be less confused. There are many fields such as,

• Web Development
• Mobile App Development
• Desktop App Development
• Machine Learning
• Security (Software / Network)

And many more. Just Pick one of them. Let me explain a little bit to understand those fields.

💠 Web Development

Web development is the building and maintenance of websites; it’s the work that happens behind the scenes to make a website look great, work fast, and perform well with a seamless user experience.

💠 Mobile App Development

Mobile app development is creating software intended to run on mobile devices and optimized to take advantage of those products' unique features and hardware.

💠 Desktop App Development

Desktop Applications are run stand alone on the user’s laptops and systems. The term used for these applications desktop differs from mobile applications, which are in the trend. The key features of desktop applications are the high efficiency of the application, and these are highly customized as per user requirements and flexibility.

💠 Machine Learning

Machine learning is an application of artificial intelligence (AI) that provides systems the ability to learn and improve from experience without being explicitly programmed automatically. Machine learning focuses on developing computer programs that can access data and use them to learn for themselves.

💠 Software Security

Software security is an idea implemented to protect software against malicious attacks and other hacker risks so that the software continues to function correctly under such potential risks. Security is necessary to provide integrity, authentication, and availability.

💠 Network Security

Network security is a broad term that covers a multitude of technologies, devices, and processes. In its simplest term, it is a set of rules and configurations designed to protect the integrity, confidentiality, and accessibility of computer networks and data using both software and hardware technologies.

Choose A Programming Language🛠️

Choose a language based on the platform. Why, if you ask? It will help you to learn faster, and you can become more productive. Now the main problem, There’s a lot of programming languages. Wikipedia has a list of over 700 programming languages.

Wait. WHAT!! 😲

Are you kidding me? How can I choose a programming language over 700 languages?

Hold your horse, man. Don’t worry.

Before that, Check out this gem.

I will give you a better explanation. Don’t get confused after seeing the list. We don’t need to know about it anyway. I will provide a good summary of programming language that can use for personal work or company work.

🔷 Java

Popularity: Very high

Ease of Learning: Moderate to Difficult

Use Cases: General Use and Specialty

• Web applications
• Mobile
• Embedded systems

🔷 C

Popularity: Medium

Ease of Learning: Moderate

Use Cases: General Use and Specialty

• Embedded systems
• Hardware drivers
• Local Applications

🔷 Python

Popularity: Very High

Ease of Learning: Easy to Moderate

Use Cases: General Use and Specialty

• Web Applications
• Artificial Intelligence
• Machine Learning

🔷 C++

Popularity: High

Ease of Learning: Difficult

Use Cases: General Use, Specialty

• Local Applications
• Web Services
• Proprietary Services

🔷 C#(Sharp)

Popularity: High

Ease of Learning: Moderate

Use Cases: General Use

• Web Applications
• Local Applications
• Services/Microservices

🔷 HTML

Popularity: High

Ease of Learning: Easy

Use Cases: Web Sites and Application

• Web Development

🔷 Java Script

Popularity: Very High

Ease of Learning: Moderate

Use Cases: General Use

• Local Applications
• Web Applications

🔷 PHP

Popularity: High

Ease of Learning: Easy

Use Cases: General Use

• Web Applications

🔷 SQL

Popularity: Very High

Ease of Learning: Easy to Moderate

Use Cases: Specialty

• Database Queries

🔷 Objective-C

Popularity: High

Ease of Learning: Difficult

Use Cases: Mobile Applications

• Apple iOS devices: iPhone, iPad

🔷 Ruby

Popularity: High

Ease of Learning: Easy to Moderate

Use Cases: General

• Web Applications
• Scripting

🔷 Swift

Popularity: Medium

Ease of Learning: Moderate to Difficult

Use Cases: Apple Mobile and Desktop applications

• MacBook
• iPhone
• iPad

🔷 GO

Popularity: Low

Ease of Learning: Moderate

Use Cases: General

• Web Applications
• Local Applications

🔷 Perl

Popularity: High

Ease of Learning: Easy to Moderate

Use Cases: General

• Local Applications

• Web Applications

🔷 Dart

Popularity: Niche

Ease of Learning: Moderate

Use Cases: General

• Web Applications
• Mobile Applications

🔷 Kotlin

Popularity: Medium

Ease of Learning: Moderate

Use Cases: Mobile Development

• Android Applications

🔷 Visual Basic .NET

Popularity: Low

Ease of Learning: Moderate

Use Cases: General Use

• Web Applications
• Local Applications

Image Credit: Carlcheo.com

Choose only one. Start from the very basic and practice every day for at least 2 hours. And try to solve problems.

Work On Projects🗄️

After choosing a project or where you want to work, choose a language. And after that, Start working on small projects. Like building a simple calculator. Little by little, go from small to big projects. Projects will help you to understand what is lacking. Challenge yourself to create new things.

Best things to do, Build 30 things in 30 days of the challenge.

#build30thingschallenge #mubinsodyssey on Twitter with us.

Here some project Ideas, if you don’t have for yourself. I would say work on the common and small projects first, then go for your ones. It will be more productive and efficient for you.

• Guess The Number
• Rock, Paper, Scissors Game
• Password Generator
• Dice Rolling Simulator
• Hangman Game
• Digital Cloak
• Word Counter Tool
• Percentage Calculator
• Height & Weight Converter Calculator
• Temperature Conversion tool
• Restaurant Bill Management System
• ATM Management System
• Movie Ticket Booking System
• Attendance Management System
• Tic Tac Toe Game
• Banking System
• Library Management System
• Student Report Card Generator
• Contact Management system
• Pacman Game
• Personal Diary management system
• Quiz Game
• Typing Tutor

And many more. Just google small projects.

What’s Next ⏭

After that, chose one of the below options that suit best for you.

• Apply for a job; which will help you to get real-world experiences in the programming world
• Freelancing; which will introduce you to other programmers where you can enrich your programming knowledge
• Startup; It will develop your own idea.

Here some best websites you can search for your desired jobs.

• Github
• Stack overflow
• JSRemotely
• Authentic Jobs
• Indeed
• Jobbatical
• We work remotely
• Bigcloud
• Remote Ok
• AndroidJobs
• Landing Jobs
• Ai-jobs
• Toptal
• Upwork
• Guru
• Freelancer
• Fiverr

🚩👉 If it was useful to you, please Like/Share to reach others as well. Please hit the Subscribe button at the top of the page to get an email notification on my latest posts.

I talk about web development and UI design on Twitter @kmhmubin, come to talk with me there!

The cover image is an improvisation on top of the work from Freepik.

Every successful website SEO professional and webmaster has this mighty tool at his/her disposal. This tool is called Google Search Console. Search Console accounts are the main and the official way in which Google communicates with individual sire owners. Google can send webmasters information about site issues, performances, or errors.

In this article, we will look at Google Search Console from the absolute beginner's perspective. Why you need it, how to get it, and how to install it on your website.

Table of Content

• What is Google Search Console

• Why should you use Google Search Console

• Set up an account

• Add Sitemap
  

What is Google Search Console? 🤔

Google Search Console is a collection of tools and resources to help website owners, webmasters, web marketers, and SEO professionals monitor website performance in the Google Search Index. It's a free platform for anyone with a website to monitor how Google views their site and optimize its organic presence. That includes viewing your referring domains, mobile site performance, rich search results, and highest-traffic queries and pages.

Google Search Console was formerly known as Google Webmaster Central and then Google Webmaster Tools until taking the current name in 2015.

Why should you use Google Search Console?🤷

Google Search Console has been created to track the performance of your website easily. You can get valuable insights from your website, which means you can see what part of your website needs work. This can be a technical part of your website, such as an increasing number of crawl errors that need to be fixed. This can also be giving a specific keyword more attention because the rankings or impressions are decreasing. You need to be continually improving your content, refining your site settings, and minimizing your errors. It lets you do things like submit and monitor your XML sitemaps, ask Google to re-evaluate your errors, or see how Google sees particular pages and URLs on your site.

Set up an account 👨‍🔧

🔴 First things first. If you haven’t already signed up for Google Search Console, it’s time to do so.

🔴 Sign in to your Google Account. The thing to remember, use your business account if it's a business website.

🔴 Go to Google Search Console Official Website.

Fig: Official Website

🔴 Click on the "Add a property" button.

Fig: Add a property

It will give you two options to add your property. Those are:

• Domain: This option allows you to add a domain name without www or subdomains. This option tracks everything connected to that domain.
• URL Prefix: This option allows you to add the right URL with https if you have an https website and with or without www.

🔴 Here we are going to choose the second option, which is URL prefix. Add you're right URL on the form and hit the continue button.

Fig: Adding Website URL

The next step is verifying your website on the search console because it gives you access to confidential information about site performance.

There are a couple of verification methods, but you need to verify at least one option. Let's take a look at all the verification options.

• HTML file upload: Upload a verification HTML file to a specific location of your website.
• HTML tag: Add a tag to the section of a specific page’s HTML code.
• Google Analytics tracking code: Copy the GA tracking code you use on your site. You need “edit” permission in GA for this option.
• Google Tag Manager container snippet code: Copy the GTM container snippet code associated with your site. You need View, Edit, and Manage container-level permissions in GTM for this option.
• Domain name provider: Sign in to your domain registrar (like GoDaddy, Enom, or networksolutions.com), verify your site directly from GSC, or add a DNS TXT or CNAME record.

🔴 From all the above options, we are going to choose the HTML tag options.

Fig: Selecting HTML tag option

🔴 This option gives you unique HTML tags and copies the tags.

Don't share these tags with anyone. Also, make a backup of the tags for futures needs.

Fig: Coping the HTML tag

Here's an example of HTML tag:

<meta name="google-site-verification" content="pLSTUJW7BTtJJN2G654sdleSdslpd8pg8b8QFM48" />

🔴 Go to your Blog's Dashboard. There is two way to go to your dashboard. Those are:

💠 From Your website homepage

Fig: From your homepage

💠 From Hashnode

Fig: From Hashnode

🔴 Choose one option you like. From Navigate to the "Integration" tab and paste the HTML Tag inside the "Meta tags" field.

Fig: Adding HTML tags on your blog

🔴 Click on the "Update" button. This will clear the cache of your blog's homepage and insert the HTML tag provided by Google inside the <head> tag of your blog.

🔴 Go back to Google Search Console and click on the "Verify" button. If you have followed the above steps correctly, Google should find the meta tag and verify the domain.

Fig: Ownership verified

Add Sitemap 🗺️

Adding a sitemap to the Google Search console means you tell Google about the links present on your blog. It will help your site to Crawl. There are four situations on a site map that will improve your site's crawl ability:

• The more pages you have, the easier it is for Googlebot to miss any changes or additions.
• It has lots of “isolated” pages. Any page that has few inbound links from other pages is harder for a web crawler to discover.
• It’s new. Newer sites have few backlinks (links from other sites), making them less discoverable.
• It uses rich media content and/or shows up on Google News. In these cases, your sitemap makes it easier for Google to format and display your site in search.

🔴 Go to the Sitemap section present on the sidebar on Google Search Console.

Fig: Adding Sitemap

Every blog on Hashnode has a sitemap, and it's available at /sitemap.xml. For example:

https://yourblogname.hashnode.com/sitemap.xml
or
https://yourblogname.com/sitemap.xml

🔴 On successful submission, you should see the following screen.

Fig: Sitemap Submitted successfully

That's it! Google is now aware of your blog. It'll crawl your sitemap periodically and index your blog posts, even the future ones, automatically.

Congratulation! 🎉🎊 You have successfully set up the Google Search Console on your Hashnode blog.

✨✨Bonus tips, Linking your blog from your social media profiles is another great way to tell Google about your blog.

Facing Problem or other info 😲

If you face any problem or want to ask questions or suggestions, you can join the Hashnode Exclusive Discord server and chat with them.

🚩👉 If it was useful to you, please Like/Share to reach others as well. Please hit the Subscribe button at the top of the page to get an email notification on my latest posts.

I talk about web development and UI design on Twitter @kmhmubin, come to talk with me there!

The cover image is an improvisation on top of the work from Canva.

What is Google Analytics? 🤦‍♂️

Google Analytics is a free web analytics tool offered by Google to help you analyze your website traffic.

Google Analytics allows you to track and understand your customer’s behavior, user experience, online content, device functionality, and more. Google Analytics allows you the information needed to help you shape your business's success strategy, discovering things you probably never knew about visitors to your site. That's why over 50 million websites around the world use Google Analytics.

Why you need Google Analytics? 🤷

If you have a website, you should be using Google Analytics. There are no exceptions here – it’s a useful and important tool for every website owner.

Here are just a few of the many questions about your website that you can answer using Google Analytics.

• How many people visit my website?
• Where do my visitors from?
• What websites send traffic to my website?
• Which pages on my website are the most popular?
• What marketing tactics drive the most traffics to my website?

There are many additional questions that Google Analytics can answer, but those are the most important for any website owners.

How does Google Analytics Work? 🤔

Google Analytics puts several lines of tracking code into the code of your website. The code records your users' various activities when they visit your website, along with the attributes of those users. Then it sends all the information on the Google Analytics server once the user exits your website.

Google Analytics collected data from your website in multiple ways, mainly by four levels:

User Level: related actions by each user

Session Level: each visit

Pageview Level: each page visit

Event Level: button clicks, video views, subscription, etc

How to install Google Analytics ⚙️

At first, you need a Google account for other services like Gmail, Google Drive, etc. If you don't have one, then you will need to create a new one.

⛔Don't let anyone like your web designer, web developer, web host, or SEO person create your website's Google Analytics account under their own Google account so that they can "manage" it for you. If you do, they part ways, they will take your Google Analytics data with them, and you will have to start all over.

Set up your account

Once you have a google account, you can go to Google Analytics and click the Sign into Google Analytics button. You will be greeted with the Google Analytics home page.

Fig: Homepage of Google Analytics

After you click the Sign-Up button, you will fill out information for your website. We're going to assume you have one website and only need one view.

In the account setup section, you will find an option to give your account name. You can give your website name.

Fig: Add account name

Beneath this, you will have the option to configure where your Google Analytics data can be shared.

Property setup

Here you need to add a property name. The property represents a business's data. In the reporting section, select your time zone and currency based on the country.

Fig: Add property details

Below, you can find an option named "Show advance options" and pressed it.

Fig: Create a universal analytics property

It will give a new option to create a universal analytics property. Here, you need to add your website URL and select the second option named "Create a Universal Analytics property only." This option will give you only Universal Analytic ID's.

Add Business Information

In this section, you need to tell select the industry category for your website. For example, if your website shares information about jobs or education, select Jobs & Education. Tell me about your business size and what kind of information you are seeking.

Fig: Add Business Information

After adding all the information the hit the create button, and it will pop-up the term and agreement page, select term and condition based on your country, and hit the next button.

Fig: Term and condition option

You are almost done with creating Google Analytics Account. After creating an account, it will redirect you to the Tracking Code page. If it doesn't redirect automatically, click the left setting button and then select the Tracking Info option. Here you will find your Google Analytics Tracking ID.

🚫 Never share your tracking ID with anyone.

Fig: Copy Tracking ID

Your universal tracking ID starts with UA. Here is an example Tracking ID.

Tracking ID:
UA-54546992-1

Copy Your tracking ID and Go to your Blog website.

Installing your tracking code 💾

Once you are finished, you need to install it on every page of your website. Here, go to your hashnode blog, then select the Dashboard. On the dashboard, you will see an option name INTEGRATION; select this option. You will find a page like this below.

Fig: Adding Google Analytics Tracking ID

You will see a dedicated option to enter your tracking ID. Simple paste your tracking ID and save the change. It will automatically add this tracking ID to all webpages. Also, it will start tracking your information.

Congratulation! 🎉🎊 You have successfully set up Google Analytics on your blog.

Facing Problem or other info 😲

If you face any problem or want to ask questions or suggestions, you can join the Hashnode Exclusive Discord server and chat with them.

🚩👉 If it was useful to you, please Like/Share to reach others as well. Please hit the Subscribe button at the top of the page to get an email notification on my latest posts.

I talk about web development and UI design on Twitter @kmhmubin, come to talk with me there!

The cover image is an improvisation on top of the work from Canva.

But don't know how to set up a blog. Every time you search on the web, you are overwhelmed by so much info and everyone telling you to do different things. Who do you listen to? Where's the starting point? It's too confusing!

Well, hold up. I'm going to tell you the easiest way to set up a dev blog on your own fully free. I promise it'll be simple, relatively easy, and definitely easy to understand.

Awesome, let's move on.

Table of content 📇

• Create An Account

• Setup your profile

• Give a name to your blog

• Enter Domain name

• Map your personal domain

  • Namecheap

  • Godaddy

• You are all set

Create An Account 📝

To get started, go to Hashnode and click on the start your personal blog for free blue button to sign up.

Fig: Official Website of Hashnode

It will pop up a new window, which tells you to enter an email address to create a new blog. You can choose any email address you want or open an account using a social media account. If you chose to enter the email address instead, you'd receive a secure link in your inbox. Click on it to sign up.

Fig: sign up/in with an account

Here, I'm using my google account to sign up because I'm lazy😅. You can choose your desire email account.

Fig: choose your desire email address

Setup your profile ⚙️

After you choose the email, it will give you an option to set up your profile.

Fig: Setup your profile

Complete the form by uploading a photo, adding a unique user name and a tagline, and then hitting the next button.

Give a name to your blog 🤔

Give a proper name to your blog. You can name it whatever you wanted to and then hit next. Remember, this is your first step toward creating personal branding.

Fig: Give a name to your blog.

Enter a domain name 🌍

Here, Hashnode offers you two options. Those are:

• Hashnode's free subdomain
• Personal domain

💠 Hashnode's Free subdomain

Hashnode offers you a free subdomain, which can be used as your personal domain. If you don't have enough money to buy a new domain or don't own a domain name, this option is for you. Even you can choose the name for your subdomain if you want to. Pretty cool, right!🤩

Here an Example:

Sub-domain Example:

=> coolcats.hashnode.dev

Fig: hashnode's sub-domain

💠 Personal Domain

You can add your personal domain name. Enter your domain name without HTTP/HTTPS, and it will map your domain to Hashnode's blogging platform.

Here is an example:

Personal Domain Name:

=> mubinsodyssey.com

Fig: Adding a personal domain

Map your personal domain 🗺️

Adding your personal domain requires a few works. You need to add a CNAME record to your domain.

Fig: Add CNAME Record message

Hashnode Show you a message like this.

Add a CNAME record where the hostname is @ and the corresponding value is hashnode.network, or you can add an A record at the root whose value is 192.241.200.144

There are many ways to add a CNAME record to your domain, but here I'm showing the two most popular domain register site options. Those are:

• Namecheap.com
• Godaddy.com

Namecheap

If you buy your domain from namecheap.com, then follow those steps.

🔴 Sign in to your Namecheap account

🔴 Select Domain List from the left side menu and (3) click the Manage button next to your domain:

Fig: select domain list

🔴 Navigate to the Advanced DNS tab and (5) click the Add New Record button.

Fig: add new record

🔴 Select CNAME Record from the drop-down menu for Type, put your desired host **@** for Host and enter the record itself hashnode.network into Value. The default TTL value should be fine.

Fig: Adding CNAME Record

🔊 Follow this value table.

Type	Host	Value
CNAME Record	@	hashnode.network

🔴 Once you've done this, wait for 30 minutes for the host records to be accepted.

Hashnode automatically provisions an SSL certificate for you when you visit your blog for the first time.

GoDaddy

If you buy a domain from godaddy.com, then the above option will not work. Cause GoDaddy doesn't let you set a hostname of "@" for CNAME records, so this method doesn't work. Instead, we have to use an alternative option. So follow these steps.

🔴 Sign in to your GoDaddy account

🔴 Select manage your domain.

Fig: Select Manage DNS

🔴 Here you should see a list of DNS records. If there any A record exists, then remove it. Now click the Add button below.

Fig: Click ADD button

🔴 Select A from the drop-down menu for Type, put your desired host @ for Host and enter the record itself 192.241.200.144 into Value. The default TTL value should be fine.

Fig: Adding A value

🔊 Follow this value table.

Type	Host	Value
A	@	192.241.200.144

🔴 Once you've done this, wait for 30 minutes for the host records to be accepted.

Hashnode automatically provisions an SSL certificate for you when you visit your blog for the first time.

You are all set 🙆‍♂️

You're all set to start blogging on your personal domain that's powered by Hashnode's blogging platform.

Fig: you're all set

Follow technologies you care about 🏃

You can follow the technologies you care about. It will personalize and show blog posts based on your following.

Fig: Follow technologies you care about

Welcome To Hashnode 🎉

Welcome to hashnode. Now are a proud member of the Hashnode community. Time to share your story.

Fig: welcome to hashnode

Here are some of my favorite bloggers on Hashnode whom you can follow:

• Catalin Pit
• Victoria Lo
• James Q Quick
• Jatin Rao
• Luiz Filipe da Silva
• Edidiong Asikpo
• Ayushi Rawat
• Miguel Brito

Facing Problem or other info 😲

If you face any problem or want to ask questions or suggestions, you can join the Hashnode Exclusive Discord server and chat with them.

🚩👉 If it was useful to you, please Like/Share to reach others as well. Please hit the Subscribe button at the top of the page to get an email notification on my latest posts.

I talk about web development and UI design on Twitter @kmhmubin, come to talk with me there!

The cover image is an improvisation on top of the work from Canva.

Hashnode gaining popularity because of its unique features and easy to use. It has lots of built-in features that every technical blogger needs. Let's find out what makes hashnode different.

Free

Traditional blog websites require a custom domain and hosting. And it's not cheap. Setting up those and make it fully functional requires a lot of time and technical knowledge. As a beginner, you might not own a custom domain or any of those skills which require setup. To solve this problem, Hashnode offers you a unique subdomain, which allows you to publish your content totally free.

Custom Domain

Haahnode offers you to add your custom domain to your existing blog. You can set up a custom domain with a CNAME record.

Customization

You can personalize and customize your blog as you need. You can make your blog look different by adding custom CSS. Not only custom CSS, but you can also add third-party widgets.

Community

Hashnode has an amazing community. You can meet new people every day. You can get help from others or sharing your thought with others. Hashnode also offers you an exclusive Discord Channel, where you can directly talk with the founding members of Hashnode.

Learn from others

On Hashnode, you can follow other developers. You can read their content and follow them so that your favorite writer publishes a post you get notified immodestly.

Draft Sharing

I personally like this feature. If you are new to writing, you always feel that is it enough or lack something or fully explain what I wanted to. To answer all of those content, you can share your draft with others. They can read your draft and give you a lot of feedback.

Other features

Some of the other features are

• Get automated backups of your articles on your private GitHub repo
• Use GitHub as a source for your articles
• Automatic HTTPS
• Fast CDN
• Built-in newsletter service

The good thing is that you can always request new features, which are implemented depending on usefulness.

Conclusion

If you want to start publishing your own articles without worries and want an amazing community, Hashnode is for you.

In the next lesson, we’ll learn how to set up Hashnode for you.

🚩👉 If it was useful to you, please Like/Share to reach others as well. Please hit the Subscribe button at the top of the page to get an email notification on my latest posts.

I talk about web development and UI design on Twitter @kmhmubin, come to talk with me there!

The cover image is an improvisation on top of the work from freepik.

But Python, like other programming languages, has several shortcomings. Programmers need to know some of Python programming language's major limitations, which can be overtaken by other programming languages. Let's find out.

Why Python popular 😍

According to StackOverflow 2020 survey, python is one of the most wanted languages. Around 30% of developers want to develop something by using it. Also, 66.7% of developers love the Python programming language. Python’s success is reflected in the Stack Overflow trends, which measure tags in posts on the platform.

Here is another survey result from TIOBE Index for python.

As a programming language, the features of Python brought to the table are many. Some of the most significant features of Python that makes it so trendy:

• Easy to learn
• Readability
• Memory Management
• Object-Oriented
• Exception Handling

Limitation of Python ⚠️

Python has varied advantageous features, and programmers prefer this language to other programming languages because it is easy to learn and code. But like every technology, Python has its weaknesses. I will go through the most important flaws, one by one, and assess whether these are fatal or not.

⭕ Speed

Python is slow. It takes a longer time to execute a task compared to other languages like C, C++. Python executes with an interpreter's help instead of a compiler, which causes it to slow down because compilation and execution help it work normally.

⭕ Run-time Errors

The Python language is dynamically typed, so it has many design restrictions that are reported by some Python developers. It is even seen that it requires more testing time, and the errors show up when the applications are finally run.

⭕ Mobile Development

Python wasn't made with mobile in mind. Developers cannot use python directly for developing mobile apps by targeting any popular mobile platforms. They have to use frameworks like Kivy to build cross-platform mobile apps using Python.

⭕ Lack of Modules support

A large and active community supports Python. The Python community members regularly share new packages or modules to make it easier for programmers to add functionality to the application. But developers often complain that the quality of individual Python modules or packages differs. Some of these packages lack adequate support and are not updated regularly.

⭕ Depends on Third-Party Frameworks and Libraries

Python lacks several features provided by other modern programming languages. So the programmers have to use some third-party frameworks and tools to build web applications and mobile apps in Python.

Overtaken by other languages 🔄

There are a few competitors on the marker of programming languages:

💠 R

R possesses an extensive catalog of statistical and graphical methods. It includes machine learning algorithms, linear regression, time series, statistical inference, to name a few. It is one of the most popular languages used by statisticians, data analysts, researchers, and marketers to retrieve, clean, analyze, visualize, and present data.

💠 Rust

Rust is a modern programming language focused on memory safety and performance. There is no virtual machine, garbage collection, or other fluff, which you will find in higher-level languages. Rust primarily aims to solve a lot of the issues which C/C++ programmers face frequently.

💠 Go

Go language is an effort to combine the ease of programming of an interpreted, dynamically typed language with the efficiency and safety of a statically typed, compiled language. It also aims to be modern, with support for networked and multicore computing.

💠 Julia

Julia is a high-level, high-performance, dynamic programming language. While it is a general-purpose language and can be used to write any application, many of its features are well-suited for numerical analysis and computational science. Julia aims to create an unprecedented combination of ease-of-use, power, and efficiency in a single language.

Conclusion 👌

Given the ubiquitous popularity of Python at the moment, it will surely take half a decade, maybe even a whole, for any of these new languages to replace it.

🚩👉 If it was useful to you, please Like/Share to reach others as well. Please hit the Subscribe button at the top of the page to get an email notification on my latest posts.

I talk about web development and UI design on Twitter @kmhmubin, come to talk with me there!

The cover image is an improvisation on top of the work from Unsplash 💖

To communicate with the computer, we use programming language. Just like every other language, programmer language has its own grammar. In real-life conversation, grammar doesn't matter too much, but it does because the computer follows every grammar rule.😥

Objective

As a child I always admire computer. I always think about how a computer works or how I can make a game. I asked so many people how can I make this or that. The simple answer is they did not have any concept of programming language. It takes me a long time how those programs or games are made. To pursue my dream, I am studying Computer Science and Engineering. Truth be told, It's quite a hard subject.

Difficult to understand the concept

I have been learning programming languages for a few months on my own before pursuing my undergrad. It's tough to understand the concept without anybody's help. But It was properly introduced to me during my first semester as a computer science student. It was C language. It taught in general because of its popularity and versatility.

Ups & Downs

During my learning the C programming language, I faces so many difficulties. Sometimes it feels like an alien language. Some concept goes over my head. It was a tough time to cope with others. I feel depressed and miserable. One of the main reasons was that I'm a slow learner. It takes me some time to understand the concept like an array, functions, pointer, and many more.

“There is always light in the midst of the Darkness, even if it’s only a pinpoint in the distance. And when it seems as if there isn’t, it’s just an illusion. Just a lie that the Darkness wants you to believe. Breakthrough the illusion. Remember that you’re growing through it and towards the light. You are always growing towards the light.” ― Millie Florence, Lydia Green Of Mulberry Glen.

I found a way to solve my problem. I can't find any cure for my slow learning ability, though I found a way to understand those programming concepts independently. It totally changes my life as a computer science student. You might be thinking that how I solve my problem. Don't worry. I'm going to share my secret on how I solve any problem.

• To solve any problem, first find out the root.
• Ask yourself why it is happening
• Write down all the causes
• Write down all the alternative options
• Try to experiment with other options
• One of the option will work; if not, try again

What about the programming concept. How can I easily understand those concepts without having a hard time? For me, The problem was how it was taught. Those concepts, though, in the English language. For me, I was quite hard to understand at that time. So I find out a generous solution. If English is not your primary language, then this technique helps you to understand any programming language.

• First, I make a note of all of those concepts taught in class.
• Then, I convert all of those things into my native language.
• Try to make as much as visualization steps as I can. Like what will be the next step.

Those three steps really solve my major problem. It totally changes the way of thinking and also helps to solve any problem.

Here is a picture from my own note on For loop concepts.

For Loop Concept

Motivation

The learning journey requires lots of concentration and motivation. If you lost focus, that's means you easily lost motivation. It requires a lot of time to learn the programming language. Because every single concept is linked, you can not move forward to learn other concepts if you don't understand a concept. It can make you frustrated, and angry too. Ultimate, you start avoiding the coding stuff. If you lost, try again from the start. Don't worry if it takes a lot of time. You don't need talent; work hard as much as you can.

Hard work beats talent if talent doesn’t work hard. — Tim Notke, basketball coach

Conclusion

In conclusion, Learning a programming language requires lots of dedication. It doesn't matter how you start; it is a matter that you enjoy learning. If you enjoy it, you can become a better developer.

If it was useful to you, please Like/Share to reach others as well. Please hit the Subscribe button at the top of the page to get an email notification on my latest posts.

I talk about web development and UI design on Twitter @kmhmubin, come to talk with me there!

An internship enables you to gain first-hand exposure to working in the real world. It also allows students to utilize the skill, knowledge, and theoretical practice they learned in university. You can gain an endless amount of education in your life. However, that knowledge doesn't always translate to working life. The experience we go through is what makes us.

As a tech student, we always try our best to get hired by the best tech companies. Google is one of the best tech companies in the world right now. Not only that, but Google also offers various internships such as Engineering & Technical internships, UX, Project Management, and many more for students. And Google interns get paid more than most full-time employees across the country. According to Glassdoor, the average Google intern makes $5,678 per month or $68,136 per year.

Eligibility

Google offers different types of internships, which are outlined below, along with minimum requirements:

Engineering and Technology Internships

• Associate Product Manager: Currently pursuing a bachelor’s, master's, or Ph.D. degree in computer science or related field.
• Engineering Practicum: Currently, a first - or second-year undergraduate student pursues a bachelor’s degree in computer science or related technical field at a 4-year.
• Hardware Engineering: Currently pursuing a full-time bachelor’s, master's, or Ph.D. degree in electrical engineering, mechanical engineering, or related field.
• Mechanical Engineering: Currently pursuing a full-time bachelor’s, master’s, or Ph.D. degree in mechanical engineering or related technical field.
• Software Engineering: Currently pursuing a Ph.D. in computer science or related technical field.
• STEP (Summer Trainee Engineering Program): Currently pursuing a bachelor’s degree in computer science or related field.
• User Experience: Currently pursuing a full-time BA/BS degree in graphic design, human-computer interaction, computer science, or related field

How to Apply

Once you've found the perfect internship, the next step you need to take is to send your application. There are four main ways to do this:

Online

Applying online on the Google internship portal. You will need your resume and transcript in PDF format. You can also add an optional cover letter.

Referrals

Ask someone in Google to refer you. You can find them on LinkedIn who work at Google. This will only get you past the resume screening process. After that, the procedure is the same for everyone.

Mailing Google HR

Find a previous google employee ( x-googler ) or a former inter. Ask him/her to provide you the email address of HR. Mail the HR directly, clearly stating your purpose with a well-crafted cover letter and resume.

Google Summer of Code

Google Summer of Code is a global program where students work on the project with open source organizations under mentorship. Students contact the mentor organizations they want to inter with and submit a project proposal.

Prepare for an Interview

Interviews are one of the most difficult parts of the hiring process. But as long as you come prepared, you should be alright. Here are some interview tips to keep in mind:

Research, The Company

It is essential to learn about the company you are interviewing—lookup for important information about the company - vision and mission, key personnel, and recent milestones. It would help if you also read up on the latest news about the specific department or vertical you are interviewing.

Analyze Job Description

Read the job description carefully, and make a list of the points to justify how you can achieve these specific duties.

Prepare For Tests

Do prepare for any written tests, activities, and/or presentations mentioned in the job posting. This way, there will be no surprises during the interview, and you will be mentally prepared for it.

Practice Questions

Ask a trusted friend or family member to roleplay with you and practice answering common interview questions like 'tell me about yourself,' 'describe who you are,' 'why should I hire you,' 'why do you want this job,' 'where do you see yourself in five years,' etc. Please make a list of such potential questions related to the job profile, background, company, etc. and prepare them in advance.

Communication Skills

Good communication skills can go a long way in impressing the interviewer. Listen carefully to everything the interviewer is saying. When communicating, speak calmly and clearly. Don’t be in a rush to get all the answers out. Avoid mumbling as it makes you look nervous and unsure. If you do not know the answer, be honest about it. Always maintain good body language. When you talk to an interviewer, be sure to look at them. Don’t look down or at the wall or the clock. This shows a lack of confidence.

Every interviewer may have a different style of talking and conducting an interview. Follow their lead in their way of talking and professional behavior. This will show you can listen well and adapt easily to the office environment.

In case you feel the interview isn’t going as well as you hoped, don’t be sad or demotivated?. Continue to reply honestly and enthusiastically. Remember, a positive attitude can leave a good impression on the interviewer.

Ask The Right Questions

The interviewer may ask you if you have any questions. Here, do not hesitate to bring up whatever concerns you. However, ask only relevant questions. These can be about attributes of the specific job and the department. Any random questions can be dealt with later.

Show Gratitude

No matter how your interview goes, always take a moment to thank the interviewers for their time and consideration. A positive attitude and polite behavior can go a long way in impressing people. Remember, the interview is all about you and how well you represent yourself. So be confident and well mannered.

What's Next

Once you’ve completed the interview stage of Google’s hiring process, a hiring committee will review your application, and if you are deemed fit for the role, you will get the offer. Let's try our best.

Good Luck 🍀

🚩👉 If it was useful to you, please Like/Share to reach others as well. Please hit the Subscribe button at the top of the page to get an email notification on my latest posts.

I talk about web development and UI design on Twitter @kmhmubin, come to talk with me there!

The cover image is an improvisation on top of the work from unDraw.

Last few years, Microsoft works hard. They release so many open-source projects. One of them is Power Toys. Microsoft launched the initial version of PowerToys for Windows 95 back in the 1990s. It gives power users to improve productivity and customize features. In 2019, Microsoft relaunched the newest flavor of PowerToys for Windows 10.

Power Toys are designed to enhance and improve windows 10 in precise and useful ways. Color Picker lets you pick the color from anywhere. Fancy Zones create layouts to help you better position windows for multitasking. The file Explorer Preview enables you to preview the more advanced type of files and many more.

Table of content📇

• Install PowerToys

• PowerToys UI

• PowerToys UI

• Color Picker

• Fancy Zone

• File Explorer

• Image Resizer

• Keyboard Manager

• Power Rename

• PowerToys Run

• Shortcut Guide

It's not currently available through the Microsoft Store. You can find this open-source tool at GitHub. PowerToys full name is PowerToys (preview). Despite its preview status, the new PowerToys collection is well worth a look.

Install PowerToys

To get started, go to the PowerToys Official Link on GitHub and download the latest release. You'll find it under Releases near the top right of the home page,

Or visit the Releases page directly.

Look for the latest release and click the PowerToysSetup MSI file link to download the file. Double-click the MSI file to install it, and the PowerToys icon should appear in the Windows System Tray. Click the icon, or if it doesn't appear, open the PowerToys (Preview) shortcut from the Start menu, then click the System Tray icon. The PowerToys icon on your taskbar, right-click it, and select Settings.

PowerToys UI

After opening the PowerToys, you'll see a screen like this:

The PowerToys Settings screen appears, pointing you to the General screen. Here, you can decide to run PowerToys as an administrator; it's better to use PowerToys as an administrator, required for specific tools.

Color Picker

A system-wide color picker. People who work with graphics, photography often have to identify a specific color and use it. That's why tools like photo editor have a color picker tool that lets you point your mouse cursor at the part of an image to identify what color it is.

ColorPicker is a quick and straightforward system-wide color picker with Win+Shift+C. Color Picker allows you to pick colors from any currently running application and automatically copies the HEX or RGB values to your clipboard.

Win+Shift+C

Click once, and the hex color code will be copied to your clipboard to paste it. If you prefer RGB, you can open the Color Picker screen in the PowerToys Settings window and choose to copy the RGB color code instead when you click.

Fancy Zone

FancyZones is a window manager that makes it easy to create complex window layouts and quickly position windows into those layouts.

Windows 10 lets you multitask by positioning windows into different areas on the screen, but getting the right window into a specific spot can be challenging. With FancyZones, you can set up a particular screen layout ahead of time, then pop windows into each predefined zone of that layout.

To do this, select FancyZones in the PowerToys Settings window and click Launch zones editor. At the FancyZones editor, create a layout by choosing one of the default templates—columns, rows, or grid—and modifying it. Then add or remove zones as you see fit. Alternatively, click the heading for Custom to build a layout from scratch. When done, click Apply.

Windows+`

By default, you can press Windows+` (that's a tilde, the key above the Tab key) to open the Zone Editor. Then, while dragging and dropping a window, you can press and hold the Shift key (or another mouse button, like your right mouse button) to see the zones. Drop a window in a zone, and it'll snap to that layout on your screen.

File Explorer

The Windows 10 File Explorer can preview a range of different files, including PDFs, images, audio files, video files, and Microsoft Office documents.

With the PowerToys File Explorer, add-ons will enable SVG icon rendering and Preview Pane additions for File Explorer.

Preview Pane is an existing feature in the File Explorer. To enable it, you click the View tab in the ribbon and then click Preview Pane. PowerToys will now enable two types of files to be previewed: Markdown (.md) & SVG (.svg)

Image Resizer

Sometimes a photo or other graphic is too large to share via email. You can change the size through a dedicated image editor, but the PowerToys Image Resizer tool is convenient.

PowerToys offers a quick image resizer that integrates with File Explorer.

With it enabled, please select one or more image files in File Explorer, right-click them, and select Resize Pictures.

Keyboard Manager

Keyboard Manager allows you to customize the keyboard to be more productive by remapping keys and creating your keyboard shortcuts.

Power Rename

Windows don't make it easy to rename files in bulk, especially if you want to give each file a unique identifier. With PowerRename, you can rename multiple files based on a specific pattern. Open File Explorer and select the files you want to rename.

Right-click one of the files and choose PowerRename from the pop-up menu.

PowerToys Run

Finding a specific application or file to open can be challenging, especially if the item doesn't appear in your Start menu or another convenient spot.

PowerToys Run is a new toy in PowerToys that can help you search and launch your app instantly.

Alt+Space

Press Alt+Space. Now start typing the name of the item you want, and results will begin to populate in the list. Click the result for the app or file you wish to open.

Shortcut Guide

Windows 10 offers a variety of keyboard shortcuts that you can use in combination with the Win key. We can't remember all of them. PowerToys shortcut guide solves this simple problem.

windows

Just press down on the Windows Key until the shortcut guide appears and display a list of each available shortcut.

Conclusion

PowerToys helps me to become more productive. I've been using this tool for a while. It has more than enough options, which operate in daily day tasks, especially tools like Power Run and Fancy Zone.

🚩👉 If it was useful to you, please Like/Share to reach others as well. Please hit the Subscribe button at the top of the page to get an email notification on my latest posts.

I talk about web development and UI design on Twitter @kmhmubin, come to talk with me there!

Coding helps you to collaborate with other people and solve problems effectively and productively. Even if you’ve never code before, there are several reasons why you should consider learning to code.

New Career Opportunities

Developers are in high demand. So high that the average developer in Los Angeles has an annual salary of $85,229. And Silicon Beach tech companies strike it rich, the need for local developers keeps increasing. If you’ve been thinking about the plunge and learning to code, this is definitely the right place and the right time.

Plus, if you don’t want to work as a full–time developer, you can become a freelancer developer and code part-time. Or even if you’re looking to make a little extra money for your vacation or retirement, coding can be quite lucrative. Globally, the Freelancer developer has an annual salary of $71,708. So, you can earn more but work fewer hours.

Problem Solving Skills

Coding improves both your academic performance and thinking. As Steve Jobs once said,

” I THINK EVERYBODY IN THIS COUNTRY SHOULD LEARN HOW TO PROGRAM A COMPUTER BECAUSE IT TEACHES YOU HOW TO THINK. I VIEW COMPUTER SCIENCE AS A LIBERAL ART.”– Steve Jobs

In other words, learning code won’t give you only technical knowledge. It also gives you a new way to solve the problem. It will improve your focus and problem-solving skills. Because programming requires a lot of constant attempts before you find solutions that work, you have to track tiny changes in the code. This is excellent training for a sharp brain.

Don’t know how to solve a problem. Here is some trick that helps you to solve the problem efficiently.

Become Productive

Coding can enhance your productivity. It will help you to communicate with others. Or you can learn new skills. It can help you to become confident, focus, organization, life hacks, and creative. It can help you get along with co-workers because many projects are so enormously collaborative. Those skills can also help your personal life by teaching how to get along with friends and family.

Freedom

Coding gives you the privilege to work. If you are a part-time developer, you can easily say No! This is probably the most critical benefit of those who leave the traditional 9-5 job. You can have a good time with your friends and family. Also, go too long trips and vacations. You can also spend more time on other things like hobbies, passions. You can do work remotely. Because when you work with technology, there are many more opportunities to work online or remotely. This means it doesn’t matter where you are – on vacation, at home, or Starbucks – as long as you’re doing your assignment.

Dreams into Reality

Knowing how to build a website or an app allows you to make a reality. You probably always have new amazing ideas that you’d like to act on fast. Now you can do that; you don’t need to hire a developer to build your website or app, which also saves lots of money. You can also work on side projects. And you even a part of a secret club known as a tech community. Knowing how to build your own stuff is awesome.

To sum it up, learning code can be a beneficial skill that will allow you to open up more opportunities. If you want to launch a company of your own, having technical knowledge will make your Start-Up dreams more attainable.

So, what are you waiting for? Start your coding journey right now.

🚩👉 If it was useful to you, please Like/Share to reach others as well. Please hit the Subscribe button at the top of the page to get an email notification on my latest posts.

I talk about web development and UI design on Twitter @kmhmubin, come to talk with me there!