441

YouTube Video | Frontend Mentor -2

by Nabendu Biswas /November 18th, 2020

#css #youtube #beginners

In this video, we will do the Four Card Featured challenge from frontendmentor.io. Please do like it and Subscribe to my channel for more…

read more

YouTube Video | Frontend Mentor -1

by Nabendu Biswas /November 17th, 2020

#css #youtube #beginners

In this video, we will do the Fylo data storage challenge from frontendmentor.io. Please do like it and Subscribe to my channel for more…

read more

Conquering Frontend Mentor -2

by Nabendu Biswas /November 16th, 2020

#css #beginners #webdev

Welcome to the part-2 of the series. We will continue with the next frontend master challenge which is Four Card Featured Challenge. The…

read more

Conquering Frontend Mentor -1

by Nabendu Biswas /November 15th, 2020

#css #beginners #webdev

Recently i found i great site to develop your frontend skills. The site is Frontend mentor and this is the Fylo data storage challenge…

read more

ReactJS Tutorial for Beginners -18

by Nabendu Biswas /October 28th, 2020

#javascript #beginners #react

Welcome to final of the series. We will learn to do http request in this part. React and HTTP React doesn’t have any http capabilities…

read more

YouTube Video | ReactJS Tutorial for Beginners -18

by Nabendu Biswas /October 28th, 2020

#javascript #youtube #react

We will learn to do http request in this final part. Please do like it and Subscribe to my channel for more videos. You can also read it…

read more

ReactJS Tutorial for Beginners -17

by Nabendu Biswas /October 27th, 2020

#javascript #beginners #react

Welcome to part-17 of the series. We will learn about Context in this part. Context Context provides a way to pass data through the…

read more

YouTube Video | ReactJS Tutorial for Beginners -17

by Nabendu Biswas /October 27th, 2020

#javascript #youtube #react

We will learn about Context in this part. Please do like it and Subscribe to my channel for more videos. You can also read it in blog…

read more

ReactJS Tutorial for Beginners -16

by Nabendu Biswas /October 26th, 2020

#javascript #beginners #react

Welcome to part-16 of the series. We will learn about Render props in this part. They are also used like HOC to share common functionality…

read more

YouTube Video | ReactJS Tutorial for Beginners -16

by Nabendu Biswas /October 26th, 2020

#javascript #youtube #react

We will learn about Render props in this part. They are also used like HOC to share common functionality between components. Please do like…

read more

ReactJS Tutorial for Beginners -15

by Nabendu Biswas /October 25th, 2020

#javascript #beginners #react

Welcome to part-15 of the series. We will learn about Higher Order Components(HOC) in this part. To understand the need for HOC, we will…

read more

YouTube Video | ReactJS Tutorial for Beginners -15

by Nabendu Biswas /October 25th, 2020

#javascript #youtube #react

We will learn about Higher Order Components(HOC) in this part. Please do like it and Subscribe to my channel for more videos. You can also…

read more

ReactJS Tutorial for Beginners -14

by Nabendu Biswas /October 24th, 2020

#javascript #beginners #react

Welcome to part-14 of the series. We will learn about Portals and Error Boundary in this part. Portals Portals provide a way to render…

read more

YouTube Video | ReactJS Tutorial for Beginners -14

by Nabendu Biswas /October 24th, 2020

#javascript #youtube #react

We will learn about Portals and Error Boundary in this part. Please do like it and Subscribe to my channel for more videos. You can also…

read more

ReactJS Tutorial for Beginners -13

by Nabendu Biswas /October 23rd, 2020

#javascript #beginners #react

Welcome to part-13 of the series. We will learn about Refs in this part. Refs Refs makes it possible to access DOM nodes directly within…

read more

YouTube Video | ReactJS Tutorial for Beginners -13

by Nabendu Biswas /October 23rd, 2020

#javascript #youtube #react

We will learn about React Refs in this part. Please do like it and Subscribe to my channel for more videos. You can also read it in blog…

read more

ReactJS Tutorial for Beginners -12

by Nabendu Biswas /October 22nd, 2020

#javascript #beginners #react

Welcome to part-12 of the series.We will learn about Pure Components first in this part. Pure Components Actually, there is a second way to…

read more

YouTube Video | ReactJS Tutorial for Beginners -12

by Nabendu Biswas /October 22nd, 2020

#javascript #youtube #react

We will learn about Pure components and Memo, in this part. Please do like it and Subscribe to my channel for more videos. You can also…

read more

YouTube Video | ReactJS Tutorial for Beginners -11

by Nabendu Biswas /October 21st, 2020

#javascript #youtube #react

We will learn about all the lifecycle methods, available in class based components. Please do like it and Subscribe to my channel for more…

read more

ReactJS Tutorial for Beginners -11

by Nabendu Biswas /October 21st, 2020

#javascript #beginners #react

Welcome to part-11 of the series. We will learn about the import Lifecycle methods in this part. Lifecycle Methods When we create a React…

read more

ReactJS Tutorial for Beginners -10

by Nabendu Biswas /October 20th, 2020

#javascript #beginners #react

Welcome to part-10 of the series. We will learn to style React form handling in this part. Controlled Components React form element are also…

read more

YouTube Video | ReactJS Tutorial for Beginners -10

by Nabendu Biswas /October 20th, 2020

#javascript #youtube #react

We will learn to do React form handling in this part. Please do like it and Subscribe to my channel for more videos. You can also read it…

read more

ReactJS Tutorial for Beginners -9

by Nabendu Biswas /October 19th, 2020

#javascript #beginners #react

Welcome to part-9 of the series. We will learn to style React component in this part. Styling React Components There are four ways to style…

read more

YouTube Video | ReactJS Tutorial for Beginners -9

by Nabendu Biswas /October 19th, 2020

#javascript #youtube #react

We will learn to style React component in this part. There are four ways to style React components. They are - CSS Stylesheets Inline…

read more

ReactJS Tutorial for Beginners -8

by Nabendu Biswas /October 18th, 2020

#javascript #beginners #react

Welcome to part-8 of the series. When we build web-applications a common scenario is to display list of items. In any web-app we generally…

read more

YouTube Video | ReactJS Tutorial for Beginners -8

by Nabendu Biswas /October 18th, 2020

#javascript #youtube #react

In this video, we will learn how to render lists in ReactJS. Please do like it and Subscribe to my channel for more videos. You can also…

read more

ReactJS Tutorial for Beginners -7

by Nabendu Biswas /October 17th, 2020

#javascript #beginners #react

Welcome to part-7 of the series. We will first learn about passing data from children to parent component. Methods as props In react we…

read more

YouTube Video | ReactJS Tutorial for Beginners -7

by Nabendu Biswas /October 17th, 2020

#javascript #youtube #react

In this video, we will first learn about passing data from children to parent component. Then we will learn about the four ways by which we…

read more

ReactJS Tutorial for Beginners -6

by Nabendu Biswas /October 16th, 2020

#javascript #beginners #react

Welcome to part-6 of the series. We will first learn about destructuring in this part. Destructuring Destructuring is an ES6 concept and is…

read more

YouTube Video | ReactJS Tutorial for Beginners -6

by Nabendu Biswas /October 16th, 2020

#javascript #youtube #react

In this video, we will learn about destructuring, event handling and binding event handling. Please do like it and Subscribe to my channel…

read more

ReactJS Tutorial for Beginners -5

by Nabendu Biswas /October 15th, 2020

#javascript #beginners #react

Welcome to part-5 of the series. We will learn about state in this part, but let’s first understand the difference between state and props…

read more

YouTube Video | ReactJS Tutorial for Beginners -5

by Nabendu Biswas /October 15th, 2020

#javascript #youtube #react

In this video, we will learn about state. Please do like it and Subscribe to my channel for more videos. You can also read it in blog…

read more

ReactJS Tutorial for Beginners -4

by Nabendu Biswas /October 14th, 2020

#javascript #beginners #react

Welcome to part-4 of the series. We will learn about JSX first in the series. JSX JavaScript XML(JSX) is an extension to the JavaScript…

read more

YouTube Video | ReactJS Tutorial for Beginners -4

by Nabendu Biswas /October 14th, 2020

#javascript #youtube #react

In this video, we will learn about JSX and props in this part. Please do like it and Subscribe to my channel for more videos. You can also…

read more

ReactJS Tutorial for Beginners -3

by Nabendu Biswas /October 13th, 2020

#javascript #beginners #react

Welcome to part-3 of the series. We will learn about the biggest building block in React and that are component. Components in ReactJS…

read more

YouTube Video | ReactJS Tutorial for Beginners -3

by Nabendu Biswas /October 13th, 2020

#javascript #youtube #react

In this video, we will learn about the biggest building block in React and that are component. Please do like it and Subscribe to my…

read more

ReactJS Tutorial for Beginners -2

