In this week I wanted to add dark mode to my blog(currently in development). So I searched and searched and searched for a simple solution. I am going to introduce my own idea. But later I found same 2 articles....

Writing a clean react code is definitely a hard task for any new developer but using React best practices will gradually build up your confidence to write better code in the easiest and fastest way. In this article, we are...

Many of the new CSS3 properties have different browser implementations, which is one of the biggest problems. To make a simple shadow compatible across as many browsers as possible, you have to remember quite a bit of code. Using these...

The cloud’s scalability is both a blessing and a curse. Sure, you can experiment with new ideas without having to worry about getting another rack of servers. But if you’re reading this, you know there’s a price to pay...

Regular expressions are great for finding patterns in a string for a particular match. They help us to convert complex logic into short and easy-to-understand code. Today we will see one such great method for pattern matching in JavaScript which...

#mybfio - is a new platform for software reviews. In other words, #mybfio is a mini social network helping authors to get feedback on software they write as well assist users in finding proper software. As an opensource author you can: get feedback from users...

Recently I had a client who wanted a fast single-page-application (SPA) with an outstanding lighthouse score and multiple languages hosted on a cheap shared hosting solution only accessible by FTP ... and of course they wanted it to be...

Imagine a situation where I fetch data from an external source, an API for instance, and I want to use that fetched data in various places in my VueJs application. I don't want to fetch the data over and...

When I wanted to write some documentation. Earlier I had used Jekyll with Github pages. Then I had to create all the stuff by hand. Now I am going to introduce Docz in 5 steps... It's never been easier to...

Confused by the title? Don't be, we will take a look at the different pre-rendering options provided by next.js. According to the documentation, next.js has two flavors of pre-rendering Static Generation (SSG) and Server-side Rendering (SSR): Two forms of Pre-renderingnext.js has two forms of pre-rendering: Static Generation...

Table Of Contents IntroductionRaspbian installationInstall Pi-holeWeb panel and endLinks ▪ Introduction This post shows how to install Pi-hole on a raspberry Pi 3 B. Pi-hole is used to block unwanted queries and URLs that you do not want to load on the network. it...

#javascript#webdev#programming#beginners I just made a really simple version of Red Light Green Light game from Squid Game with JavaScript and THREE.JS.You can play it here.If you want a step by step tutorial on how to create this game I have create...

Originally published at muratcanyuksel.hashnode.dev/ In this article, I'll try to help others starting with global state management in React.js with Redux Toolkit. In redux.js.org it says "Redux Toolkit is our official, opinionated, batteries-included toolset for efficient Redux development. It is intended to be...

For my last project, I had to use Websockets to create a website that displays real-time trading data. I didn't know anything about WebSockets, and it took a couple of dreading hours to get to start with it. That's...

I am very happy to introduce Xplorer to help you organize your files and/or folders. Features Designed Out Of The Box Xplorer is not written on traditional language like C, C++ or C#. It is written on TypeScript, HTML and SCSS, using the Electron...

Hey hope you are staying positive and testing negative in the pandemic 🙌🏻 Let's check step by step on how to make your python serverless application that updates your Twitter banner or you could do anything, this has a huge...

Hello, Today in this article, we'll learn to create an e-commerce website using HTML, CSS and JS. This is a part of full stack e-commerce website. In this part we'll only create front end page's UI. We'll create 4...

In this article, we will build a React application using class components. Then we'll convert it to functional components using React Hooks in a step-by-step way. By building this app, you will learn: How to make API callsHow to implement load...

For an effective application, we need an effective API which can get and update relevant data in an optimized manner. Graphql is becoming more popular because it does exactly that. How is graphql different:  GraphQL is a query language for APIs...

Overview You might know about Vue.js, or perhaps you have worked on projects using it because Vue.js is very popular and has been around for a while now. However, NuxtJS is not as old as Vue.js is, so maybe you...

Hey there! 👋 I was bored and wanted to write something. I've ended up with this, a step-by-step guide on how I approach a task, from the most basic to the best fitting implementation for the needs. What will I...

Introduction What is RedwoodJS Redwood is built on React, GraphQL, and Prisma, Redwood works with the components and development workflow, but with simple conventions and helpers to make your experience even better, this is opinionated. To keep it simple, let's use the...

