Image Optimization with NextJS
by Nabendu Biswas /August 2nd, 2022
#nextjs #javascript #react
In this same demo, we will learn about NextJS image optimization. NextJS is know for it’s image optimization which is a pain point in any…
read more589
Learn React Redux with API Project
by Nabendu Biswas /February 20th, 2022
#javascript #react #webdev
We are going to learn React redux by building an amazing eCommerce project, which will do API call to get data. We will start from scratch…
read more
5 Custom ReactJS Hooks for every project
by Nabendu Biswas /February 14th, 2022
#javascript #react #webdev
Hooks have changed the ways we work with React. We all have worked with useState, useEffect and other awesome hooks. But we can also make…
read more
Angular 12 MEAN stack app
by Nabendu Biswas /February 12th, 2022
#javascript #angular #webdev
Welcome to a brand new MEAN stack project. Here, we are going to build an employee management application from scratch, with MEAN(MongoDB…
read more
Angular 12 News Application
by Nabendu Biswas /February 2nd, 2022
#javascript #angular #webdev
Welcome to a brand new Angular project. Here, we are going to build an Angular 12 News application from scratch. Now, go to any folder in…
read more
Building a Recipe Book app in Angular-5
by Nabendu Biswas /January 28th, 2022
#javascript #angular #webdev
Welcome to final part of the recipe book app. We will HTTP requests in our app, in this part. We will add on top of the app we have create…
read more
Angular Basics-13
by Nabendu Biswas /January 24th, 2022
#javascript #angular #webdev
Welcome to part-13 of Angular Basics series. In this part , we will continue to learn to do HTTP requests in Angular. The starting point is…
read more
Angular Basics-12
by Nabendu Biswas /January 22nd, 2022
#javascript #angular #webdev
Welcome to part-12 of Angular Basics series. In this part , we will learn to do HTTP requests in Angular. The starting point can be taken…
read more
Angular Basics-11
by Nabendu Biswas /January 20th, 2022
#javascript #angular #webdev
Welcome to part-11 of Angular Basics series. In this part , we will learn about pipes in Angular. Pipes are used to transform output in our…
read more
Angular Basics-10
by Nabendu Biswas /January 18th, 2022
#javascript #angular #webdev
Welcome to part-10 of Angular Basics series. In this part , we will learn about Reactive approach to create forms in Angular. The starting…
read moreAngular Basics-9
by Nabendu Biswas /January 16th, 2022
#javascript #angular #webdev
Welcome to part-9 of Angular Basics series. In this part , we will learn about forms in Angular. Angular provide us with two approaches to…
read moreBuilding a Recipe Book app in Angular-3
by Nabendu Biswas /December 31st, 2021
#javascript #angular #webdev
Welcome to part-3 of the recipe book app. We will start with adding routing in this part. We will add on top of the app we have create in…
read moreAngular Basics-8
by Nabendu Biswas /December 25th, 2021
#javascript #angular #webdev
Welcome to part-8 of Angular Basics series. In this part also, we will learn about Observables. The starting point can be taken from here…
read moreAngular Basics-7
by Nabendu Biswas /December 21st, 2021
#javascript #angular #webdev
Welcome to part-7 of Angular Basics series. In this part also, we will continue with routing. The starting point will be the code from the…
read moreAngular Basics-6
by Nabendu Biswas /December 19th, 2021
#javascript #angular #webdev
Welcome to the sixth part of Angular Basics. We will learn to change paths with Routing in this post. The starting point for this project…
read moreBuilding a Recipe Book app in Angular-2
by Nabendu Biswas /December 15th, 2021
#javascript #angular #webdev
Welcome to part-2 of the recipe book app. We will add on top of the app we have create in the previous part . You can find the code for the…
read moreAngular Basics-5
by Nabendu Biswas /December 6th, 2021
#javascript #angular #webdev
Welcome to the fifth part of Angular Basics. We will deep dive into services and dependency Injection in this part. The service in Angular…
read moreAngular Basics-4
by Nabendu Biswas /December 1st, 2021
#javascript #angular #webdev
Welcome to the fourth part of Angular Basics. We will deep dive into directives in this part. The starting point of the project can be taken…
read moreBuilding a Recipe Book app in Angular-1
by Nabendu Biswas /November 29th, 2021
#javascript #angular #webdev
We are going to build a recipe book app by using the concepts of Angular we learnt earlier. This app will be build in multiple posts, so…
read moreBeautiful Login and Registration Form
by Nabendu Biswas /November 27th, 2021
#html #beginners #css
In this post, we are going to create a beautiful Login and registration form with HTML and CSS. So, open VSCode and create the basic…
read more
Pricing component with toggle
by Nabendu Biswas /November 20th, 2021
#html #beginners #css
In this post we are going to create the Pricing component with toggle from Frontend mentor. Pricing component After downloading the…
read more
Insure landing page
by Nabendu Biswas /November 18th, 2021
#html #beginners #css
In this post we are going to create the Insure Landing Page from Frontend mentor. Insure After downloading the resources, I had extracted…
read more
Huddle landing page
by Nabendu Biswas /November 16th, 2021
#html #beginners #css
In this post we are going to create the Huddle landing page with alternating feature blocks from Frontend mentor. Huddle After downloading…
read more
Ping single column Page
by Nabendu Biswas /November 14th, 2021
#html #beginners #css
In this post we are going to create the Ping — Single Column Coming Soon Page from Frontend mentor. Ping After downloading the resources…
read moreIntro component with sign-up form
by Nabendu Biswas /November 10th, 2021
#html #beginners #css
In this post we are going to do a frontend mentor challenge which is Intro component with sign-up form. Intro Challenge After downloading…
read moreAngular Basics -3
by Nabendu Biswas /November 1st, 2021
#javascript #angular #webdev
Welcome to the third part of Angular Basics. We will start from where we left. Some of the concepts in this post, were taken from the…
read more
Angular Basics -2
by Nabendu Biswas /October 26th, 2021
#javascript #angular #webdev
Welcome to the second part of Angular Basics. You can find the first part here. We will start from where we left. First we will understand…
read more
Angular Basics -1
by Nabendu Biswas /October 23rd, 2021
#javascript #angular #webdev
We will start with Angular, which was the first JavaScript Framework to start the change towards web-apps as it was released way back in…
read moreApplication using ReactJS, Unsplash API and cloudflare worker
by Nabendu Biswas /October 22nd, 2021
#react #javascript #cloudflare
In this post we are going to build an Application for Image Search. We will get the image from Unsplash API, the frontend will be in ReactJS…
read moreServerless Application using Cloudflare Worker
by Nabendu Biswas /October 18th, 2021
#css #javascript #cloudflare
Cloudflare worker is a serverless application platform, that allows you to create applications and deploy them on it’s Edge network. We will…
read more
Full-stack App with React, Airtable and Netlify
by Nabendu Biswas /October 12th, 2021
#css #javascript #react
In this post, we will build a course tracker using React, Airtable and Netlify serverless functions. It will have full CRUD operations and…
read more
100 Days of Code
by Nabendu Biswas /October 10th, 2021
#css #javascript #react
100 Days Of Code - Log Along with #100daysofcode i am also doing #100daysofvideo challenge and learning and producing videos every day. Day…
read moreHULU Website Clone using HTML, CSS, and Javascript
by Divya M C M /October 6th, 2021
#css #javascript #webdev
Building a clone of famous websites like hulu.com is really challenging and a good exercise for aspiring front-end developers. Here the…
read moreMovie App using HTML, CSS, and Javascript
by Divya M C M /October 4th, 2021
#css #javascript #webdev
Let’s do some good exercise by building a Trending Movies app using HTML, CSS, and Javascript 📽.The movie’s data used in the project is…
read moreWhack a Mole game using HTML, CSS, and Javascript
by Divya M C M /October 1st, 2021
#css #javascript #webdev
Let’s have some fun by building a Whack a Mole game using HTML, CSS, and Javascript ⚒ . This game consists of nine dirt holes and a mole…
read morePassword Generator using HTML, CSS, and Javascript
by Divya M C M /September 26th, 2021
#css #javascript #webdev
Let’s build a password generator which generate passwords of different lengths and which can include or exclude special characters in the…
read moreCountdown Timer using HTML, CSS, and Javascript
by Divya M C M /September 24th, 2021
#css #javascript #webdev
We might have come across e-commerce websites with countdown timers that give information on some sales or deals. We will create a web page…
read moreKey Sequence Detection using HTML, CSS, and Javascript
by Divya M C M /September 20th, 2021
#css #javascript #webdev
Let’s learn some javascript by doing a simple project.The objective of the project is to detect a given key sequence in the user input and…
read moreFollow along Navigation using HTML, CSS, and Javascript
by Divya M C M /September 14th, 2021
#css #javascript #webdev
You might have seen some cool websites where just mouse hover on the navigation will show a strip or highlights. Let’s build a simple…
read moreAnalog Clock using HTML, CSS, and Javascript
by Divya M C M /September 12th, 2021
#css #javascript #webdev
Let’s start learning some cool CSS tricks and a bit of Javascript by building an analog clock using HTML, CSS, and Javascript. Trust me…
read moreDrum Kit using HTML, CSS, and Javascript
by Divya M C M /September 10th, 2021
#css #javascript #webdev
How about building drum kit on your own virtually with the help of some scripting language?Sounds cool right! Let’s start building a simple…
read moreBuild Music Player using HTML, CSS, and JS
by Divya M C M /September 6th, 2021
#css #javascript #webdev
How about building a Music player on your own from scratch? Exciting right! Let’s start. Folder Structure of the project index.html…
read more
Weather Card Using HTML and CSS
by Jitendra Kumar /August 26th, 2021
#beginners #css #webdev
In this blog we will build beautiful Weather Card Using html and Css. First create folder in our computer drive. Weather Site Next write…
read more
Profile Card Glassmorphism Using HTML CSS
by Jitendra Kumar /August 23rd, 2021
#beginners #css #webdev
Today we will build Profile Card Using Html Css. First create folder in our system. Profile Site Next Right Click on folder and Click on…
read more
GlassMorphism List UI Using HTML and CSS.
by Jitendra Kumar /August 20th, 2021
#beginners #css #webdev
In this tutorial we are going to build very beautiful Glassmorphism List UI Using Html Css design. First we create one folder in our…
read more
Glassmorphism using html and css
by Jitendra Kumar /August 18th, 2021
#beginners #css #webdev
In this Blog we are going to build very beautiful Glassmorphism Using HTML CSS. Next Create folder in our computer drive.we can give any…
read more
Quick CSS Loading Animation
by Jitendra Kumar /August 16th, 2021
#beginners #css #webdev
Hello Everybody I am come back with Another blog in CSS Loading Animation Effects. Create folder inside computer CSS-Loading-Animation…
read more
Analog Clock using HTML, CSS & Javascript
by Jitendra Kumar /August 14th, 2021
#javascript #css #webdev
Hello Everybody.in this post we are going to build javascript Clock CSS Neumorphism Working Analog Clock UI Design. first create one folder…
read more
Digital Clock using HTML, CSS & Javascript
by Jitendra Kumar /August 1st, 2021
#javascript #css #webdev
Hello Everybody, I am back with another interesting and informative blog in this blog I am going to show you how you can make a simple clock…
read more
Create a Landing Page with Tailwind CSS
by Nabendu Biswas /June 4th, 2021
#css #tailwind #javascript
In this project, we are going to build a simple Tailwind CSS landing page. We are not going to use any framework like my previous blogs here…
read moreBuild a Cloudinary Image Uploader with ReactJS and NodeJS
by Nabendu Biswas /June 1st, 2021
#javascript #react #nodejs
In this post, we will build a Cloudinary uploader through which we will be able to upload images through our app to cloudinary. We will use…
read moreCryptocurrency Price Tracker App Using React
by Jitendra Kumar /May 31st, 2021
#javascript #react #webdev
In this post, we are going to create Cryptocurrency Price tracker app using ReactJS. So open your terminal and create a new react app by…
read moreBuild a Snippets App with Next.js, FaunaDB, Tailwind CSS & Auth0
by Nabendu Biswas /May 29th, 2021
#javascript #react #nextjs
In this post, we will build a Snippet app in Next.js. We will store and retrieve our data from FaunaDB and also use Tailwind CSS in the…
read more
Build a Pokedex with NextJS and Tailwind CSS
by Nabendu Biswas /May 27th, 2021
#javascript #react #nextjs
The next app with NextJS, which we will build is the Pokedex app and we will also be using Tailwind CSS in it. So, open your terminal and…
read morePhoto gallery using React and Firebase
by Jitendra Kumar /May 23rd, 2021
#javascript #react #webdev
We are going to create photo gallery using React and firebase in this post. So use create-react-app command in your folder to create a new…
read more
Signal Clone with React Native
by Nabendu Biswas /May 3rd, 2021
#reactnative #react #webdev
We are going to build Signal clone in React Native and for this we are going to use Expo and firebase for Database and authentication. So…
read more
Build a Blog Site App with Next.js and Ghost
by Nabendu Biswas /April 30th, 2021
#nextjs #react #beginners
Continuing our Next.js journey, the next application which we will build is a blog. We will use Ghost CMS for our blogs and Next.js for the…
read more
Cryptocurrency Price Tracker in NextJS
by Nabendu Biswas /April 27th, 2021
#nextjs #react #beginners
Continuing our NextJS journey, the next app which we will build is the Cryptocurrency price tracker app, which will show a nice interface…
read more
Build a News App with Next.js
by Nabendu Biswas /April 25th, 2021
#nextjs #react #beginners
After completing the crash course in the previous blog, it time to create an app with Next.js. So, we will create a News app with Next.js…
read more
NextJS Crash Course 2021
by Nabendu Biswas /April 22nd, 2021
#nextjs #react #beginners
Next is a React web-framework, that enables server-side rendering and static site generation. So, it is build on top of React which gives…
read moreFlutter News App using NewsAPI
by Nabendu Biswas /April 20th, 2021
#flutter #beginners #dart
In this post we are going to make a news app and will use the newsapi for the same. So, open up a terminal and create a new flutter app…
read moreBuild a flutter app with login functionality
by Nabendu Biswas /April 16th, 2021
#flutter #beginners #dart
I this post we are going to make a simple flutter app and will learn the basics of routing and login. We will also learn, how to make API…
read more
Build a Flashcard App in Flutter
by Nabendu Biswas /April 14th, 2021
#flutter #beginners #dart
In this blog we will continue our flutter journey and create Flashcard app, in which we can see the question and click on the card to flip…
read more
Build an Easy Read app in Flutter
by Nabendu Biswas /April 10th, 2021
#flutter #beginners #dart
In this blog we will build a very simple Easy read app, which enlarges text in our app. It is very useful to show people some text typed on…
read more
Build a Tip Calculator app in Flutter
by Nabendu Biswas /April 6th, 2021
#flutter #beginners #dart
In this blog we will continue our flutter journey and create an awesome and simple Tip calculator app. So, open up a terminal and create a…
read more
Build a Restaurant Picker app in Flutter
by Nabendu Biswas /April 5th, 2021
#flutter #beginners #dart
After learning flutter in the last two blogs, it time to create flutter apps. We will start by creating two simple flutter apps — Restaurant…
read more
Flutter Essential Course for Beginners
by Nabendu Biswas /March 30th, 2021
#flutter #beginners #dart
Welcome to the flutter essential course. This course will teach you all the basics of flutter in a detail way and can be taken after my…
read more
Flutter Crash Course for Beginners
by Nabendu Biswas /March 29th, 2021
#flutter #beginners #dart
After going through Dart in previous blog, it’s time to start our flutter journey. Before using flutter we need to install it and the…
read more
Learn Dart Basics for Beginners
by Nabendu Biswas /March 28th, 2021
#flutter #beginners #dart
I have decided to give Flutter a try, after getting frustrated with React Native errors. Now, i am working with JavaScript for more then a…
read more
COVID-19 tracker with ReactJS
by Nabendu Biswas /February 15th, 2021
#javascript #beginners #React
Welcome to a brand new React JS project, where we are going to build a COVID-19 tracker in React JS. We will get the latest data from the…
read more
React Native Simple App in 2 hours
by Nabendu Biswas /February 10th, 2021
#reactnative #react #webdev
I am mainly a ReactJS developer and worked on many enterprise level ReactJS project and also currently working on one of them. I have a lot…
read moreConquering Frontend Mentor -8
by Nabendu Biswas /January 28th, 2021
#css #beginners #webdev
Welcome to the part-8 of the series. We will continue with the next frontend master challenge which is Coding bootcamp testimonials slider…
read more
Conquering Frontend Mentor -7
by Nabendu Biswas /January 27th, 2021
#css #beginners #webdev
Welcome to the part-7 of the series. We will continue with the next frontend master challenge which is Article Preview Component Challenge…
read moreConquering Frontend Mentor -6
by Nabendu Biswas /January 26th, 2021
#css #beginners #webdev
Welcome to the part-6 of the series. We will continue with the next frontend master challenge which is Social Proof Section Challenge…
read more
Conquering Frontend Mentor -5
by Nabendu Biswas /January 25th, 2021
#css #beginners #webdev
Welcome to the part-5 of the series. We will continue with the next frontend master challenge which is Huddle landing Page Challenge…
read moreConquering Frontend Mentor -4
by Nabendu Biswas /January 24th, 2021
#css #beginners #webdev
Welcome to the part-4 of the series. We will continue with the next frontend master challenge which is Base Apparel Challenge. Base…
read more
Conquering Frontend Mentor -3
by Nabendu Biswas /January 23rd, 2021
#css #beginners #webdev
Welcome to the part-3 of the series. We will continue with the next frontend master challenge which is Single Price grid Challenge. Single…
read more
React Redux tutorials for beginners- 9
by Nabendu Biswas /January 17th, 2021
#react #beginners #redux
Welcome to part-9 of the series. We will learn about Async-actions using a react-redux app in this part. Async Actions The logic will be…
read more
React Redux tutorials for beginners- 8
by Nabendu Biswas /January 16th, 2021
#react #beginners #redux
Welcome to part-8 of the series. We will learn to add a payload to action and also additional props in mapStateToProps and…
read moreReact Redux tutorials for beginners- 7
by Nabendu Biswas /January 15th, 2021
#react #beginners #redux
Welcome to part-7 of the series. We will learn to use logger middleware in a react-redux app and also to install and use redux devtool…
read moreReact Redux tutorials for beginners- 6
by Nabendu Biswas /January 14th, 2021
#react #beginners #redux
Welcome to part-6 of the series. We will learn about using redux with react with the latest hooks in this part. React-redux hooks This is a…
read moreReact Redux tutorials for beginners- 5
by Nabendu Biswas /January 13th, 2021
#react #beginners #redux
Welcome to part-5 of the series. We will learn about using redux with react in this part and hence the most practical part. React-Redux We…
read more
React Redux tutorials for beginners- 4
by Nabendu Biswas /January 8th, 2021
#react #beginners #redux
Welcome to part-4 of the series. We will learn about the concept of middleware in this part. Middleware Let’s learn about middleware now…
read more
React Redux tutorials for beginners- 3
by Nabendu Biswas /January 7th, 2021
#react #beginners #redux
Welcome to part-3 of the series. We will learn about the concept of multiple reducers first. Multiple Reducers We will continue with our…
read more
React Redux tutorials for beginners- 2
by Nabendu Biswas /January 6th, 2021
#react #beginners #redux
Welcome to part-2 of the series. Before moving forward with our code, we will look into the three concepts of React. Redux Core Concepts…
read more
React Redux tutorials for beginners- 1
by Nabendu Biswas /January 5th, 2021
#react #beginners #redux
Welcome to a brand new series, where are going to learn about Redux and how to use it in React applications. Prerequiste You should know the…
read moreReact Hooks Tutorials -14
by Nabendu Biswas /December 31st, 2020
#react #beginners #hooks
Welcome to part-14 of the series. We will continue learning to make custom hooks in this part. Custom hook We will create a new custom hook…
read moreReact Hooks Tutorials -13
by Nabendu Biswas /December 30th, 2020
#react #beginners #hooks
Welcome to part-13 of the series. We will learn to make custom hooks in this part. Custom hook With custom hooks we can add our own…
read moreReact Hooks Tutorials -12
by Nabendu Biswas /December 29th, 2020
#react #beginners #hooks
Welcome to part-12 of the series. We will learn about useRef hook in this part. useRef hook The useRef hook makes it possible to access DOM…
read moreReact Hooks Tutorials -11
by Nabendu Biswas /December 28th, 2020
#react #beginners #hooks
Welcome to part-11 of the series. We will learn about the other performance optimization hooks, useMemo in this part. useMemo hook To…
read more
React Hooks Tutorials -10
by Nabendu Biswas /December 24th, 2020
#react #beginners #hooks
Welcome to part-10 of the series. We will learn about a performance optimization hooks — useCallback in this part. useCallback hook To…
read more
React Hooks Tutorials -9
by Nabendu Biswas /December 23rd, 2020
#react #beginners #hooks
Welcome to part-9 of the series. We will learn to fetch data with useReducer hook in this part. Fetch data with useReducer For fetching data…
read moreReact Hooks Tutorials -8
by Nabendu Biswas /December 22nd, 2020
#react #beginners #hooks
Welcome to part-8 of the series. We will learn more about useReducer hook in this part. Multiple useReducers In the previous part, we had…
read moreReact Hooks Tutorials -7
by Nabendu Biswas /December 18th, 2020
#react #beginners #hooks
Welcome to part-7 of the series. We will learn about useReducer hook in this part. useReducer hook It is mainly used for state management…
read moreReact Hooks Tutorials -6
by Nabendu Biswas /December 17th, 2020
#react #beginners #hooks
Welcome to part-6 of the series. We will learn about useContext hook in this part. useContext hook We have learned about context in the…
read moreReact Hooks Tutorials -5
by Nabendu Biswas /December 16th, 2020
#react #beginners #hooks
Welcome to part-5 of the series. We will look into doing API calls with useEffect in this part. Fetching data with useEffect In this part…
read moreReact Hooks Tutorials -4
by Nabendu Biswas /December 13th, 2020
#react #beginners #hooks
Welcome to part-4 of the series. We will look into more ways to use the useEffect in this part. useEffect only once In the last example, we…
read moreReact Hooks Tutorials -3
by Nabendu Biswas /December 12th, 2020
#react #beginners #hooks
Welcome to part-3 of the series. We will look into useEffect in this part. useEffect Hook The useEffect hook, is the second most important…
read moreReact Hooks Tutorials -2
by Nabendu Biswas /December 9th, 2020
#react #beginners #hooks
Welcome to part-2 of the series. We will look into useState with previous state in this part first. useState with previous State The example…
read moreReact Hooks Tutorials -1
by Nabendu Biswas /December 8th, 2020
#react #beginners #hooks
Welcome to a brand new series. We will learn everything about react hooks in this series. Prerequisties To learn react hooks, we need to…
read moreYouTube Video | Create-react-app without create-react-app
by Nabendu Biswas /December 3rd, 2020
#react #youtube #javascript
When it comes to start a react project, we all use the familiar create-react-app by Facebook engineers.This create-react-app stores the…
read moreCreate a react app without create-react-app
by Nabendu Biswas /December 2nd, 2020
#javascript #beginners #React
When it comes to start a react project, we all use the familiar create-react-app by Facebook engineers.This create-react-app stores the…
read more
Build a React app with Final Space API
by Nabendu Biswas /December 1st, 2020
#javascript #beginners #React
Welcome to a new React JS project, where we are going to build a simple app using Final Space API in React. So, fire up your terminal and…
read more
Build Hangman game with React
by Nabendu Biswas /November 30th, 2020
#javascript #beginners #React
Welcome to a new React JS project, where we are going to build a Hangman app using React. This project is based on the Vanilla JS project by…
read more
Build a Flashcard Quiz with React
by Nabendu Biswas /November 29th, 2020
#javascript #beginners #React
Welcome to a new React JS project, where we are going to build a Flashcard Quiz app using React. So, fire up your terminal and create a new…
read moreBuild a Codepen Clone using React
by Nabendu Biswas /November 28th, 2020
#javascript #beginners #React
Welcome to a new simple React JS project, where we are going to build a CodePen clone using React. So, fire up your terminal and create a…
read moreBuild a Photoshop Clone using React
by Nabendu Biswas /November 27th, 2020
#javascript #beginners #React
Welcome to a simple React JS project, where we are going to build a simple photo editor, like photoshop using React and CSS Filters. So…
read moreYouTube Video | BookList App in JS
by Nabendu Biswas /November 26th, 2020
#javascript #youtube #beginners
In this video we will create a project with Vanilla JavaScript, where we will learn about a lot of DOM manipulation, localStorage and also…
read moreYouTube Video | Four Projects in Vanilla JS
by Nabendu Biswas /November 25th, 2020
#javascript #youtube #beginners
In this video ,we will use our JavaScript knowledge to create four awesome projects. The projects are - Create a Year End Counter in…
read moreBookList App in Vanilla JS
by Nabendu Biswas /November 24th, 2020
#javascript #beginners #webdev
Welcome to another project with Vanilla JavaScript, where we will learn about a lot of DOM manipulation, localStorage and also Object…
read more
Create an Infinite Scroll app in JS
by Nabendu Biswas /November 23rd, 2020
#javascript #beginners #webdev
Welcome to a brand new project, where we are going to create Infinite Scrolling in a webpage with JavaScript. It is very useful when you…
read more
Create a Github API search app in JS
by Nabendu Biswas /November 22nd, 2020
#javascript #beginners #webdev
In this project we will create a web-app, which will search github username and give us details about the user. We are going to use the…
read moreYouTube Video | Frontend Mentor -6
by Nabendu Biswas /November 22nd, 2020
#css #youtube #beginners
In this video, we will do the Social Proof Section Challenge from frontendmentor.io. Please do like it and Subscribe to my channel for…
read moreCreate a Password Generator in JS
by Nabendu Biswas /November 21st, 2020
#javascript #beginners #webdev
The next project which we will do is to generate password using vanilla JavaScript. So, open your terminal and create a folder…
read moreYouTube Video | Frontend Mentor -5
by Nabendu Biswas /November 21st, 2020
#css #youtube #beginners
In this video, we will do the Huddle landing Page Challenge from frontendmentor.io. Please do like it and Subscribe to my channel for…
read more
Create a Year End Counter in JS
by Nabendu Biswas /November 20th, 2020
#javascript #beginners #webdev
Since new year is coming, it’s perfect time to create a new year counter in JavaScript. First let create a folder YearEndCounter and three…
read moreYouTube Video | Frontend Mentor -4
by Nabendu Biswas /November 20th, 2020
#css #youtube #beginners
In this video, we will do the Base Apparel challenge from frontendmentor.io. Please do like it and Subscribe to my channel for more…
read moreYouTube Video | Frontend Mentor -3
by Nabendu Biswas /November 19th, 2020
#css #youtube #beginners
In this video, we will do the Single Price Grid challenge from frontendmentor.io. Please do like it and Subscribe to my channel for more…
read moreYouTube 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 moreYouTube 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 moreConquering 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 moreConquering 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreReactJS 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 moreYouTube 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 moreReactJS 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 moreYouTube 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 moreReactJS 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 moreYouTube 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 moreReactJS 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 moreYouTube 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 moreReactJS 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 moreYouTube 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 moreReactJS 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreCreate 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 moreYouTube 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 moreCreate 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreCreate 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 moreYouTube 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 moreJavaScript 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 moreYouTube 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 moreCreate 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 moreCreate 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 moreCreate 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 moreYouTube 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 moreSimple 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 moreYouTube 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 moreCreating 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreAsync 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 moreJavaScript 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreYouTube 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 moreYouTube 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
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
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
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
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
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
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 moreCSS 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
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
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 moreCSS 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 moreCSS 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 moreCSS 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 -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 moreCSS 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
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 moreCSS 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 moreHTML 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 moreHTML 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 moreYouTube 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 moreHTML 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 moreReact 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 moreYouTube 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 moreHTML 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 moreReact 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 moreReact 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
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 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
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
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
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
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
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 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 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 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 moreReact 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 moreReact 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 moreReact & 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 moreReact & 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 moreReact & 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
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
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
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
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
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
My Coding Blog From Scratch Using Gatsby and MDX - 23
by Nabendu Biswas /March 14th, 2020
#gatsby #react #javascript
Welcome to part-23 of the series. I will start this part by creating the About page, which is currently blank. Create a new folder About…
read more
My Coding Blog From Scratch Using Gatsby and MDX - 22
by Nabendu Biswas /March 13th, 2020
#gatsby #react #javascript
Welcome to part-22 of the series. We will start by adding some Gatsby plugins to my newly created personal blog site . I have found a great…
read more
My Coding Blog From Scratch Using Gatsby and MDX - 21
by Nabendu Biswas /March 12th, 2020
#gatsby #react #javascript
Welcome to part-21 of the series. Now, that our site is live it’s time to add the good gatsby plugins and other things. But before that i…
read more
My Coding Blog From Scratch Using Gatsby and MDX - 20
by Nabendu Biswas /March 10th, 2020
#gatsby #react #javascript
Welcome to part-20 of the series. In the last part, i got an error while deploying to netlify. It was a small mistake but i was not able to…
read more
My Coding Blog From Scratch Using Gatsby and MDX - 19
by Nabendu Biswas /March 9th, 2020
#gatsby #react #javascript
Welcome to part-19 of the series. I want to deploy the site in netlify, as almost everything is over. The things which are remaining are the…
read more
My Coding Blog From Scratch Using Gatsby and MDX - 18
by Nabendu Biswas /March 7th, 2020
#gatsby #react #javascript
Welcome to part-18 of the series. Before moving forward, we need to do some CSS changes so that the Right Menu shows properly. We are mainly…
read more
My Coding Blog From Scratch Using Gatsby and MDX - 17
by Nabendu Biswas /March 4th, 2020
#gatsby #react #javascript
Welcome to part-17 of the series. I want to have the concept of series in the site. Many of the blog posts are part of a series and i want…
read more
My Coding Blog From Scratch Using Gatsby and MDX - 16
by Nabendu Biswas /March 2nd, 2020
#gatsby #react #javascript
Welcome to part-16 of the series. We need to add Side Menu on the right side also. It will open on the clicking the hamburger menu, on the…
read more
My Coding Blog From Scratch Using Gatsby and MDX - 15
by Nabendu Biswas /March 1st, 2020
#gatsby #react #javascript
Welcome to part-15 of the series. First let’s fix a small bug as the tags was not centring properly in all small screens. Add the below…
read more
My Coding Blog From Scratch Using Gatsby and MDX - 14
by Nabendu Biswas /February 28th, 2020
#gatsby #react #javascript
Welcome to part-14 of the series. In the last part we created menu for the Mobile view and in this part we will add functionality to it, to…
read more
My Coding Blog From Scratch Using Gatsby and MDX - 13
by Nabendu Biswas /February 27th, 2020
#gatsby #react #javascript
Welcome to part-13 of the series. We will start by adding the same box-shadow that we created for Search bar in the previous part, to all…
read more
My Coding Blog From Scratch Using Gatsby and MDX - 12
by Nabendu Biswas /February 26th, 2020
#gatsby #react #javascript
Welcome to part-12 of the series. We will start to add the Search functionality in our blog. There are some gatsby plugin to add the search…
read more
My Coding Blog From Scratch Using Gatsby and MDX - 11
by Nabendu Biswas /February 25th, 2020
#gatsby #react #javascript
Welcome to part-11 of the series. We will first add one thing in TagList.js file, which we missed in the previous section. We will be…
read more
My Coding Blog From Scratch Using Gatsby and MDX - 10
by Nabendu Biswas /February 24th, 2020
#gatsby #react #javascript
Welcome to part-10 of the series. The first thing which we will do is to add the author details, which includes his twitter, github and dev…
read more
My Coding Blog From Scratch Using Gatsby and MDX - 9
by Nabendu Biswas /February 23rd, 2020
#gatsby #react #javascript
Welcome to part-9 of the series. We will start to create our post-template.js file now. Let’s first add the query which we created in the…
read more
My Coding Blog From Scratch Using Gatsby and MDX - 8
by Nabendu Biswas /February 22nd, 2020
#gatsby #react #javascript
Welcome to part-8 of the series. Now, it’s time to generate those pages programatically, when we click on the Read More button. First…
read more
My Coding Blog From Scratch Using Gatsby and MDX - 7
by Nabendu Biswas /February 21st, 2020
#gatsby #react #javascript
Welcome to part-7 of the series. Let’s start from where we left. We will update our PostList.js to use the props which were passed to it…
read more
My Coding Blog From Scratch Using Gatsby and MDX - 6
by Nabendu Biswas /February 20th, 2020
#gatsby #react #javascript
Welcome to part-6 of the series. In this part we will, first start with our GraphQL queries. So, head over to http://localhost:800…
read more
My Coding Blog From Scratch Using Gatsby and MDX - 5
by Nabendu Biswas /February 19th, 2020
#gatsby #react #javascript
Welcome to part-5 of the series. In this part we will start with the adding gatsby-plugin-mdx in our project. It will help to show mdx…
read more
My Coding Blog From Scratch Using Gatsby and MDX - 4
by Nabendu Biswas /February 18th, 2020
#gatsby #react #javascript
Welcome to part-4 of the series. In this part we will start with the footer component first. But i want to show social icons in footer. So…
read more
My Coding Blog From Scratch Using Gatsby and MDX - 3
by Nabendu Biswas /February 17th, 2020
#gatsby #react #javascript
Welcome to part-3 of the series. We will start where we had left and will first add a layout.css inside the components folder. This will…
read more
My Coding Blog From Scratch Using Gatsby and MDX - 2
by Nabendu Biswas /February 16th, 2020
#gatsby #react #javascript
Welcome to part-2 of the series. I will be using mdx for the Gatsby site and taken the initial learnings from this udemy course from John…
read more
My Coding Blog From Scratch Using Gatsby and MDX - 1
by Nabendu Biswas /February 15th, 2020
#gatsby #react #javascript
As many of my wonderful readers might know, that i really got success in with by blog post with the wonderful site of dev.to . I had also…
read more
Learn GatsbyJS by creating a tourism site -21
by Nabendu Biswas /February 12th, 2020
#gatsby #react #javascript
Welcome to part-21 of the series. I had decided to put Advertisement in my site https://amazinghampi.com/ which i had build in this series…
read more
Creating Blog site using Stackbit and Gatsby — 6
by Nabendu Biswas /February 8th, 2020
#gatsby #react #javascript
Welcome to part-6 of the series. As, you might know from earlier part that i am upgrading by personal blog site https://nabendu.blog/ One…
read more
Creating Blog site using Stackbit and Gatsby — 5
by Nabendu Biswas /February 2nd, 2020
#gatsby #react #javascript
Welcome to part-5 of the series. As, you might know from earlier part that i am upgrading by personal blog site https://nabendu.blog/ I…
read more
Creating Blog site using Stackbit and Gatsby — 4
by Nabendu Biswas /February 1st, 2020
#gatsby #react #javascript
Welcome to part-4 of the series. As you might know that i build my personal site with Stackbit, which publishes all my dev.to blogs to…
read more
Review - GraphQL with Node & React - Academind - 2
by Nabendu Biswas /January 29th, 2020
#javascript #react #graphql
Welcome to part-2 of the series. In the second part which starts with video-11, he starts with installing React and other dependencies. We…
read more
Review - GraphQL with Node & React - Academind - 1
by Nabendu Biswas /January 21st, 2020
#javascript #react #graphql
As i had told in my earlier series , that i had started working on React, Graphql and Apollo client at work so it was time to refresh the…
read more
React Tutorial - SpaceX fan site with Apollo Client -6
by Nabendu Biswas /January 12th, 2020
#javascript #react #graphql
Welcome to part-6 of the series. We will start building our History component in this part. But first let’s check the graphiql query for a…
read more
React Tutorial - SpaceX fan site with Apollo Client -5
by Nabendu Biswas /January 11th, 2020
#javascript #react #graphql
Welcome to part-5 of the series. Next, it’s time to create our Rocket component to show the details of each rocket, when the user clicks…
read more
React Tutorial - SpaceX fan site with Apollo Client -4
by Nabendu Biswas /January 7th, 2020
#javascript #react #graphql
Welcome to part-4 of the series. We will start where we left by working on the Launch component. We will start by importing the required…
read moreReact Tutorial - SpaceX fan site with Apollo Client -3
by Nabendu Biswas /January 6th, 2020
#javascript #react #graphql
Welcome to part-3 of the series. Now, let’s send the data from our Launches.js file to a new component LaunchItem.js . We are just…
read moreReact Tutorial - SpaceX fan site with Apollo Client -2
by Nabendu Biswas /January 5th, 2020
#javascript #react #graphql
Welcome to part-2 of the series. It’s time to create the front-end of our app and we will use create-react-app for the same. So, head over…
read moreReact Tutorial - SpaceX fan site with Apollo Client -1
by Nabendu Biswas /January 4th, 2020
#javascript #react #graphql
I had recently started working on a new project at work, which have GraphQL with React and it queries the GraphQL server using Apollo Client…
read more
Learn GatsbyJS by creating a tourism site -20
by Nabendu Biswas /December 30th, 2019
#gatsby #react #javascript
Welcome to part-20 of the series. In this part i will first buy domain name and add the details in netlify. The process is exactly the same…
read more
Learn GatsbyJS by creating a tourism site -19
by Nabendu Biswas /December 29th, 2019
#gatsby #react #javascript
Welcome to part-19 of the series. In this part we will start adding code for displaying the large image, when we click on the Open button…
read more
Learn GatsbyJS by creating a tourism site -18
by Nabendu Biswas /December 28th, 2019
#gatsby #react #javascript
Welcome to part-18 of the series. In this part i want to create a new page — Photos. It will contain most of the awesome photos, it took…
read more
Learn GatsbyJS by creating a tourism site -17
by Nabendu Biswas /December 27th, 2019
#gatsby #react #javascript
Welcome to part-17 of the series. I have been in Hampi for the past 4 days and created six blogs on hampi. The four days blogs can be find…
read more
Learn GatsbyJS by creating a tourism site -16
by Nabendu Biswas /December 21st, 2019
#gatsby #react #javascript
Welcome to part-16 of the series. In this part we will show the blog pages, when a user clicks on it. For this we will follow the same…
read more
Learn GatsbyJS by creating a tourism site -15
by Nabendu Biswas /December 19th, 2019
#gatsby #react #javascript
Welcome to part-15 of the series. Before moving forward, i would want to create another graphql query. Generally the blog are posted in…
read more
Learn GatsbyJS by creating a tourism site -14
by Nabendu Biswas /December 18th, 2019
#gatsby #react #javascript
Welcome to part-14 of the series. In this part we will start my creating a new Content Model , for blog in our site. So, head over to the…
read more
Learn GatsbyJS by creating a tourism site -13
by Nabendu Biswas /December 16th, 2019
#gatsby #react #javascript
Welcome to part-13 of the series. In this part we will first start with creating the query for the template page. We will first create the…
read more
Learn GatsbyJS by creating a tourism site -12
by Nabendu Biswas /December 15th, 2019
#gatsby #react #javascript
Welcome to part-12 of the series. Let’s start by creating our Places component. Open your Places.js file and update as below. We are…
read more
Learn GatsbyJS by creating a tourism site -11
by Nabendu Biswas /December 14th, 2019
#gatsby #react #javascript
Welcome to part-11 of the series. Here we will first create the queries in GraphiQL for our places. We have a Places page in our project…
read more
Learn GatsbyJS by creating a tourism site -10
by Nabendu Biswas /December 13th, 2019
#gatsby #react #javascript
Welcome to part-10 of the series. It’s time to add some content. So, head over to Content tab. You will see the below screen. Click on the…
read more
Learn GatsbyJS by creating a tourism site -9
by Nabendu Biswas /December 10th, 2019
#gatsby #react #javascript
Welcome to part-9 of the series. Now, it’s time to get out data and display it in our project. We can do this with internal data, but we…
read more
Learn GatsbyJS by creating a tourism site -8
by Nabendu Biswas /December 9th, 2019
#gatsby #react #javascript
Welcome to part-8 of the series. In this part we will start with our page transition, which will occur when we navigate to a different page…
read more
Learn GatsbyJS by creating a tourism site -7
by Nabendu Biswas /December 7th, 2019
#gatsby #react #javascript
Welcome to part-7 of the series. In this part we will start optimizing the background images in our site. Right now we have only one big…
read more
Learn GatsbyJS by creating a tourism site -6
by Nabendu Biswas /December 5th, 2019
#gatsby #react #javascript
Welcome to part-6 of the series. As told in the earlier post, we need to install some plugins for using one of the main feature of Gatsby…
read more
Learn GatsbyJS by creating a tourism site -5
by Nabendu Biswas /December 4th, 2019
#gatsby #react #javascript
Welcome to part-5 of the series. In this part, we will first learn how to do continuous deployment using netlify. It is a great service to…
read more
Learn GatsbyJS by creating a tourism site -4
by Nabendu Biswas /December 2nd, 2019
#gatsby #react #javascript
Welcome to part-4 of the series. We will use styled-components in this post to style our project. So, we will install the plugin gatsby…
read more
Learn GatsbyJS by creating a tourism site -3
by Nabendu Biswas /December 1st, 2019
#gatsby #react #javascript
Welcome to part-3 of the series. As told in the earlier post, this series is based on the learning from this awesome udemy course by John…
read more
Learn GatsbyJS by creating a tourism site -2
by Nabendu Biswas /November 30th, 2019
#gatsby #react #javascript
Welcome to part-2 of the series. As told in the earlier post, this series is based on the learning from this awesome udemy course by John…
read more
Learn GatsbyJS by creating a tourism site -1
by Nabendu Biswas /November 26th, 2019
#gatsby #react #javascript
After creating two series with GatsbyJS — Agency site and Blog Site , i wanted to learn more about this awesome tech. I found this…
read morePortfolio site with GitHub pages
by Nabendu Biswas /November 21st, 2019
#html #css #javascript
I have my personal portfolio site hosted on Github pages for sometime now. But i didn’t updated it for more then 1.5 years now. I need to…
read more
Creating Blog site using Stackbit and Gatsby — 3
by Nabendu Biswas /November 16th, 2019
#gatsby #react #javascript
Welcome to part-3 of the series. We will start by adding some Gatsby plugins to my newly created blog site . I have found a great article…
read more
Creating Blog site using Stackbit and Gatsby — 2
by Nabendu Biswas /November 15th, 2019
#gatsby #react #javascript
Welcome to part 2 of the series and my 100th blog :) After completing my blogging site in part-1, it’s time to buy and domain name and add…
read more
Creating Blog site using Stackbit and Gatsby — 1
by Nabendu Biswas /November 13th, 2019
#gatsby #react #javascript
I started my blogging journey 2 years back on medium and had written 215 blogs till date. It had soon become an habit to write technical…
read more
CSS Animation Tutorial — 4
by Nabendu Biswas /November 1st, 2019
#css #beginners #webdev
Welcome to part 4 of the series. This series is inspired by this awesome YouTube series by The Net Ninja . Create a new folder web and…
read more
CSS Animation Tutorial — 3
by Nabendu Biswas /October 31st, 2019
#css #beginners #webdev
Welcome to part 3 of the series. This series is inspired by this awesome YouTube series by The Net Ninja . We will start where we left in…
read more
CSS Animation Tutorial — 2
by Nabendu Biswas /October 30th, 2019
#css #beginners #webdev
Welcome to part 2 of the series. This series is inspired by this awesome YouTube series by The Net Ninja . We will start by learning…
read more
CSS Animation Tutorial — 1
by Nabendu Biswas /October 29th, 2019
#css #beginners #webdev
Welcome to a brand new series on CSS animation. While creating my earlier series CSS3 in 10 days , i did some animations and got hooked…
read more
CSS3 in 10 days — Day 10
by Nabendu Biswas /October 26th, 2019
#css #beginners #webdev
Welcome to Day 10 of learning CSS. As i have told earlier, this series is inspired by this awesome youtube series in freecodecamp channel…
read more
CSS3 in 10 days — Day 9
by Nabendu Biswas /September 29th, 2019
#css #beginners #webdev
Welcome to Day 9 of learning CSS. As i have told earlier, this series is inspired by this awesome youtube series in freecodecamp channel…
read more
CSS3 in 10 days — Day 8
by Nabendu Biswas /September 28th, 2019
#css #beginners #webdev
Welcome to Day 8 of learning CSS. As i have told earlier, this series is inspired by this awesome youtube series in freecodecamp channel…
read more
CSS3 in 10 days — Day 7
by Nabendu Biswas /September 27th, 2019
#css #beginners #webdev
Welcome to Day 7 of learning CSS. As i have told earlier, this series is inspired by this awesome youtube series in freecodecamp channel…
read more
CSS3 in 10 days — Day 6
by Nabendu Biswas /September 26th, 2019
#css #beginners #webdev
Welcome to Day 6 of learning CSS. As i have told earlier, this series is inspired by this awesome youtube series in freecodecamp channel…
read more
CSS3 in 10 days — Day 5
by Nabendu Biswas /September 25th, 2019
#css #beginners #webdev
Welcome to Day 5 of learning CSS. As i have told earlier, this series is inspired by this awesome youtube series in freecodecamp channel…
read more
CSS3 in 10 days — Day 4
by Nabendu Biswas /September 24th, 2019
#css #beginners #webdev
Welcome to Day 4 of learning CSS. As i have told earlier, this series is inspired by this awesome youtube series in freecodecamp channel…
read more
CSS3 in 10 days — Day 3
by Nabendu Biswas /September 23rd, 2019
#css #beginners #webdev
Welcome to Day 3 of learning CSS. As i have told earlier, this series is inspired by this awesome youtube series in freecodecamp channel…
read more
CSS3 in 10 days — Day 2
by Nabendu Biswas /September 22nd, 2019
#css #beginners #webdev
Welcome to Day 2 of learning CSS. As i have told earlier, this series is inspired by this awesome youtube series in freecodecamp channel…
read more
CSS3 in 10 days — Day 1
by Nabendu Biswas /September 21st, 2019
#css #beginners #webdev
Most of the time, we developers struggle with CSS and take the help of some CSS framework like bootstrap or foundation. Nothing wrong in…
read more
Simple iPhone Calculator App in React Native
by Nabendu Biswas /September 20th, 2019
#reactnative #react #webdev
Continuing with React Native the next app i am making is a simple iPhone calculator. This post is inspired by this video by Carl Spencer…
read more
Simple Timer app with React Native
by Nabendu Biswas /September 17th, 2019
#reactnative #react #webdev
Continuing my React Native journey, i found a great site https://learn.handlebarlabs.com/ by Spencer Carli. This post is based on one of…
read more
Android emulator setup for expo on mac
by Nabendu Biswas /September 14th, 2019
#reactnative #react #webdev
For the past one month, i have been doing development in React Native. I am using the expo-cli to create the project and using my physical…
read more
Restaurant Search App in React Native with Zomato API
by Nabendu Biswas /August 29th, 2019
#reactnative #react #javascript
I had delayed learning React Native for some time now. After working with React for quite sometime, it is the obvious next step. So, i…
read more
Hackernews clone using React and 8base
by Nabendu Biswas /July 20th, 2019
#javascript #react #graphql
I was going through an article and found 10 cool web-apps for JS developer to make. Out of them one was the very popular hackernews site…
read more
Deploying React NextJS App in Heroku
by Nabendu Biswas /July 13th, 2019
#javascript #react #graphql
Now that we have completed our Restaurant Billing app, it’s time to deploy it to the web. You can find my earlier article related to the…
read more
Restaurant Billing App built in React NextJS
by Nabendu Biswas /July 11th, 2019
#javascript #react #graphql
I had completed building the Indian Restaurant Billing App , which i started from the learning of Advanced React course by Wes Bos. I also…
read more
React-adopt to solve “callback hell” in React NextJS
by Nabendu Biswas /July 5th, 2019
#javascript #react #graphql
I am building a demo Indian Restaurant Billing App , after completing Advanced React course by Wes Bos. In my first article i changed the…
read more
Transactional emails through gmail in React NextJS App
by Nabendu Biswas /June 26th, 2019
#javascript #react #graphql
I am building a demo Indian Restaurant Billing App , after completing Advanced React course by Wes Bos. In my first article i changed the…
read more
Cloudinary for image management in React NextJS App
by Nabendu Biswas /June 22nd, 2019
#javascript #react #graphql
I recently started building Indian Restaurant Billing App as a part of applying my learning's , after completing Advanced React course by…
read more
Creating a hamburger menu in React NextJS App
by Nabendu Biswas /June 21st, 2019
#javascript #react #graphql
I have recently completed the amazing Advanced React course by Wes Bos. In the course he taught to built, an online store with the latest…
read moreBuild a complete app with React and GraphQL — 4
by Nabendu Biswas /May 27th, 2019
#javascript #react #graphql
Welcome to part-4 of the series. This series have been inspired by this youtube tutorial from freecodecamp. We will start from where we…
read moreBuild a complete app with React and GraphQL — 3
by Nabendu Biswas /May 26th, 2019
#javascript #react #graphql
Welcome to part-3 of the series. This series have been inspired by this youtube tutorial from freecodecamp. We have added two more authors…
read moreBuild a complete app with React and GraphQL — 2
by Nabendu Biswas /May 22nd, 2019
#javascript #react #graphql
Welcome to part-2 of the series. This series have been inspired by this youtube tutorial from freecodecamp. We will first add another type…
read moreBuild a complete app with React and GraphQL — 1
by Nabendu Biswas /May 21st, 2019
#javascript #react #graphql
We are starting a new series and it’s about the latest GraphQL. Here we built an App, with React in the frontend and GraphQL in place of…
read more
Understanding React Hooks by building a simple App
by Nabendu Biswas /May 20th, 2019
#react #javascript #hooks
We are going to build a simple app using the latest React feature of hooks, which lets us use Class components concepts in Functional…
read more
Understanding React Context System by building simple translation App
by Nabendu Biswas /May 19th, 2019
#react #javascript #context
Welcome to the brand new post. Here, we will create a small translation app using the new Context System in ReactJS. This series have been…
read more
Create a twitch clone using React — 7
by Nabendu Biswas /May 18th, 2019
#javascript #react #webdev
Welcome to Part-7 of the series. We will create the StreamShow component first. So, whenever the user clicks on a stream, it will show one…
read more
Create a twitch clone using React — 6
by Nabendu Biswas /May 17th, 2019
#javascript #react #webdev
Welcome to Part-6 of the series. Let’s start where we left. We will next create our Delete component. We are going to show a modal to the…
read more
Create a twitch clone using React — 5
by Nabendu Biswas /May 16th, 2019
#javascript #react #webdev
Welcome to Part-5 of the series. Let’s start where we left. We would like to associate users, to our stream so that we can add a Delete and…
read more
Create a twitch clone using React — 4
by Nabendu Biswas /May 4th, 2019
#javascript #react #webdev
Welcome to Part-4 of the series. We will start implementing streams in our project. Our Structure We will now setup the API Server. Now…
read more
Create a twitch clone using React — 3
by Nabendu Biswas /May 2nd, 2019
#javascript #react #webdev
Welcome to Part-3 of the series. We will implement forms in our project. We will use Redux-forms, but first let hook up redux-devtools in…
read more
Create a twitch clone using React — 2
by Nabendu Biswas /May 1st, 2019
#javascript #react #webdev
Welcome to Part-2 of the series. In this part , we will create Authentication to login to our App. We will use google OAuth authentication…
read more
Create a twitch clone using React — 1
by Nabendu Biswas /April 30th, 2019
#javascript #react #webdev
Welcome to the brand new series. Here, we will create a clone of the popular streaming service https://www.twitch.tv/ using ReactJS. This…
read moreImage Search App using unsplash API in ReactJS — 4
by Nabendu Biswas /April 29th, 2019
#javascript #react #webdev
Welcome to part-4 of the series. In part-3 we had completed the version-1 of the app. Here, we will start making the version-2, where the…
read moreImage Search App using unsplash API in ReactJS — 3
by Nabendu Biswas /April 28th, 2019
#javascript #react #webdev
Welcome to part-3 to the series. We will start from where we left in part-2. The network request in part-2 using axios, is an async request…
read moreImage Search App using unsplash API in ReactJS — 2
by Nabendu Biswas /April 27th, 2019
#javascript #react #webdev
Welcome to part-2 to the series. We will start from where we left in part-1. We will work on SearchBar.js file and use the standard React…
read moreImage Search App using unsplash API in ReactJS — 1
by Nabendu Biswas /April 26th, 2019
#javascript #react #webdev
Welcome to the brand new series to build an web app from scratch using ReactJS. We will be using the latest ReactJS syntax of 2019 to create…
read morePhotoShop for Web-developers — 3
by Nabendu Biswas /April 10th, 2019
#design #beginners #webdev
Welcome to Part-3 of the series. Most of the things in this series are from the great Photoshop course on Udemy by Dan . Make image Black…
read more
PhotoShop for Web-developers — 2
by Nabendu Biswas /April 9th, 2019
#design #beginners #webdev
Welcome to Part-2 of the series. Change Color using Hue We will next learn to change color of something using Hue. This is a very useful…
read more
PhotoShop for Web-developers — 1
by Nabendu Biswas /April 8th, 2019
#design #beginners #webdev
For i a long time i postponed learning PhotoShop and instead learnt the other skills in programming. If anyone have created small portfolio…
read more
15 HTML and CSS Projects to sharpen Your Skills
by Nabendu Biswas /March 24th, 2019
#html #css #beginners
Once you have studied HTML and CSS, the best way to learn it is to build some websites. But you also need to have some tricks under your…
read more
Simple Angular Form - Template Driven
by Nabendu Biswas /February 26th, 2019
#javascript #angular #webdev
I had recently moved to Angular at work after working in React for quite sometime. Unlike React where we generally use third party form…
read more
Interview Preparation - Whiteboard, Take Home and Skype
by Nabendu Biswas /November 18th, 2018
#javascript #webdev #career
Welcome to part-17 of the series and the final part of Interview Preparation. Below questions can be asked during a whiteboard/paper…
read moreInterview Preparation - Tricky Questions - 2
by Nabendu Biswas /November 14th, 2018
#javascript #webdev #career
Welcome to part-16 of the series and the second part in Tricky questions. Question 109- What is the output of the below code and why…
read moreInterview Preparation - Tricky Questions - 1
by Nabendu Biswas /November 13th, 2018
#javascript #webdev #career
Welcome to part-15 of the series and the first part in Tricky questions. Now, the interviewer can ask some really tricky questions mainly…
read moreInterview Preparation - CSS Questions - 2
by Nabendu Biswas /November 12th, 2018
#javascript #webdev #career
Welcome to part-14 of the series and the second part in CSS questions. Question 86- What is specificity in CSS ? Answer- If you have for…
read moreInterview Preparation - CSS Questions - 1
by Nabendu Biswas /November 11th, 2018
#javascript #webdev #career
Welcome to part-13 of the series and the first part in CSS questions. Question 79- What is the difference between display: block, inline…
read moreInterview Preparation - Algorithm Running Time
by Nabendu Biswas /November 10th, 2018
#javascript #webdev #career
Welcome to part-12 of the series and the part on Algorithm running time questions. A lot of time, the interviewer will ask you to write an…
read moreInterview Preparation - Object Oriented JavaScript - 2
by Nabendu Biswas /November 8th, 2018
#javascript #webdev #career
Welcome to part-11 of the series and the second part in Object Oriented JavaScript questions. Question 67- Explain Object.assign() Method…
read more
Interview Preparation - Object Oriented JavaScript - 1
by Nabendu Biswas /November 7th, 2018
#javascript #webdev #career
Welcome to part-10 of the series and the first part in Object Oriented JavaScript questions. In this part we will learn Object Oriented…
read moreInterview Preparation - React & Redux - 3
by Nabendu Biswas /November 6th, 2018
#javascript #webdev #career
Welcome to part-9 of the series and third part in React & Redux questions. Question 53- How to pass data between sibling components using…
read moreInterview Preparation - React & Redux - 2
by Nabendu Biswas /November 4th, 2018
#javascript #webdev #career
Welcome to part-8 of the series and second part in React & Redux questions. Question 48- Explain Fragments in React 16? Answer- React…
read moreInterview Preparation - React & Redux - 1
by Nabendu Biswas /November 1st, 2018
#javascript #webdev #career
Welcome to part-7 of the series. Most of the time companies asks to create a React/Redux project, or they will ask you to create a small…
read moreInterview Preparation - ES6 - 2
by Nabendu Biswas /October 31st, 2018
#javascript #webdev #career
Welcome to part-6 of the series. We will continue with our ES6 questions here. Question 34- Explain classes in ES6? Answer- Constructor…
read moreInterview Preparation - ES6 - 1
by Nabendu Biswas /October 27th, 2018
#javascript #webdev #career
Welcome to part-5 of the series. We will start new question regarding new features which were released as a part of ES6. Question 27- What…
read moreInterview Preparation - Basic JavaScript — 4
by Nabendu Biswas /October 26th, 2018
#javascript #webdev #career
Welcome to part-4 of the series. Let’s start with where we left. Question 16- Explain the concept of hoisting in JavaScript? Answer…
read moreInterview Preparation - Basic JavaScript — 3
by Nabendu Biswas /October 25th, 2018
#javascript #webdev #career
Welcome to part-3 of the series. Let’s start with where we left. Question 12- What is the difference between call, bind and apply? Answer…
read moreInterview Preparation - Basic JavaScript — 2
by Nabendu Biswas /October 24th, 2018
#javascript #webdev #career
Welcome to part-2 of the series. Let’s start with where we left. Question 4- What is the difference between function declaration and…
read moreInterview Preparation - Basic JavaScript — 1
by Nabendu Biswas /October 23rd, 2018
#javascript #webdev #career
We all know that JavaScript interviews(especially FrontEnd interviews) can be pretty hard, because interviewer can ask question from old JS…
read moreDemystifying this in JavaScript and React
by Nabendu Biswas /September 23rd, 2018
#javascript #beginners #webdev
The this keyword can sometime be one of the most confusing things of JavaScript, as it is different then what in other object oriented…
read more
Basics of CSS Grid — 8
by Nabendu Biswas /September 14th, 2018
#css #beginners #grid
Welcome to the final part of the series. We will use this codepen for the album layout page. The basic code without any style(except the…
read more
Basics of CSS Grid — 7
by Nabendu Biswas /September 13th, 2018
#css #beginners #grid
Welcome to part-7 of the series. We will learn the important concept of CSS Grid alignment and centring in this tutorial. We will use this…
read more
Basics of CSS Grid — 6
by Nabendu Biswas /September 11th, 2018
#css #beginners #grid
Welcome to Part-6 of the series. In part-4 of the series, we used grid-column and grid-row concept to place items. In this part we will use…
read more
Basics of CSS Grid — 5
by Nabendu Biswas /September 10th, 2018
#css #beginners #grid
Welcome to part-5 of the series. We will first learn about the auto-fill and auto-fit property in this tutorial. We will be using this…
read more
Basics of CSS Grid — 4
by Nabendu Biswas /September 9th, 2018
#css #beginners #grid
Welcome to part-4 of the series. We will first learn about Sizing Grid Items in this tutorial. In Grid also, as in Flexbox we have to…
read more
Basics of CSS Grid — 3
by Nabendu Biswas /September 8th, 2018
#css #beginners #grid
Welcome to part-3 of the series. We will look into Sizing Tracks in CSS Grid how. For this we will use this codepen . This is the initial…
read more
Basics of CSS Grid — 2
by Nabendu Biswas /September 6th, 2018
#css #beginners #grid
Welcome to part-2 of the series. Let me start with the dev tools which are really beneficial for development in Grid. By the time of writing…
read more
Basics of CSS Grid — 1
by Nabendu Biswas /September 5th, 2018
#css #beginners #grid
As i have written in my previous blog on flexbox , that it helped me get out of the bootstrap trap. I also use another new addition to CSS…
read more
Styled Components and other ways to style React Project
by Nabendu Biswas /August 21st, 2018
#javascript #react #css
I generally use styled components, most of the new CSS which I do at work. One of the main benefit of styled components in any react project…
read moreYDKJS — Objects and Prototypes — 4
by Nabendu Biswas /August 20th, 2018
#javascript #beginners #webdev
Welcome to part-4 of the series. This series is all from the learnings of Kyle Simpson and also from the amazing youtube Javascript series…
read moreYDKJS — Objects and Prototypes — 3
by Nabendu Biswas /August 19th, 2018
#javascript #beginners #webdev
Welcome to part-3 of the series. This series is all from the learnings of Kyle Simpson and also from the amazing youtube Javascript series…
read moreYDKJS — Objects and Prototypes — 2
by Nabendu Biswas /June 25th, 2018
#javascript #beginners #webdev
Welcome to part-2 of the series. This series is all from the learnings of Kyle Simpson and also from the amazing youtube Javascript series…
read moreYDKJS — Objects and Prototypes — 1
by Nabendu Biswas /June 24th, 2018
#javascript #beginners #webdev
Welcome to the second series of You don’t know JS. Part one of the series was regarding Scopes and Closures. This series is all from the…
read moreYDKJS — Scopes and Closures — 5
by Nabendu Biswas /June 13th, 2018
#javascript #beginners #webdev
Welcome to the Part5 of YDKJS series. As told in part1 this series is based on my learnings from legendary book series You don’t know JS by…
read moreYDKJS — Scopes and Closures — 4
by Nabendu Biswas /June 12th, 2018
#javascript #beginners #webdev
Welcome to the Part4 of YDKJS series. As told in part1 this series is based on my learnings from legendary book series You don’t know JS by…
read moreYDKJS — Scopes and Closures — 3
by Nabendu Biswas /June 11th, 2018
#javascript #beginners #webdev
Welcome to part3 of the series. The traditional languages like Java and C++ are compiled languages, means you have to make an intermediate…
read moreYDKJS — Scopes and Closures — 2
by Nabendu Biswas /June 10th, 2018
#javascript #beginners #webdev
Welcome to the Part2 of YDKJS series. As told in part1 this series is based on my learnings from legendary book series You don’t know JS by…
read moreYDKJS — Scopes and Closures — 1
by Nabendu Biswas /June 9th, 2018
#javascript #beginners #webdev
Every Javascript developer knows one thing that they don’t know enough Javascript. On the top level, it’s only var, for , if else just like…
read more
Basics of Flexbox — 4
by Nabendu Biswas /May 29th, 2018
#css #beginners #webdev
We will start looking at the flex items property from here onwards. We will use this codepen for our project. Let’s start with the…
read more
Refactoring ReactJS youtube player to use Grid
by Nabendu Biswas /May 28th, 2018
#react #javascript #grid
The youtube player which we have created so far uses the usual bootstrap. Now i have learnt the hard way that if you want to be really good…
read more
Basics of Flexbox — 3
by Nabendu Biswas /May 27th, 2018
#css #beginners #webdev
You can find the codepen used in this part here . We will start with flex container property align-content. It basically aligns items…
read more
Refactoring ReactJS youtube player to show selected video
by Nabendu Biswas /May 26th, 2018
#react #javascript #webdev
Many times in UI development we get request from client/user to highlighted item from a list once clicked upon. It can be a navbar, a list…
read more
Basics of Flexbox — 2
by Nabendu Biswas /May 1st, 2018
#css #beginners #webdev
Welcome to Part-2 of the series. We will be start where, we had left in the first part. Alignment & Centring We will learn alignment and…
read more
Basics of Flexbox — 1
by Nabendu Biswas /April 29th, 2018
#css #beginners #webdev
I have been developing sites for quite sometime now. First using Javascript, then React. Always have sort of ignored CSS because floats were…
read more
Refactoring Youtube Player to use Flux — Part 3
by Nabendu Biswas /April 28th, 2018
#react #javascript #flux
Welcome to Part 3 and here we will add the functionality to click on a video, in the list to select it and display it in player. Now the…
read more
Refactoring Youtube Player to use Flux — Part 2
by Nabendu Biswas /April 25th, 2018
#react #javascript #flux
Welcome to Part 2 of the Flux series. Now we will add the SearchBar functionality. It is pretty much straight forward. First update the App…
read more
Refactoring Youtube Player to use Flux — Part 1
by Nabendu Biswas /April 24th, 2018
#react #javascript #flux
I have written a three part series to create a youtube player. It used only React and heavily depends on callbacks from children to parent…
read moreCreate Youtube Player in ReactJs — Part 3
by Nabendu Biswas /April 23rd, 2018
#react #webdev #javascript
We now have three main tasks remaining. First showing the Video player, second the option to click on a video to change it in video player…
read moreCreate Youtube Player in ReactJs — Part 2
by Nabendu Biswas /April 22nd, 2018
#react #beginners #javascript
Welcome to part 2. Let’s start from where we left, but first add bootstrap to our project so that it looks a bit ok. Add this in index.html…
read moreCreate Youtube Player in ReactJs — Part 1
by Nabendu Biswas /April 21st, 2018
#react #beginners #javascript
My journey with react started more then a year back. I was already doing some web-development with HTML, CSS , Javascript for past 7 years…
read more