by Nabendu Biswas /October 12th, 2020

#javascript #beginners #react

Welcome to part-2 of the series. In the previous part we had learnt about React and just created a project hello-world with create-react…

read more

YouTube Video | ReactJS Tutorial for Beginners -2

by Nabendu Biswas /October 12th, 2020

#javascript #youtube #react

Welcome to a new series in which i will go through all of ReactJS- from classes to hooks. In this video we will learn what is ReactJS and…

read more

ReactJS Tutorial for Beginners -1

by Nabendu Biswas /October 11th, 2020

#javascript #beginners #react

Welcome to a new series in which i will go through all of ReactJS- from classes to hooks. You should do this series after completing by HTML…

read more

YouTube Video | ReactJS Tutorial for Beginners -1

by Nabendu Biswas /October 11th, 2020

#javascript #youtube #react

Welcome to a new series in which i will go through all of ReactJS- from classes to hooks. In this video we will learn what is ReactJS and…

read more

Create a Year End Counter with SnowFlakes in JS

by Nabendu Biswas /October 10th, 2020

#javascript #beginners #webdev

As we all are waiting for 2020 to end and it’s time of the year, when it will snow in sometime in some part of the world. So, let’s create a…

read more

YouTube Video | Year End Counter with SnowFlakes

by Nabendu Biswas /October 10th, 2020

#javascript #beginners #youtube

As we all are waiting for 2020 to end and it’s time of the year, when it will snow in sometime in some part of the world. So, let’s create a…

read more

Create a PokeDex with Vanilla JS

by Nabendu Biswas /October 9th, 2020

#javascript #beginners #webdev

In this project we are going to create a PokeDex with Vanilla JavaScript. We will first create a PokeDex folder and three files index…

read more

YouTube Video | PokeDex with Vanilla JS

by Nabendu Biswas /October 9th, 2020

#javascript #beginners #youtube

In this video, we are going to create a PokeDex with Vanilla JavaScript. Please do like it and Subscribe to my channel for more videos…

read more

Indian State Details Search app with JS

by Nabendu Biswas /October 8th, 2020

#javascript #beginners #webdev

Welcome to a cool new project in which, we will build a simple web app that searches a JSON file, containing Indian states details. It uses…

read more

YouTube Video | Indian State Details Search app

by Nabendu Biswas /October 8th, 2020

#javascript #beginners #youtube

In this video, we will build a simple web app that searches a JSON file, containing Indian states details. It uses the Fetch API, Async…

read more

Create a PDF Viewer with ES6 JavaScript

by Nabendu Biswas /October 7th, 2020

#javascript #beginners #webdev

In this article we are going to create a PDF viewer using modern ES6 JavaScript. So, let’s start with our project. I am creating a new…

read more

YouTube Video | Create PDF Viewer with ES6 JavaScript

by Nabendu Biswas /October 7th, 2020

#javascript #beginners #youtube

In this video we are going to create a PDF viewer using modern ES6 JavaScript. Please do like it and Subscribe to my channel for more…

read more

YouTube Video | Modern ES6 - Chapter 15 - Sets and WeakSets

by Nabendu Biswas /October 6th, 2020

#javascript #beginners #youtube

In Chapter 15, we are going to learn about Sets and WeakSets. Please do like it and Subscribe to my channel for more videos.

read more

YouTube Video | Modern ES6 - Chapter 14 - Maps and WeakMaps

by Nabendu Biswas /October 5th, 2020

#javascript #beginners #youtube

In Chapter 14, we are going to learn about Maps and WeakMaps. Please do like it and Subscribe to my channel for more videos.

read more

YouTube Video | Modern ES6 - Chapter 13 - Promises and Async await

by Nabendu Biswas /October 4th, 2020

#javascript #beginners #youtube

In Chapter 13, we are going to learn about Promises and async-await. Please do like it and Subscribe to my channel for more videos.

read more

YouTube Video | Modern ES6 - Chapter 12 - Iterators and Generators

by Nabendu Biswas /October 3rd, 2020

#javascript #beginners #youtube

In Chapter 12, we are going to learn about a complex topics in ES6 - Iterators and Generators. Please do like it and Subscribe to my…

read more

YouTube Video | Modern ES6 - Chapter 11 - Symbols

by Nabendu Biswas /October 2nd, 2020

#javascript #beginners #youtube

In Chapter 11, we are going to learn about the new primitive data type in ES6 - Symbols. Please do like it and Subscribe to my channel for…

read more

YouTube Video | Modern ES6 - Chapter 10 - Array Helper Methods - 2

by Nabendu Biswas /October 1st, 2020

#javascript #beginners #youtube

In Chapter 10, we are going to learn about Array Helper Methods - find, every, some and reduce. Please do like it and Subscribe to my…

read more

YouTube Video | Modern ES6 - Chapter 9 - Array Helper Methods - 1

by Nabendu Biswas /September 30th, 2020

#javascript #beginners #youtube

In Chapter 9, we are going to learn about Array Helper Methods - forEach, map and filter. Please do like it and Subscribe to my channel…

read more

YouTube Video | Modern ES6 - Chapter 8 - Classes in ES6

by Nabendu Biswas /September 29th, 2020

#javascript #beginners #youtube

In Chapter 8, we are going to learn about Classes in ES6. Please do like it and Subscribe to my channel for more videos.

read more

YouTube Video | Modern ES6 - Chapter 7 - Array & Object Destructuring

by Nabendu Biswas /September 28th, 2020

#javascript #beginners #youtube

In Chapter 7, we are going to learn about Array & Object Destructuring. Please do like it and Subscribe to my channel for more videos.

read more

YouTube Video | Modern ES6 - Chapter 6 - Template Literals

by Nabendu Biswas /September 27th, 2020

#javascript #beginners #youtube

In Chapter 6, we are going to learn about Template Literals. Please do like it and Subscribe to my channel for more videos.

read more

YouTube Video | Modern ES6 - Chapter 5 - Rest & Spread operator

by Nabendu Biswas /September 26th, 2020

#javascript #beginners #youtube

In Chapter 5, we are going to learn about Rest and Spread operator. Please do like it and Subscribe to my channel for more videos.

read more

YouTube Video | Modern ES6 - Chapter 4 - Object Literals

by Nabendu Biswas /September 25th, 2020

#javascript #beginners #youtube

In Chapter 4, we are going to learn about Object Literals. Please do like it and Subscribe to my channel for more videos.

read more

YouTube Video | Modern ES6 - Chapter 3 - Default parameters

by Nabendu Biswas /September 24th, 2020

#javascript #beginners #youtube

In Chapter 3, we are going to learn about Default parameters. Please do like it and Subscribe to my channel for more videos.

read more

YouTube Video | Modern ES6 - Chapter 2 - Fat arrow function

by Nabendu Biswas /September 23rd, 2020

#javascript #beginners #youtube

In Chapter 2, we are going to learn about Fat arrow function. Please do like it and Subscribe to my channel for more videos.

read more

YouTube Video | Modern ES6 - Chapter 1 - var, let and const

by Nabendu Biswas /September 22nd, 2020

#javascript #beginners #youtube

This is a premium ES6 tutorial. In Chapter 1, we are going to learn about var, let and const. Please do like it and Subscribe to my…

read more

YouTube Video | Modern ES6 - Chapter 0 - Introduction

by Nabendu Biswas /September 21st, 2020

#javascript #beginners #youtube

This is a premium ES6 tutorial. In the introduction, we will go through the content of the course. Please do like it and Subscribe to my…

read more

YouTube Video | Loading Animation with CSS

by Nabendu Biswas /September 20th, 2020

#css #beginners #youtube

In this video, we will create a simple Jumping Loading Animation with CSS in this article. Please do like it and Subscribe to my channel…

read more

YouTube Video | JavaScript Form Validation

by Nabendu Biswas /September 19th, 2020

#javascript #beginners #youtube

In this video we will learn to do JavaScript form validations. Please do like it and Subscribe to my channel for more videos. You can…

read more

Create a Loading Animation with CSS

by Nabendu Biswas /September 18th, 2020

#css #beginners #webdev

We will create a simple Jumping Loading Animation with CSS in this article. We will be using codepen for this project. So, open a new…

read more

YouTube Video | Create Line Through Effect in JavaScript

by Nabendu Biswas /September 18th, 2020

#javascript #beginners #youtube

In this video, we are going to create an amazing line through effect, with help of CSS and lots of JavaScript. Please do like it and…

read more

JavaScript Form Validation

by Nabendu Biswas /September 17th, 2020

#javascript #beginners #webdev

In this post we will learn to do JavaScript form validations. So, head over to your terminal and create a folder JSformValidation . Create…

read more

YouTube Video | Create a Lorem Ipsum Generator In JavaScript

by Nabendu Biswas /September 17th, 2020

#javascript #beginners #youtube

