How To Make a Fully Responsive Landing Page Using HTML, CSS (SCSS), and JavaScript – Video

By Raddy in CSS / HTML5 · 24th June 2021

In this tutorial, we are going to build a fully responsive Gym Landing page using HTML, CSS (SCSS) and JavaScript. We'll use all sort of CSS tricks and also do a little bit of usability and...

Upload and Store Images in MySQL using Node.Js, Express, Express-FileUpload & Express-Handlebars

By Raddy in NodeJs · 18th February 2021

Today we are going to explore the Express-FileUpload NPM package as we create a super simple user profile card and integrate our card with a MySQL database to retain the record. This article...

Simple User Management System – Nodejs, Express, MySQL & Handlebards

By Raddy in NodeJs · 12th February 2021

The article has been updated. - Removed Connection Pool Today we are going to build a basic user management system using Node.js, Express, Express-Handlebars and MySQL. I would suggest you...

Using Node.js with MySQL – CRUD | XAMPP / PhpMyAdmin

By Raddy in NodeJs · 17th October 2020

In this article, you are going to learn how to use MySQL using Node.js and Express. We are going to create a very basic Beer API and have a look at how we can Get records, Post records, Delete...

How to configure ESLint for a Node.Js Project + VS Code Extension

By Raddy in NodeJs · 29th September 2020

When you work in a team or a slightly larger project it's important to have a consistent style across all files. With this guide, you'll be able to set up auto linting focused on Node.Js...

Build News Website With Node.js, Express & EJS – WP Rest API + newsApi

By Raddy in NodeJs · 18th September 2020

Today we are going to build a simple News website/app using Node.js, Express, EJS and we'll be also using some dependencies such as AXIOS, Body-Parser and Nodemon. The website is going to have...

annyang! Speech Recognition with JavaScript Tutorial

By Raddy in JavaScript · 4th May 2020

Annyang is a tiny javascript library that lets your visitors control your site with voice commands. annyang supports multiple languages, has no dependencies, weighs just 2kb and is free to...

YouTube API v3 Subs Count with JavaScript

By Raddy in JavaScript · 24th April 2020

In this video, we will learn how to use the YouTube API v3 to grab some data and display it on the screen. I will keep everything in one file to keep it simple and straight to the...

Fade In Fade Out animation in JavaScript and CSS

By Raddy in CSS / JavaScript · 8th November 2019

This weeks video is quick and simple and I hope that some people find it useful. Usually, jQuery makes such animations extremely simple to do, but with Vanilla JavaScript we need to write a few...

Create a Live Highway Traffic Rotator using JavaScript – RSS / XML

By Raddy in JavaScript · 4th November 2019

In this video tutorial, you are going to learn how to manipulate XML data using JavaScript. I tried to explain every step of creating this RSS rotator. If you have any questions or ideas I would...