Articles on web development.

Adapter Pattern

In this tutorial we cover relatively easy yet very useful design pattern. Adapter pattern is good use case of dependency inversion principle. As usual we try first to write our code and based on problems we face, implement adapter pattern.

Object default values and use cases of builder pattern

In this article I will continue covering design patterns. Today's tutorial is about builder strategy pattern. It has can be very beneficial to maintain clean code. There are few tips and tricks which can help you to identify and use builder pattern. 

Strategy Pattern benefits

One of the ways to improve your code and become better developer in general one should familiarize himself with design patterns. There is amazing book from gang of four called "Design patterns. Elements of Reusable Object Oriented Software". It is one of the best known books. ...

How object destructing can help you to write cleaner code

As a developers we always aim to write cleaner and more maintainable code. I was working on a project the other day and as most of developers we tend to get data from our backend and render it on our frontend.

Build a notes web application using Node.js, Express and MongoDB Part 1

In this tutorial we will build a simple notes application using Node.js and React. First we will build a CRUD Rest API that can create, retrieve, update and delete Notes using Node.js, Express and MongoDB database. Express is a popular web framework for Node.js that supports routing and middleware to respond to incoming requests. For the object data model, we use Mongoose that provides a schema-based solution to model our application data.

Application that we will build looks like this:

Build and use your own Reactjs extension in Chrome.

Chrome extensions are sort of "browser boosters" which are still underrated by many people. As a developer, you can easily create your own booster and it's much simpler than you might think! In this tutorial, I will show you how I built my chrome extension based on my need for...

Why you should use TypeScript as a frontend developer

If you are a frontend developer, you have surely heard of TypeScript language. Perhaps you are using it in your company or just want to learn it in 2020? In this article, I will give you some reasons why you should use TypeScript instead of vanilla JavaScript.

One click environment setup directly from your github repo [Nodejs example]

I don't know how much time I spent browsing, cloning and running other people's code on GitHub but one thing for sure - it took a lot of my time setting up the environment and making sure it works on my local machine before I could even start interacting with the code. Thankf...

What actually happens under the hood when we create a class in JS ?

JavaScript classes introduced in ECMAScript 2015 are syntactical sugar over JavaScript's existing prototype-based inheritance. So JS is looking more like other OOP languages, but what actually happens under hood? In this article I would like to dig deep into JavaScript and try to explain with code  examples and console logs.

Let's declare a class.

How to scrape top 5 headlines from BBC using puppeteer & NodeJS

Web scraping is a method of extracting desired data from web sites. In the world of Javascript "puppeteer" is the most commonly used tool to do such kind of tasks. In this tutorial, we will use puppeteer to scrape the top 5 headlines from the world's leading news website.

Use Vue CLI 3 to Scaffold Vue Project

In this guide we'll create a Vue project using Vue CLI 3. CLI stands for Command Line Interface, Vue CLI enables us to quickly bootstrap a new Vue project. It allows us to pick libraries we want to use, it configures webpack for us and it also allows us write code in any way w...

Welcome to WebDevs Portal

I've had the desire to build a portal tied to the web developer meetups I've been running since 2019. I wanted a portal where I and other passionate web developers could publish web development articles and tutorials. A place where I could interview other interesting develope...