In this project, we are going to create an Lorem Ipsum generator with JavaScript. Lorem Ipsum is the dummy text, used by almost all…

read more

Create a Lorem Ipsum Generator in JavaScript

by Nabendu Biswas /September 16th, 2020

#javascript #beginners #webdev

In this project, we are going to create an Lorem Ipsum generator with JavaScript. Lorem Ipsum is the dummy text, used by almost all…

read more

YouTube Video | Two Color Flipper Projects in JavaScript

by Nabendu Biswas /September 16th, 2020

#javascript #beginners #youtube

We are going to build two projects - First a simple color flipper which will change the background to a random color, on the click of a…

read more

Create a Line Through Effect with JavaScript

by Nabendu Biswas /September 15th, 2020

#javascript #beginners #webdev

In this post, we are going to create an amazing line through effect, with help of CSS and lots of JavaScript. So, head over to your terminal…

read more

YouTube Video | Simple Item List Project in JavaScript

by Nabendu Biswas /September 15th, 2020

#javascript #beginners #youtube

In this video we are going to create a Simple Item list project in this post, with JavaScript DOM. Please do like it and Subscribe to my…

read more

Create a Infinite Color Flipper in JavaScript

by Nabendu Biswas /September 14th, 2020

#javascript #beginners #webdev

In a previous post , i had created a Simple color flipper in JavaScript. In that project, we had used an array of colors. In this project…

read more

YouTube Video | Creating An Address Book In JavaScript

by Nabendu Biswas /September 14th, 2020

#javascript #beginners #youtube

In this small project we are going to build a small Address book in Vanilla JavaScript. Please do like it and Subscribe to my channel for…

read more

Create a Simple Color Flipper in JavaScript

by Nabendu Biswas /September 13th, 2020

#javascript #beginners #webdev

In this article, we are going to build a simple color flipper which will change the background to a random color, on the click of a button…

read more

YouTube Video | Creating A Converter App In JavaScript

by Nabendu Biswas /September 13th, 2020

#javascript #beginners #youtube

In this project we are going to build a simple converter app in Vanilla JavaScript. We are going to convert Kilograms to pound, Feet to…

read more

Simple Item List Project with JavaScript DOM

by Nabendu Biswas /September 12th, 2020

#javascript #beginners #webdev

We had learned the basics of DOM in the previous series. We are going to create a Simple Item list project in this post, with our learning…

read more

YouTube Video | Demystifying this in JS and React

by Nabendu Biswas /September 12th, 2020

#javascript #beginners #youtube

Welcome to the YDKJS series. The this keyword can sometime be one of the most confusing things of JavaScript, as it is different then what…

read more

Creating an Address Book in JavaScript

by Nabendu Biswas /September 11th, 2020

#javascript #beginners #webdev

Welcome to a new JavaScript project, where we are going to build a small Address book in Vanilla JavaScript. So, head over to your terminal…

read more

YouTube Video | YDKJS — Objects and Prototypes - 4

by Nabendu Biswas /September 11th, 2020

#javascript #beginners #youtube

Welcome to the YDKJS series. Every Javascript developer knows one thing that they don’t know enough Javascript. On the top level, it’s only…

read more

Creating a Converter app in JavaScript

by Nabendu Biswas /September 10th, 2020

#javascript #beginners #webdev

In continuation with our JavaScript project, the next thing we will build is a simple Converter app. We are again going to build it in…

read more

YouTube Video | YDKJS — Objects and Prototypes - 3

by Nabendu Biswas /September 10th, 2020

#javascript #beginners #youtube

Welcome to the YDKJS series. Every Javascript developer knows one thing that they don’t know enough Javascript. On the top level, it’s only…

read more

React Tutorials - A beginners Guide - 10

by Rajat Negi /September 9th, 2020

#react #beginners #javascript

Higher Order Components Its a convention to name HOC with a ' With ' in at the beginning of its name. With HOC we have components that wraps…

read more

YouTube Video | YDKJS — Objects and Prototypes - 2

by Nabendu Biswas /September 9th, 2020

#javascript #beginners #youtube

Welcome to the YDKJS series. Every Javascript developer knows one thing that they don’t know enough Javascript. On the top level, it’s only…

read more

React Tutorials - A beginners Guide - 9

by Rajat Negi /September 8th, 2020

#react #beginners #javascript

A better project structure For making a better structure, we have to decide what should go into its own component and what should be a…

read more

React Tutorials - A beginners Guide - 8

by Rajat Negi /September 7th, 2020

#react #beginners #javascript

A better project structure For making a better structure, we have to decide what should go into its own component and what should be a…

read more

YouTube Video | YDKJS — Objects and Prototypes - 1

by Nabendu Biswas /September 6th, 2020

#javascript #beginners #youtube

Welcome to the YDKJS series. Every Javascript developer knows one thing that they don’t know enough Javascript. On the top level, it’s only…

read more

YouTube Video | YDKJS — Scopes and Closures — 5

by Nabendu Biswas /September 5th, 2020

#javascript #beginners #youtube

Welcome to the YDKJS series. Every Javascript developer knows one thing that they don’t know enough Javascript. On the top level, it’s only…

read more

YouTube Video | YDKJS — Scopes and Closures — 4

by Nabendu Biswas /September 4th, 2020

#javascript #beginners #youtube

Welcome to the YDKJS series. Every Javascript developer knows one thing that they don’t know enough Javascript. On the top level, it’s only…

read more

YouTube Video | YDKJS — Scopes and Closures — 3

by Nabendu Biswas /September 3rd, 2020

#javascript #beginners #youtube

Welcome to the YDKJS series. Every Javascript developer knows one thing that they don’t know enough Javascript. On the top level, it’s only…

read more

YouTube Video | YDKJS — Scopes and Closures — 2

by Nabendu Biswas /September 2nd, 2020

#javascript #beginners #youtube

Welcome to the YDKJS series. Every Javascript developer knows one thing that they don’t know enough Javascript. On the top level, it’s only…

read more

YouTube Video | YDKJS — Scopes and Closures — 1

by Nabendu Biswas /September 1st, 2020

#javascript #beginners #youtube

Welcome to the YDKJS series. Every Javascript developer knows one thing that they don’t know enough Javascript. On the top level, it’s only…

read more

Async JS Crash Course — Callbacks, Promises, Async Await

by Nabendu Biswas /August 31st, 2020

#javascript #beginners #webdev

Welcome to the crash course on Async JS, which is a part of the ongoing crash course on JavaScript. Callback, Promises and Async-await are…

read more

YouTube Video | Async JS Crash Course

by Nabendu Biswas /August 31st, 2020

#javascript #beginners #youtube

Welcome to the crash course on Async JS, which is a part of the ongoing crash course on JavaScript. Callback, Promises and Async-await are…

read more

DOM Crash Course for Beginners -2

by Nabendu Biswas /August 30th, 2020

#javascript #beginners #webdev

Welcome to the final part of DOM crash course. Next, we will learn about remove() . We can remove whole element like ul in below example…

read more

YouTube Video | DOM Crash Course -2

by Nabendu Biswas /August 30th, 2020

#javascript #beginners #youtube

After learning JavaScript in the previous series, we will learn about DOM(Document Object Model). It is been used to interact with every…

read more

DOM Crash Course for Beginners -1

by Nabendu Biswas /August 29th, 2020

#javascript #beginners #webdev

After learning JavaScript in the previous series, we will learn about DOM(Document Object Model). It is been used to interact with every…

read more

YouTube Video | DOM Crash Course -1

by Nabendu Biswas /August 29th, 2020

#javascript #beginners #youtube

After learning JavaScript in the previous series, we will learn about DOM(Document Object Model). It is been used to interact with every…

read more

JavaScript Crash Course for Beginners -4

by Nabendu Biswas /August 28th, 2020

#javascript #beginners #webdev

Welcome to part-4 of the series. Conditionals The first conditional which we are going to check is the if statement. The statement within…

read more

YouTube Video | JS Crash Course -4

by Nabendu Biswas /August 28th, 2020

#javascript #beginners #youtube

This video series we will go over the fundamentals of JavaScript including some modern syntax like classes, arrow functions, etc. This is…

read more

JavaScript Crash Course for Beginners -3

by Nabendu Biswas /August 27th, 2020

#javascript #beginners #webdev

Welcome to part-3 of the series. We will start with loops in this part. Loops The first loop which will look is the traditional for loop…

read more

YouTube Video | JS Crash Course -3

by Nabendu Biswas /August 27th, 2020

#javascript #beginners #youtube

This video series we will go over the fundamentals of JavaScript including some modern syntax like classes, arrow functions, etc. This is…

read more

JavaScript Crash Course for Beginners -2

by Nabendu Biswas /August 26th, 2020

#javascript #beginners #webdev