The goal of this article is to guide you through the process of deploying a resilient static website to AWS. The web is and has been for a while the one place where you can make your software available...

If you’re asking yourself – Can I master web development – Yes, you can because by the end of this article you’ll get your answer. The good news is that learning web development is not that hard as you may...

Introduction Hello everyone, today we will be developing and deploying a notes app using Blitz JS framework. We will be using the following tools, resources and frameworks on a higher level Blitz JSTailwindRailway What is Blitz JS? Blitz JS is an amazing JavaScript framework...

Create a new project Using **npm init** or **yarn create**, you can start a new project. Let's get started on our web project right away. I gave it the name **my-website**, but you're free to give it your very own...

A Wordpress plugin "extends" Wordpress, adding new functionality to it. You might want your site to filter out spam comments, to provide a contact form, or even to add unicorns on top of your content when a user is...

Freelancer and a Full Stack Developer with 9+ years of professional experience in designing, developing, and maintaining amazing web applications and websites using React, JavaScript, Node.js, HTML and CSS.

Introduction What is figma? Many beginners may ask. Figma has a lot to do with User Interface Design Structures and Organization.  Figma is beyond user interface design tool. It incorporates illustration of end-user interation with the propose system. This leads...

Introduction In web applications, authentication plays a very important role. Whenever there is a prompt to login or check if this user should be authenticated to enter the website or not, it is handled using username and password authentication. While...

Make a game in HTML and JavaScript Introduction I loved being a game developer ever since I was a teenager, but once it became a career I discovered an interesting side-effect: game development teaches you a ton about software development in...

We are going to build a Spotify Clone on React using the Spotify API The first question should be Why do we even need a App clone when we already have a Spotify API. The Answer is because App cloning is...

Before starting with this guide, I just want to clarify what are Angular and Firebase, in case someone reading this is not yet familiar with these powerful tools. Angular: A component-based framework for building scalable web applications.Firebase: A development platform...

I used to like JavaScript. But ever since I discovered TypeScript, my programming life has changed and I haven’t looked back ever since. In this article I hope to convince you to jump on the bandwagon and boost your...

A friend asked me how she could use Django to develop a Todo App and I showed her. A week later, another friend asked for the same thing! So, I decided to write about it just in case anyone...

WEBFLOW UI & UX FOR MODERN WEB DESIGNS AND TRENDS CMS (Content Management System) websites have gotten even more popular over the years. Their popularity stems from the fact allow designers and other people with little to no coding skill...

Why are we talking about this?Within the past few years, a concept known as JAMstack has taken over the web development community by storm. So what is it exactly?What is a JAMstack?JAMstack stands for Javascript, API, and Markdown. Basically...

What are Hooks in React? React introduced Hooks in its 16.8 release, and with it came the ability to use more of React's features without having to use classes.This is not saying that classes are no longer used, or that...

JavaScript remains one of the most popular and researched programming languages in 2020, with the Stack Overflow survey shows JavaScript topping the list as the most popular technology. Nearly 70% of professional developers worldwide use this programming language. Its...

Summary CSS is one of the key to make web designs appealing and mordern according to 2021 sites. Thanks to these frameworks who helps us from last decade solving major huddles of creating features or better UI and UX....

We suggest starting with the learn course if you're new to Next.js. This course will walk you through everything you need to know about Next.js, including quizzes. You're still welcome to ask our group on GitHub Discussions if you have any...

Wordpress WordPress (WP, WordPress.org) is a free open source content management system (CMS) written in PHP  and bundled with a MySQL or MariaDB database. Features include a sample system called Plugin Architecture and Themes in WordPress. WordPress was originally developed as a blog publishing system, but has evolved to support more traditional types of...

CSS Grid is Two-dimensional positing rows and columns at the same time and CSS Flexbox is one-dimensional either in row or column in this article we will explain the use case of both and examples. Leave your comment if...

1) React is all about ReusableComponents Separate basic components (catches, structure fields, format segments, and so on) into reusable parts with all around characterized interfaces when planning interfaces. That way, the next time you need to create some UI, you’ll...