Learn Design Patterns: Part 1

Muddhit Baid — Mon, 15 Aug 2022 13:11:46 +0000

Hey folks!!! Happy to see you here.

We will be starting with our series on Design Patterns, where you will get to see the patterns in the most basic form with an extensive set of examples.

Let's start with setting up the context for today's article.

Design Patterns. What and Why?

Design Patterns are a blueprint or reusable template for commonly recurring challenges in Object oriented software design.

Design patterns are nowhere directly related to code, which also makes them independent of the programming language. They are high-level solutions carved out after identifying the patterns in the problems encountered frequently by developers. Once you understand the pattern, that is used to construct the solution for the use case underlying the pattern.

Also, adding a pattern as a solution reduces engineering and helps retain uniformity in systems, which is really important while you are building a system in teams. Along with that, it also helps maintainability and readability of the code because of the common vocabulary design patterns provides.

In other words, it can be referred to as a description of a solution, that can be used in different situations. Note that, design patterns should not be confused with the algorithms, as algorithms are sequences of actions to be executed that are pre-defined.

Now that, we know what design patterns are, and their importance, let's move to the different types of patterns. They can be mainly broken down into three parts, on the basis of their intent.

Creational, Structural, and Behavioral patterns are the three main types of patterns which we will also be discussed along with their various patterns under these buckets. Basically, these are the patterns meant to cover the lifecycle of process of building a system, which tells how to create objects, structure classed to form a sub-system, and how to make your objects interact with each other.

Let’s get an overview of the above three main types of patterns.

Creational Patterns:
These are basically related to the way classes are instantiated and objects are created. These are used when we have specific use-cases where some action is needed right when the object is created or at the time of instantiation of the class. These are aimed to provide a more general and flexible approach of creating an object.

Example of a creational pattern

Structural Design Patterns:
These patterns are concerned with assembling the objects and classes together to form a larger subsystem that is extensible and offers additional functionality.

Example of a structural design pattern

Behavioral Design Patterns:
These patterns are concerned with algorithms and the assignment of responsibilities of new objects, and also focus on how objects communicate with each other while still being loosely coupled.

Example of a behavioral design pattern

We have learned about the overview of design patterns, their importance, and the three main types in brief. In upcoming articles, I will be bringing you extensive coverage of each pattern under all types, with code examples for free.

That’s it and if you found this article helpful, please click the clap 👏button below, you can also follow me on Twitter, subscribe to my weekly newsletter here, and if you have any doubt, feel free to comment! I’d be happy to help. 🤘🏻

Getting Started: Git and Github for beginners with Hacktoberfest 2021

Muddhit Baid — Sun, 03 Oct 2021 11:18:40 +0000

At the stroke of the midnight hour, when the world sleeps, Programmers will awake to celebrate Hacktoberfest. A moment comes, which comes but once in a year, when we step in the Open Source Planet— when PR’s rain, when the swags wait for you

Beginning of the October, marks the beginning of Open source journey of a developer and the Hacktoberfest🎉.

For all the aspiring developers, this article is for you to start the contribution. We will be having look towards overview on Git & Github and also the steps to make you first PR.

P.S: PR → Pull request.

Git is a version control system used for collaboration and tracking software in the development process. It’s largely used from solo programmers to big tech giants.

Github, along with being a software for version control, feature tracking, hosting & lot more functionalities, its also a gigantic community for developers.

To get started:

Create a Github account by signing up here.
After signing up, you will land up to you account dashboard. After it, create a new Repository by navigating in the repositories tab, and click on the Create New button.
New Repo Demo
Now Download and install the latest version of git from here.
After the installation is done, open the Terminal or Command Prompt and execute the following commands to configure your git setup.

git config --global user.name "<Enter your github username>"
git config --global user.email "<Enter your github email>"

You have successfully setup you git and github!! Yay🎉.
Now heading towards the PR.

First select the repository (Newbies don’t worry, i have handpicked some top repos for you at the end) which you want to work on and then open it. Finding good repositories might require some effort but whenever you’re looking a repo, Please firstly check if the Opened Issues(in Issues tab) can be solved by you or not. You can then comment inside a issue, asking the repository maintainers to assign it to you. After its assigned to you, Fork the repository by clicking on the fork button on the top right corner, this will fork and create a copy of original repo in your account.
Fork Demo

Click in the Code button and copy the url. I have taken one of my repository for the demo, you can also commit here.

Now execute the following command in your terminal( GIT BASH will be preferred, this comes along with the git) along with the copied URL.

git clone <COPIED_URL>

Eg: git clone https://github.com/Mukulbaid63/Hack-with-JavaScript

Successful clone message

The Above command clones the repository in the your local system.

Exexcute this command to go inside your repo.

cd <REPO_NAME>

At this point our commits will be going to the master branch but it’s advised to not commit in master branch, because the reviewers may review and then merge it , if it passes all the checks. So to create a new branch , execute the command below:

git checkout -b <NEW_BRANCH_NAME>

Let’s decode the above command -b creates a new branch and checkout switches the branch.

Now open the cloned folder in VS code(you can use any other code editors also). Now open the file which requires the changes. Complete all the requirements given in it and then save all the files.

After the issue is resolved and working on your local system, now its time to push it in the original repository.
Open Terminal and Follow the steps:

Execute the command to add all your changes to STAGING area.
git add .

If you want to commit only some files, then add the filename instead instead of .

Now to commit the changes from STAGING area, execute the command below:

git commit -am "<COMMIT_MESSAGE>"
-m: Sets the commit message.
-a or — all: Commits all modified or deleted files.

The last step will be to push the commits to the branch which you created initally.

git push origin <YOUR_BRANCH_NAME>

Successful Push

After successful push, you will see similar message as the above one. Now head towards the forked repo in Github. You will find some change there.
Pull request in Github

Similar row will appear after successful push, to create a PR , click on Compare & pull request . It will land you to the page shown below.
PR creation Page

By adding proper commit name and comments which can help your changes be clear to anyone other who opens your PR, you can now click on Create pull request. This creates the PR😀🎉. You can check the status on the Pull requests tab.
PR created

And that’s it. You have successfully created your first PR. Now , sit back and enjoy a cup of tea, as now your PR will be merged by the maintainer if it fulfills all the requirements. After its merged here, you can see the changes in the original repo also.

Get 4 PR’s merged in a month and here comes the Hacktoberfest swags for you!!!👏

If you’re struggling to find a Repository to work on, here are some top and handpicked repos by me, especially for beginners.

Resources:

https://hf.praveen.science/ 👈🏻 Must check this🤩
https://learngitbranching.js.org/(for better visualization)

Connect with me: Linkedin | Twitter

DEV Community: Muddhit Baid

Learn Design Patterns: Part 1

Getting Started: Git and Github for beginners with Hacktoberfest 2021