Welcome to part-2 of the series. Before moving to Array, we will look a bit more on String. We will first look into String concatenation…

read more

YouTube Video | JS Crash Course -2

by Nabendu Biswas /August 26th, 2020

#javascript #beginners #youtube

This video series we will go over the fundamentals of JavaScript including some modern syntax like classes, arrow functions, etc. This is…

read more

JavaScript Crash Course for Beginners -1

by Nabendu Biswas /August 25th, 2020

#javascript #beginners #webdev

It’s time to learn JavaScript after my HTML and CSS Crash Courses. JavaScript is everywhere on the web, from sites in Vanilla JS, to modern…

read more

YouTube Video | JS Crash Course -1

by Nabendu Biswas /August 25th, 2020

#javascript #beginners #youtube

This video series we will go over the fundamentals of JavaScript including some modern syntax like classes, arrow functions, etc. This is…

read more

YouTube Video | CSS Animation Tutorial -4

by Nabendu Biswas /August 24th, 2020

#css #beginners #youtube

This video series contains CSS animation tutorial and projects. In the fourth part we will be first creating a pop-up subscription list…

read more

YouTube Video | CSS Animation Tutorial -3

by Nabendu Biswas /August 23rd, 2020

#css #beginners #youtube

This video series contains CSS animation tutorial and projects. In the third part we will be completing our Mario Kart Animations. Animation…

read more

YouTube Video | CSS Animation Tutorial -2

by Nabendu Biswas /August 22nd, 2020

#css #beginners #youtube

This video series contains CSS animation tutorial and projects. In the second part we will be learning about keyframes and applying them to…

read more

YouTube Video | CSS Animation Tutorial -1

by Nabendu Biswas /August 21st, 2020

#css #beginners #youtube

This video series contains CSS animation tutorial and projects. In the first part we will learn about the awesome CSS property of transform…

read more

YouTube Video | CSS3 in 10 days — Day 10

by Nabendu Biswas /August 20th, 2020

#css #beginners #youtube

This series contains some practical examples which you can learn and directly use CSS in your projects. We will create awesome components…

read more

YouTube Video | CSS3 in 10 days — Day 9

by Nabendu Biswas /August 19th, 2020

#css #beginners #youtube

This series contains some practical examples which you can learn and directly use CSS in your projects. We will create awesome components…

read more

YouTube Video | CSS3 in 10 days — Day 8

by Nabendu Biswas /August 18th, 2020

#css #beginners #youtube

This series contains some practical examples which you can learn and directly use CSS in your projects. We will create awesome components…

read more

YouTube Video | CSS3 in 10 days — Day 7

by Nabendu Biswas /August 17th, 2020

#css #beginners #youtube

This series contains some practical examples which you can learn and directly use CSS in your projects. We will create awesome components…

read more

YouTube Video | CSS3 in 10 days — Day 6

by Nabendu Biswas /August 16th, 2020

#css #beginners #youtube

This series contains some practical examples which you can learn and directly use CSS in your projects. We will create awesome components…

read more

YouTube Video | CSS3 in 10 days — Day 5

by Nabendu Biswas /August 15th, 2020

#css #beginners #youtube

This series contains some practical examples which you can learn and directly use CSS in your projects. We will create awesome components…

read more

YouTube Video | CSS3 in 10 days — Day 4

by Nabendu Biswas /August 14th, 2020

#css #beginners #youtube

This series contains some practical examples which you can learn and directly use CSS in your projects. We will create awesome components…

read more

YouTube Video | CSS3 in 10 days — Day 3

by Nabendu Biswas /August 13th, 2020

#css #beginners #youtube

This series contains some practical examples which you can learn and directly use CSS in your projects. We will create awesome components…

read more

YouTube Video | CSS3 in 10 days — Day 2

by Nabendu Biswas /August 12th, 2020

#css #beginners #youtube

This series contains some practical examples which you can learn and directly use CSS in your projects. We will create awesome components…

read more

YouTube Video | CSS3 in 10 days — Day 1

by Nabendu Biswas /August 11th, 2020

#css #beginners #youtube

This series contains some practical examples which you can learn and directly use CSS in your projects. We will create awesome components…

read more

React Tutorials - A beginners Guide - 7

by Rajat Negi /August 10th, 2020

#react #beginners #javascript

Handling simple error Let's try to introduce an error in our program and see how it can be handled. In out nameChangeHandler we do this…

read more

React Tutorials - A beginners Guide - 6

by Rajat Negi /August 7th, 2020

#react #beginners #javascript

Setting Styles Dynamically Let's change some css or style dynamically. So far, we have defined some css for in const style . It was used…

read more

YouTube Video | Mobile-First Website with CSS Grid -3

by Nabendu Biswas /August 7th, 2020

#css #grid #youtube

We will create a website with CSS Grid and we will be using the mobile first approach. The mobile first approach is the approach in which we…

read more

Build Mobile-First Website using CSS Grid -4

by Nabendu Biswas /August 6th, 2020

#css #grid #html

Welcome to part-4 of the series. We will start where we had left and start with the Contact form. We are not using any grid here and the…

read more

YouTube Video | Mobile-First Website with CSS Grid -2

by Nabendu Biswas /August 5th, 2020

#css #grid #youtube

We will create a website with CSS Grid and we will be using the mobile first approach. The mobile first approach is the approach in which we…

read more

Build Mobile-First Website using CSS Grid -3

by Nabendu Biswas /August 4th, 2020

#css #grid #html

Welcome to part-3 of the series. We will start using CSS grid in this part. First we will add styles for the common grid class, which we…

read more

Build Mobile-First Website using CSS Grid -2

by Nabendu Biswas /August 3rd, 2020

#css #grid #html

Welcome to part-2 of the series. We will first add the basic css to our style.css, which is necessary for the primary color, reset and the…

read more

YouTube Video | Mobile-First Website with CSS Grid -1

by Nabendu Biswas /August 3rd, 2020

#css #grid #youtube

We will create a website with CSS Grid and we will be using the mobile first approach. The mobile first approach is the approach in which we…

read more

Build Mobile-First Website using CSS Grid -1

by Nabendu Biswas /August 2nd, 2020

#css #grid #html

We will create a website with CSS Grid and we will be using the mobile first approach. The mobile first approach is the approach in which we…

read more

Blur effect landing page with CSS Grid -2

by Nabendu Biswas /August 1st, 2020

#css #grid #html

Welcome to part-2 of the series. First we will add styles for hover of the content. After that we are adding styles to move the content to…

read more

YouTube Video | Blur page with CSS Grid

by Nabendu Biswas /August 1st, 2020

#css #grid #youtube

We are going to build an elegant landing page with Blur effect in this video. We are going to use CSS Grid for this project. Please do like…

read more

Blur effect landing page with CSS Grid -1

by Nabendu Biswas /July 31st, 2020

#css #grid #html

Welcome to a brand new series, where we are going to build an elegant landing page with Blur effect. We are going to use CSS Grid for this…

read more

YouTube Video | CSS Grid Course for Beginners - 4

by Nabendu Biswas /July 31st, 2020

#grid #css #youtube

In this series we will learn CSS Grid . With the creation of CSS Grid, we can create a modern day website with ease and ditching CSS…

read more

YouTube Video | CSS Grid Course for Beginners - 3

by Nabendu Biswas /July 30th, 2020

#grid #css #youtube

In this series we will learn CSS Grid . With the creation of CSS Grid, we can create a modern day website with ease and ditching CSS…

read more

YouTube Video | CSS Grid Course for Beginners - 2

by Nabendu Biswas /July 29th, 2020

#grid #css #youtube

In this series we will learn CSS Grid . With the creation of CSS Grid, we can create a modern day website with ease and ditching CSS…

read more

YouTube Video | CSS Grid Course for Beginners - 1

by Nabendu Biswas /July 28th, 2020

#grid #css #youtube

In this series we will learn CSS Grid . With the creation of CSS Grid, we can create a modern day website with ease and ditching CSS…

read more

Video landing page with Flexbox

by Nabendu Biswas /July 27th, 2020

#css #beginners #webdev

A lot of sites nowadays have nice video background. So, i also wanted to created a simple video background landing page for a travel company…

read more

YouTube Video | Video landing page - CSS Flexbox

by Nabendu Biswas /July 27th, 2020

#beginners #css #youtube

A lot of sites nowadays have nice video background. So, i also wanted to created a simple video background landing page for a travel company…

read more

Pluralsight Login Clone - CSS Flexbox - 1

by Nabendu Biswas /July 26th, 2020

#css #beginners #webdev

Welcome to a brand new series, where we are going to create the clone of Pluralsight login page with HTML and CSS. We are going to use…

read more

Pluralsight Login Clone - CSS Flexbox - 2

by Nabendu Biswas /July 26th, 2020

#css #beginners #webdev

Welcome to part-2 of the series. We will start by making the secondary button in left side to 80%, which we missed in part-1. After that we…

read more

YouTube Video | Pluralsight Login Clone - CSS Flexbox

by Nabendu Biswas /July 26th, 2020

#beginners #css #youtube

In this video we will be creating a clone of the Pluralsight login page with HTML5 and CSS3 with Flexbox. It will also include media queries…

read more

YouTube Video | CSS Flexbox Course for Beginners - 2

by Nabendu Biswas /July 25th, 2020

#beginners #css #youtube

In this series we will look over the CSS Flexbox model and how easy it is to learn. With the creation of flexbox, we can create a modern day…

read more

YouTube Video | CSS Flexbox Course for Beginners - 1

by Nabendu Biswas /July 24th, 2020

#beginners #css #youtube

In this series we will look over the CSS Flexbox model and how easy it is to learn. With the creation of flexbox, we can create a modern day…

read more

React Tutorials - A beginners Guide - 5

by Rajat Negi /July 24th, 2020

#react #beginners #javascript

Rendering content conditionally Let we want to output our food components conditionally. For this, we make use of our switch button. With…

read more

Build an Agency Website with HTML & CSS -3

by Nabendu Biswas /July 23rd, 2020

#html #beginners #css

Welcome to part-3 of the series. We will complete the homepage by creating the footer first. So, first head over to index.html and create…

read more

Build an Agency Website with HTML & CSS -4

by Nabendu Biswas /July 23rd, 2020

#html #beginners #css

Welcome to part-4 of the series. In this part we will start with the Services page. Create a file services.html in the same folder and copy…

read more

YouTube Video | Website with HTML & CSS -2

by Nabendu Biswas /July 23rd, 2020

#html #css #youtube

We will build a simple and fully responsive, Agency site in HTML and CSS. If you are new to web-development, learn HTML and CSS first from…

read more

Build an Agency Website with HTML & CSS -2

by Nabendu Biswas /July 22nd, 2020

#html #beginners #css

Welcome to part-2 of the series. We will continue building our Agency site and start with the showcase part. So, head over to the index.html…

read more

Build an Agency Website with HTML & CSS -1

by Nabendu Biswas /July 22nd, 2020

#html #beginners #css

We will build a simple Agency site in HTML and CSS. If you are new to web-development, learn HTML first from my other series here . After…

read more

YouTube Video | Website with HTML & CSS -1

by Nabendu Biswas /July 22nd, 2020

#html #css #youtube

We will build a simple and fully responsive, Agency site in HTML and CSS. If you are new to web-development, learn HTML and CSS first from…

read more

CSS Crash Course for Beginners -7

by Nabendu Biswas /July 21st, 2020

#css #beginners #webdev

Welcome to part-7 of the series. In this part we will learn positioning in CSS. Positioning in CSS There are six different value in the…

read more

CSS Crash Course for Beginners -8

by Nabendu Biswas /July 21st, 2020

#css #beginners #webdev

Welcome to part-8 of the series. We will start this part with background images. Background Images To use image we need an image. So, go…

read more

YouTube Video | CSS Crash Course - 4

by Nabendu Biswas /July 21st, 2020

#css #beginners #youtube

Welcome to another beginners course specially targeted at people, who want to start with web-development. You should first learn about HTML…

read more

React Tutorials - A beginners Guide - 4

by Rajat Negi /July 21st, 2020

#react #beginners #javascript

Understanding children property In the last article, we learnt how to pass values to our component using props. We can do this in another…

read more

CSS Crash Course for Beginners -5

by Nabendu Biswas /July 20th, 2020

#css #beginners #webdev

Welcome to part-5 of the series. We will start to style forms in this part. Styling Forms We will first create a simple form and after that…

read more

CSS Crash Course for Beginners -6

by Nabendu Biswas /July 20th, 2020

#css #beginners #webdev

Welcome to part-6 of the series. We will learn about Alignment and Floating in this part. They are a bit of old concept, but still in use at…

read more

YouTube Video | CSS Crash Course - 3

by Nabendu Biswas /July 20th, 2020

#css #beginners #youtube

Welcome to another beginners course specially targeted at people, who want to start with web-development. You should first learn about HTML…

read more

CSS Crash Course for Beginners -4

by Nabendu Biswas /July 19th, 2020

#css #beginners #webdev

Welcome to part-4 of the series. We will start this part by looking into some more CSS properties related to fonts. More Font Properties We…

read more

YouTube Video | CSS Crash Course - 2

by Nabendu Biswas /July 19th, 2020

#css #beginners #youtube

Welcome to another beginners course specially targeted at people, who want to start with web-development. You should first learn about HTML…

read more

CSS Crash Course for Beginners -2

by Nabendu Biswas /July 18th, 2020

#css #beginners #webdev

Welcome to part-2 of the series. Colors In CSS We had added a lot of back-ground color and text color in the previous part. There are three…

read more

CSS Crash Course for Beginners -3

by Nabendu Biswas /July 18th, 2020

#css #beginners #webdev

Welcome to part-3 of the series. Class & Id We have the concept of class and id in CSS. They can be used to target any HTML element…

read more

YouTube Video | CSS Crash Course - 1

by Nabendu Biswas /July 18th, 2020

#css #beginners #youtube

Welcome to another beginners course specially targeted at people, who want to start with web-development. You should first learn about HTML…

read more

CSS Crash Course for Beginners -1

by Nabendu Biswas /July 17th, 2020

#css #beginners #webdev

Welcome to another beginners course specially targeted at people, who want to start with web-development. You should first learn about HTML…

read more

HTML Crash Course for Beginners - 4

by Nabendu Biswas /July 17th, 2020

#html #beginners #webdev

Welcome to part-4 of the series. We will continue with learning some more form tags first, and complete our form journey. We will next see…

read more

YouTube Video | HTML Crash Course - 3

by Nabendu Biswas /July 17th, 2020

#html #beginners #youtube

I had decided to create a HTML tutorial for absolute beginners. This video is for those who are just starting in Web-development. After this…

read more

HTML Crash Course for Beginners - 3

by Nabendu Biswas /July 16th, 2020

#html #beginners #webdev

Welcome to part-3 of the series. We will continue learning about more HTML tags. But before that let’s learn about Tag Attributes. Tag…

read more

YouTube Video | HTML Crash Course - 2

by Nabendu Biswas /July 16th, 2020

#html #beginners #youtube

I had decided to create a HTML tutorial for absolute beginners. This video is for those who are just starting in Web-development. After this…

read more

HTML Crash Course for Beginners - 2

by Nabendu Biswas /July 15th, 2020

#html #beginners #webdev

Welcome to part-2 of the series. In the part-1 we mainly did some setups and some basics. But before moving forward will look into more…

read more

React Tutorials - A beginners Guide - 3

by Rajat Negi /July 15th, 2020

#react #beginners #javascript

To get started with building a project follow the steps on this link . Now every time you are opening your project you just need: Your…

read more

YouTube Video | HTML Crash Course - 1

by Nabendu Biswas /July 15th, 2020

#html #beginners #youtube

I had decided to create a HTML tutorial for absolute beginners. This video is for those who are just starting in Web-development. After this…

read more

HTML Crash Course for Beginners - 1

by Nabendu Biswas /July 14th, 2020

#html #beginners #webdev

I had decided to create a HTML tutorial for absolute beginners. This post is for those who are just starting in Web-development. After this…

read more

React Tutorials - A beginners Guide - 2

by Rajat Negi /July 14th, 2020

#react #beginners #javascript

React uses the most recent version of javascript. If someone already knows this, they should skip this part. let and const In ES…

read more

YouTube Video | Create a twitch clone using React -7

by Nabendu Biswas /July 14th, 2020

#react #youtube #webdev

This video is from my YouTube channel — The Web Dev . Here, we will create a clone of the popular streaming service https://www.twitch.tv…

read more

React Tutorials - A beginners Guide - 1

by Rajat Negi /July 13th, 2020

#react #beginners #javascript

Here I am beginning my react journey. I have chosen a course on Udemy by Maximilian Schwarzmüller . And I am planning to write posts about…

read more

YouTube Video | Create a twitch clone using React -6

by Nabendu Biswas /July 13th, 2020

#react #youtube #webdev

This video is from my YouTube channel — The Web Dev . Here, we will create a clone of the popular streaming service https://www.twitch.tv…

read more

VIM 101 - A beginners Guide

by Rajat Negi /July 12th, 2020

#linux #beginners #webdev

In this post i will try to give you a view of how you can use vim. A very basic guide to get you started with using vim. If you are always…

read more

YouTube Video | Create a twitch clone using React -5

by Nabendu Biswas /July 12th, 2020

#react #youtube #webdev

This video is from my YouTube channel — The Web Dev . Here, we will create a clone of the popular streaming service https://www.twitch.tv…

read more

YouTube Video | Create a twitch clone using React -4

by Nabendu Biswas /July 11th, 2020

#react #youtube #webdev

This video is from my YouTube channel — The Web Dev . Here, we will create a clone of the popular streaming service https://www.twitch.tv…

read more

YouTube Video | Create a twitch clone using React -3

by Nabendu Biswas /July 10th, 2020

#react #youtube #webdev

This video is from my YouTube channel — The Web Dev . Here, we will create a clone of the popular streaming service https://www.twitch.tv…

read more

YouTube Video | Create a twitch clone using React -2

by Nabendu Biswas /July 9th, 2020

#react #youtube #webdev

This video is from my YouTube channel — The Web Dev . Here, we will create a clone of the popular streaming service https://www.twitch.tv…

read more

YouTube Video | Create a twitch clone using React -1

by Nabendu Biswas /July 8th, 2020

#react #youtube #webdev

This video is from my YouTube channel — The Web Dev. Here, we will create a clone of the popular streaming service https://www.twitch.tv…

read more

YouTube Video | Understanding React Hooks

by Nabendu Biswas /July 7th, 2020

#react #youtube #hooks

I had recently started my YouTube channel — The Web Dev. We are going to build a simple app using the latest React feature of hooks, which…

read more

Top 10 VS Code Extensions in 2020

by Nabendu Biswas /July 5th, 2020

#html #react #vscode

I had recently formatted my Mac, as it was getting slow. After the format the mac became very fast, but i lost all of my VSCode extensions…

read more

YouTube Video | Top 10 VS Code Extensions in 2020

by Nabendu Biswas /July 5th, 2020

#html #vscode #youtube

I had recently started my YouTube channel — The Web Dev. Visual Studio Code is an amazing code editor. It's open source and the community…

read more

YouTube Video | Create App using unsplash API in ReactJS — 4

by Nabendu Biswas /July 4th, 2020

#javascript #react #youtube

I had recently started my YouTube channel — The Web Dev. I had decided to start putting all my blogs into the YouTube channel. We will…

read more

YouTube Video | Create App using unsplash API in ReactJS — 3

by Nabendu Biswas /July 3rd, 2020

#javascript #react #youtube

I had recently started my YouTube channel — The Web Dev. I had decided to start putting all my blogs into the YouTube channel. We will…

read more

Build a Recipe site with Gatsby and Firebase-5

by Nabendu Biswas /July 2nd, 2020

#firebase #react #gatsby

Welcome to part-5 of the series. We need to update our home page to show each recipe, in a nice card. But before that, let’s update our…

read more

YouTube Video | Create App using unsplash API in ReactJS — 2

by Nabendu Biswas /July 2nd, 2020

#javascript #react #youtube

I had recently started my YouTube channel — The Web Dev. I had decided to start putting all my blogs into the YouTube channel. We will…

read more

Build a Recipe site with Gatsby and Firebase-4

by Nabendu Biswas /July 1st, 2020

#firebase #react #gatsby

Welcome to part-4 of the series. Before moving forward, let’s change our site title . Open the file gatsby-config.js and change the…

read more

YouTube Video | Create App using unsplash API in ReactJS — 1

by Nabendu Biswas /July 1st, 2020

#javascript #react #youtube

I had recently started my YouTube channel — The Web Dev. I had decided to start putting all my blogs into the YouTube channel. We will…

read more

Build a Recipe site with Gatsby and Firebase-3

by Nabendu Biswas /June 30th, 2020

#firebase #react #gatsby

Welcome to part-3 of the series. Now, we will use the graphql in our code. But first let’s remove all the boiler-plate code from our gatsby…

read more

Using Context API in React with Hooks

by Nabendu Biswas /June 30th, 2020

#react #javascript #context

I had created a simple translation app using React Context API, in a class based project 1 year back. All the concepts with Context remains…

read more

YouTube Video | Understanding React Context API -2

by Nabendu Biswas /June 30th, 2020

#react #youtube #context

I had recently started my YouTube channel — The Web Dev. I had decided to start putting all my blogs into the YouTube channel. Here, we will…

read more

Build a Recipe site with Gatsby and Firebase-2

by Nabendu Biswas /June 29th, 2020

#firebase #react #gatsby

Welcome to part-2 of the series. Let’s start from where we had left. We had configured firebase in the previous part and now we will start…

read more

YouTube Video | Understanding React Context API -1

by Nabendu Biswas /June 29th, 2020

#react #youtube #context

I had recently started my YouTube channel — The Web Dev. I had decided to start putting all my blogs into the YouTube channel. Here, we will…

read more

Fixing my mobile site issues with position sticky

by Nabendu Biswas /June 28th, 2020

#javascript #css #gatsby

I get a lot of visits from mobile devices in my site https://thewebdev.tech/ and i got some issues while visiting my site on mobile. So…

read more

React Hooks Tutorial | Create Youtube Player -2

by Nabendu Biswas /June 28th, 2020

#react #javascript #hooks

Welcome to part-2 of the series. Let’s continue our journey, where i am changing my class based project to a functional project using hooks…

read more

React Hooks Video | Create Youtube Player -2

by Nabendu Biswas /June 28th, 2020

#react #youtube #hooks

I had recently started my YouTube channel — The Web Dev. I had decided to start putting all my blogs into the YouTube channel. We had…

read more

Add YouTube API Key and hide in React App

by Nabendu Biswas /June 27th, 2020

#react #javascript #youtube

When i create my first blog 2.5 years back, it was a React app which was using YouTube API. You can find the link for it here . Now, i did…

read more

React Hooks Tutorial | Create Youtube Player -1

by Nabendu Biswas /June 27th, 2020

#react #javascript #hooks

Recently i started to add more articles to my old blog series on Creating a Youtube Player. I had added articles to refactor it to use Redux…

read more

React Hooks Video | Create Youtube Player -1

by Nabendu Biswas /June 27th, 2020

#react #youtube #hooks

I had recently started my YouTube channel — The Web Dev. I had decided to start putting all my blogs into the YouTube channel. We had…

read more

Build a Recipe site with Gatsby and Firebase-1

by Nabendu Biswas /June 26th, 2020

#firebase #react #gatsby

Welcome to a brand new series, where we make a recipe sharing site using GatsbyJS and Firebase. The idea of this site came during this COVID…

read more

React Redux Video | Create Youtube Player -3

by Nabendu Biswas /June 26th, 2020

#react #youtube #redux

I had recently started my YouTube channel — The Web Dev. I had decided to start putting all my blogs into the YouTube channel. We had…

read more

React Redux Tutorial | Create Youtube Player -3

by Nabendu Biswas /June 26th, 2020

#react #javascript #redux

Welcome to part-3 of the series. We will add the functionality to click on a video, in the list to select it and display it in the player…

read more

React Redux Video | Create Youtube Player -2

by Nabendu Biswas /June 25th, 2020

#react #youtube #redux

I had recently started my YouTube channel — The Web Dev. I had decided to start putting all my blogs into the YouTube channel. We had…

read more

React Redux Tutorial | Create Youtube Player -2

by Nabendu Biswas /June 25th, 2020

#react #javascript #redux

Welcome to part-2 of the series. Now we will add the SearchBar functionality. It is pretty much straight forward. First update the App.js…

read more

React Redux Video | Create Youtube Player -1

by Nabendu Biswas /June 24th, 2020

#react #youtube #redux

I had recently started my YouTube channel — The Web Dev. I had decided to start putting all my blogs into the YouTube channel. We had…

read more

React Redux Tutorial | Create Youtube Player -1

by Nabendu Biswas /June 24th, 2020

#react #javascript #redux

My first blog was a react tutorial to create a YouTube player. After 2.5 years and 240 blogs, i decided to revisit it. I had started my…

read more

React Tutorials - Youtube Player Refactoring - 2

by Nabendu Biswas /June 23rd, 2020

#react #youtube #javascript

I had recently started my YouTube channel — The Web Dev. I had decided to start putting all my blogs into the YouTube channel. The youtube…

read more

React Tutorials - Youtube Player Refactoring - 1

by Nabendu Biswas /June 22nd, 2020

#react #youtube #javascript

I had recently started my YouTube channel — The Web Dev. I had decided to start putting all my blogs into the YouTube channel. Many times in…

read more

React & Flux Tutorials - Create Youtube Player - 3

by Nabendu Biswas /June 21st, 2020

#react #youtube #javascript

I had recently started my YouTube channel — The Web Dev. I had decided to start putting all my blogs into the YouTube channel. So, this is…

read more

React & Flux Tutorials - Create Youtube Player - 2

by Nabendu Biswas /June 20th, 2020

#react #youtube #javascript

I had recently started my YouTube channel — The Web Dev. I had decided to start putting all my blogs into the YouTube channel. So, this is…

read more

React & Flux Tutorials - Create Youtube Player - 1

by Nabendu Biswas /June 19th, 2020

#react #youtube #javascript

I had recently started my YouTube channel — The Web Dev. I had decided to start putting all my blogs into the YouTube channel. So, this is…

read more

How I deployed my Gatsby site to AWS S3 - 4

by Nabendu Biswas /June 18th, 2020

#AWS #devops #gatsby

Welcome to part-4 of the series. We had created an IAM account in the previous part, we will start with getting the access keys from our AWS…

read more

React Tutorials - Create Youtube Player - 3

by Nabendu Biswas /June 17th, 2020

#react #youtube #javascript

I had recently started my YouTube channel — The Web Dev. I had decided to start putting all my blogs into the YouTube channel. So, this is…

read more

How I deployed my Gatsby site to AWS S3 - 3

by Nabendu Biswas /June 16th, 2020

#AWS #devops #gatsby

Welcome to part-3 of the series. We will start with creating an iam account before moving forward, as that is what is recommended by AWS…

read more

React Tutorials - Create Youtube Player - 2

by Nabendu Biswas /June 16th, 2020

#react #youtube #javascript

I had recently started my YouTube channel — The Web Dev. I had decided to start putting all my blogs into the YouTube channel. So, this is…

read more

How I deployed my Gatsby site to AWS S3 - 2

by Nabendu Biswas /June 15th, 2020

#AWS #devops #gatsby

Welcome to part-2 of our AWS journey. I am deploying my blog site to AWS S3 which is currently deployed in Netlify. So, we will start to…

read more

React Tutorials - Create Youtube Player - 1

by Nabendu Biswas /June 15th, 2020

#react #youtube #javascript

I had recently started my YouTube channel — The Web Dev. I had decided to start putting all my blogs into the YouTube channel. So, i am…

read more

How I deployed my Gatsby site to AWS S3 - 1

by Nabendu Biswas /June 14th, 2020

#AWS #devops #gatsby

I have been using the amazing service of netlify for the past one year to deploy all my test site and also the production sites. Two of my…

read more

Image Optimization in Gatsby after bad Lighthouse audit

by Nabendu Biswas /June 13th, 2020

#javascript #react #gatsby

As most of you know my new blog site is live at https://thewebdev.tech/ I recently did a lighthouse audit from google chrome console and my…

read more

Learn to build websites with GatsbyJS

by Nabendu Biswas /June 3rd, 2020

#javascript #react #gatsby

As many of my readers know from my previous post that, after investing in learning GatsbyJS for the past 1 year and publishing blog series…

read more

My Coding Blog From Scratch Using Gatsby and MDX - 30

by Nabendu Biswas /May 31st, 2020

#gatsby #react #javascript

Welcome to part-30 of the series. I had one issue for the code styling, i did in the previous part. It was all hard coded, so if i have to…

read more

Build an Restaurant site with Gatsby and Snipcart - 18

by Nabendu Biswas /May 21st, 2020

#javascript #react #gatsby

Welcome to part-18 of the series. There is a feature which is pending in our site and this is of Webhooks. We have added all menu items, but…

read more

My Coding Blog From Scratch Using Gatsby and MDX - 29

by Nabendu Biswas /May 20th, 2020

#gatsby #react #javascript

Welcome to part-29 of the series. As i had added more blogs to my site, i found some more CSS issues which i will fixing next. The first…

read more

Build an Restaurant site with Gatsby and Snipcart - 17

by Nabendu Biswas /May 20th, 2020

#javascript #react #gatsby

Welcome to part-17 of the series. In the previous part after implementing snipcart, i had pushed the code to netlify to deploy the site. But…

read more

Build an Restaurant site with Gatsby and Snipcart - 16

by Nabendu Biswas /May 19th, 2020

#javascript #react #gatsby

Welcome to part-16 of the series. In the previous part we had done all the changes to implement snipcart. So, let’s start to add ecommerce…

read more

My One year of work — Gatsby Cookbook

by Nabendu Biswas /May 18th, 2020

#javascript #react #gatsby

As most of my readers know, i had invested heavily in GatsbyJS and writing blog in it for the past 1 year. I also created 3 of my personal…

read more

Build an Restaurant site with Gatsby and Snipcart - 15

by Nabendu Biswas /May 18th, 2020

#javascript #react #gatsby

Welcome to part-15 of the series. In this part, i will start to make the static restaurant site an ecommerce site where any user can order…

read more

Build an Restaurant site with Gatsby and Snipcart - 14

by Nabendu Biswas /May 17th, 2020

#javascript #react #gatsby

Welcome to part-14 of the series. We will start to show the data from contentful in our site in this part. So, create a file Menu.js…

read more

Build an Restaurant site with Gatsby and Snipcart - 13

by Nabendu Biswas /May 16th, 2020

#javascript #react #gatsby

Welcome to part-13 of the series. We have completed added data to our contentful CMS in the past two posts. Now, to use those data we have…

read more

Build an Restaurant site with Gatsby and Snipcart - 12

by Nabendu Biswas /May 15th, 2020

#javascript #react #gatsby

Welcome to part-12 of the series. We will continue setting contenful, which we started in the previous part. So, click on the Content tab…

read more

Build an Restaurant site with Gatsby and Snipcart - 11

by Nabendu Biswas /May 14th, 2020

#javascript #react #gatsby

Welcome to part-11 of the series. We will start with our contentful setup in this part to start getting, all data from contentful CMS. So…

read more

Build an Restaurant site with Gatsby and Snipcart - 10

by Nabendu Biswas /May 13th, 2020

#javascript #react #gatsby

Welcome to part-10 of the series. We will start creating the Gallery component in the home page, in this part. So, create a new file…

read more

Build an Restaurant site with Gatsby and Snipcart - 9

by Nabendu Biswas /May 12th, 2020

#javascript #react #gatsby

Welcome to part-9 of the series. We will start with the footer component in this part. So, create a file Footer.js inside the Global…

read more

Build an Restaurant site with Gatsby and Snipcart - 8

by Nabendu Biswas /May 11th, 2020

#javascript #react #gatsby

Welcome to part-8 of the series. We will next start to create a button for the QuickInfo section. Let’s create a new button SectionButton…

read more

Build an Restaurant site with Gatsby and Snipcart - 7

by Nabendu Biswas /May 10th, 2020

#javascript #react #gatsby

Welcome to part-7 of the series. We will start this part by creating the Banner button component. This will allow us to place a button…

read more

Build an Restaurant site with Gatsby and Snipcart - 6

by Nabendu Biswas /May 9th, 2020

#javascript #react #gatsby

Welcome to part-6 of the series. We will start creating Banner component in this part. This component will show the different text, which is…

read more

Build an Restaurant site with Gatsby and Snipcart - 5

by Nabendu Biswas /May 8th, 2020

#javascript #react #gatsby

Welcome to part-5 of the series. We will start to work to display a center image in the home page. First add a new file Header.js inside…

read more

Build an Restaurant site with Gatsby and Snipcart - 4

by Nabendu Biswas /May 7th, 2020

#javascript #react #gatsby

Welcome to part-4 of the series. We will continue working on the Navbar in this part. We will first add a transition to the styles.js file…

read more

Build an Restaurant site with Gatsby and Snipcart - 3

by Nabendu Biswas /May 6th, 2020

#javascript #react #gatsby

Welcome to part-3 of the series. We will start creating generic styled components here, so that we don’t have to create different style in…

read more

Build an Restaurant site with Gatsby and Snipcart - 2

by Nabendu Biswas /May 5th, 2020

#javascript #react #gatsby

Welcome to part-2 of the series. We have completed the setup in part-1 and will start creating the project in this part. Create a folder…

read more

Build an Restaurant site with Gatsby and Snipcart - 1

by Nabendu Biswas /May 4th, 2020

#javascript #react #gatsby

I am starting a brand new project to built a restaurant site with GatsbyJS. This site will also have ecommerce feature, for the user to…

read more

Build a Firefox extension step-by-step-26

by Nabendu Biswas /May 3rd, 2020

#javascript #beginners #webdev

Welcome to part-26 of the series. In this part we will create a new addon called Website Sidenotes . This addon allows a user to save text…

read more

Build a Firefox extension step-by-step-25

by Nabendu Biswas /May 2nd, 2020

#javascript #beginners #webdev

Welcome to part-25 of the series. In this part we will create a new addon called Mobile View Tester . This addon allows a developer to…

read more

Build a Firefox extension step-by-step-24

by Nabendu Biswas /May 1st, 2020

#javascript #beginners #webdev

Welcome to part-24 of the series. In this part we will create a new addon called Read Mode . This addon allows the user to change, the…

read more

Build a Firefox extension step-by-step-23

by Nabendu Biswas /April 30th, 2020

#javascript #beginners #webdev

Welcome to part-23 of the series. In this part we will create a new addon called List Tab Cookies . This addon list all cookies in the…

read more

Build a Firefox extension step-by-step-22

by Nabendu Biswas /April 29th, 2020

#javascript #beginners #webdev

In this part we will create a new addon called Search Tabs . This addon allows the user to search any word across all your open tabs. So…

read more

Build a Firefox extension step-by-step-21

by Nabendu Biswas /April 28th, 2020

#javascript #beginners #webdev

Welcome to part-21 of the series. In this part we will create a new addon called Delete Everything . This addon allows the user to delete…

read more

Build a Firefox extension step-by-step-20

by Nabendu Biswas /April 27th, 2020

#javascript #beginners #webdev

Welcome to part-20 of the series. In this part we will create a new addon called Website History Delete . This addon allows the user to…

read more

Build a Firefox extension step-by-step-19

by Nabendu Biswas /April 26th, 2020

#javascript #beginners #webdev

Welcome to part-19 of the series. In this part we will create a new addon called Delete Last Download . This addon shows the last…

read more

Build a Firefox extension step-by-step-18

by Nabendu Biswas /April 25th, 2020

#javascript #beginners #webdev

Welcome to part-18 of the series. We will complete our addon Tab Utility , which we had started building in part-17. Let’s add…

read more

Build a Firefox extension step-by-step-17

by Nabendu Biswas /April 24th, 2020

#javascript #beginners #webdev

Welcome to part-17 of the series. In this part we will create a new addon called Tab Utility . This addon will allow us to do a list of…

read more

Build a Firefox extension step-by-step-16

by Nabendu Biswas /April 23rd, 2020

#javascript #beginners #webdev

Welcome to part-16 of the series. In this part we will create a new addon called Domain Blocker . This addon will blocks requests to any…

read more

Build a Firefox extension step-by-step-15

by Nabendu Biswas /April 22nd, 2020

#javascript #beginners #webdev

Welcome to part-15 of the series. In this part we will create a new addon called Text Search . This addon will allow us to choose the…

read more

Build a Firefox extension step-by-step-14

by Nabendu Biswas /April 21st, 2020

#javascript #beginners #webdev

Welcome to part-14 of the series. In this part we will create a new addon called Top Sites . It will show a list of most visited sites…

read more

Build a Firefox extension step-by-step-13

by Nabendu Biswas /April 20th, 2020

#javascript #beginners #webdev

Welcome to part-13 of the series. In this part we will create a new addon called Website Stats . It will show statistics about the web…

read more

Build a Firefox extension step-by-step-12

by Nabendu Biswas /April 19th, 2020

#javascript #beginners #webdev

Welcome to part-12 of the series. In this part we will create a now addon called Simply Notes . It’s a simple note taking app, which will…

read more

My Coding Blog From Scratch Using Gatsby and MDX - 28

by Nabendu Biswas /April 18th, 2020

#gatsby #react #javascript

Welcome to part-28 of the series. In this part i will start with adding the logic to show current count of total blogs, next to search bar…

read more

My Coding Blog From Scratch Using Gatsby and MDX - 27

by Nabendu Biswas /April 17th, 2020

#gatsby #react #javascript

Welcome to part-27 of the series. As most of you know that i had completed my new blog site thewebdev.tech , but needed to do three minor…

read more

Video Chat app using Gatsby and twilio-8

by Nabendu Biswas /April 16th, 2020

#gatsby #twilio #react

Welcome to the final part of the series. Our web-app is almost finish and only some CSS remains, so let’s start it. I also want to show the…

read more

Video Chat app using Gatsby and twilio-7

by Nabendu Biswas /April 14th, 2020

#gatsby #twilio #react

Welcome to part-7 of the series. We will now start showing the local web-cam video. So, open your video.js file and update the highlighted…

read more

Video Chat app using Gatsby and twilio-6

by Nabendu Biswas /April 13th, 2020

#gatsby #twilio #react

Welcome to part-6 of the series. In previous part we got our result back from twilio. Now, it’s time to store the result so that we can use…

read more

Video Chat app using Gatsby and twilio-5

by Nabendu Biswas /April 12th, 2020

#gatsby #twilio #react

Welcome to part-5 of the series. We need to do an api call to the twilio endpoint, which contains our function. For this we will install…

read more

Video Chat app using Gatsby and twilio-4

by Nabendu Biswas /April 11th, 2020

#gatsby #twilio #react

Welcome to part-4 of the series. We will start from where we had left. We will do some coding now, but first start the project by moving to…

read more

Video Chat app using Gatsby and twilio-3

by Nabendu Biswas /April 10th, 2020

#gatsby #twilio #react

Welcome to part-3 of the series. We will finally start creating twilio function in this part. First click on the three dots in the left side…

read more

Video Chat app using Gatsby and twilio-2

by Nabendu Biswas /April 8th, 2020

#gatsby #twilio #react

Welcome to part-2 of the series. We will continue our journey to build a simple video chat app with twilio api, for the dev.to hackathon. We…

read more

Video Chat app using Gatsby and twilio-1

by Nabendu Biswas /April 7th, 2020

#gatsby #twilio #react

On Apr 02, 2020 one of my favourite dev community and site dev.to announced, a twilio hackathon. The link for the same is here . In this…

read more

Build a Covid-19 Firefox extension step-by-step-11

by Nabendu Biswas /April 5th, 2020

#javascript #beginners #webdev

Welcome to part-11 of the series. I often go to unsplash.com for using royalty free images in all by blog posts. During this covid-1…

read more

Build a Firefox extension step-by-step-10

by Nabendu Biswas /April 4th, 2020

#javascript #beginners #webdev

Welcome to part-10 of the series. We will continue building extensions, which show some type of image when we open a new tab. The third tab…

read more

Build a Firefox extension step-by-step-9

by Nabendu Biswas /April 3rd, 2020

#javascript #beginners #webdev

Welcome to part-9 of the series. We will continue building extensions, which show some type of image when we open a new tab. The second tab…

read more

Build a Firefox extension step-by-step-8

by Nabendu Biswas /April 2nd, 2020

#javascript #beginners #webdev

Welcome to part-8 of the series. In this part we will make some more firefox extensions. We will create some tab addons. These addons shows…

read more

Build a Firefox extension step-by-step-7

by Nabendu Biswas /April 1st, 2020

#javascript #beginners #webdev

Welcome to part-7 of the series. In this part i will mainly fix some small errors in the earlier submitted addons to mozilla addons site. We…

read more

Build a Covid-19 Firefox extension step-by-step-6

by Nabendu Biswas /March 31st, 2020

#javascript #beginners #webdev

Welcome to part-6 of the series. As in the previous two parts, i will make one more firefox extensions to help us in this covid-19 crisis…

read more

Build a Covid-19 Firefox extension step-by-step-5

by Nabendu Biswas /March 30th, 2020

#javascript #beginners #webdev

Welcome to part-5 of the series. As in the previous part, i will make two more firefox extensions to help us in this covid-19 crisis…

read more

Build two Covid-19 Firefox extension step-by-step-4

by Nabendu Biswas /March 29th, 2020

#javascript #beginners #webdev

Welcome to part-4 of the series. As, the title tells i will be creating some firefox extensions to help in the covid-19 crisis. Since, there…

read more

Build a Firefox extension step-by-step-3

by Nabendu Biswas /March 28th, 2020

#javascript #beginners #webdev

Welcome to part-3 of the series. This part we will start by creating a simple firefox extension, which will show a browser notification…

read more

Build a Firefox extension step-by-step-2

by Nabendu Biswas /March 23rd, 2020

#javascript #beginners #webdev

Welcome to part-2 of the series. In this part we will start by submitting the firefox extension, which we created in part-1. You need to…

read more

Build a Firefox extension step-by-step-1

by Nabendu Biswas /March 22nd, 2020

#javascript #beginners #webdev

Two years back i created a lot of firefox extensions(23 in total), also known as add-ons. Slowly, i moved to other side projects and forgot…

read more

My Coding Blog From Scratch Using Gatsby and MDX - 26

by Nabendu Biswas /March 17th, 2020

#gatsby #react #javascript

Welcome to part-26 of the series. In this part we will start to add the Mailchimp subscription to our project, so that users can subscribe…

read more

My Coding Blog From Scratch Using Gatsby and MDX - 25

by Nabendu Biswas /March 16th, 2020

#gatsby #react #javascript

Welcome to part-25 of the series. Since the site thewebdev.tech was deployed, i was able to check it in a real mobile device and there…

read more

My Coding Blog From Scratch Using Gatsby and MDX - 24

by Nabendu Biswas /March 15th, 2020

#gatsby #react #javascript

Welcome to part-24 of the series. We have one thing left to do with the previous SEO plugin and it is to add twitter and facebook cards. We…

read more