web development

Looking back at the last decade of JavaScript and the evolution of the web, it has been a truly remarkable journey. In 2010, JavaScript wasn’t as widely used as it is today. While I had JavaScript books from as early as 1998 in my library, I mainly used it in the form of Mootools and jQuery plugins. Although I wrote some glue code in JavaScript, it wasn’t anything groundbreaking. Back then, JavaScript was not considered a hot language, except for projects like GMail and Google Maps that required advanced work and large budgets....

The Notification API is a valuable tool for displaying system notifications to users. It provides a browser interface that allows developers to show messages to users, even if the website is not currently open in the browser. Table of Contents Introduction to the Notification API Permissions Create a notification Add a body Add an image Close a notification Introduction to the Notification API The Notifications API enables developers to display native system notifications to users, even when the web app is not actively running....

Every HTTP response comes with a status code that provides valuable information about how the request was processed. An HTTP status code is the first line in an HTTP response, which is sent from a server to the client. Understanding these status codes is essential for troubleshooting and building robust servers. Status codes are expressed through three-digit numbers accompanied by a short description. The first digit of the number identifies the response group, which falls into five categories:...

In this day and age, the term “content creator” is commonly used to describe individuals who work independently on the internet, making a living through various informational and content-related pursuits. While I personally don’t consider myself a content creator per se, I do see myself as a creator of educational products. In 2021, being a blogger and course creator has become my full-time job. So, how did I end up here?...

I created this cheat sheet to serve as a quick reference for common CSS properties in Tailwind along with their corresponding classes. As a beginner, I often find myself needing to look up these classes in the Tailwind documentation. With this cheat sheet, you’ll have a handy resource at your fingertips to help you build muscle memory and speed up your development process. Here are the CSS properties and classes that I use most frequently:...

CSS, or Cascading Style Sheets, is the language that defines the visual appearance of an HTML page in the browser. Whether you’re a beginner or an experienced web developer, understanding CSS is essential for creating stunning and responsive web designs. In this comprehensive guide, you’ll learn everything you need to know about CSS, from the basics to advanced techniques like Flexbox, CSS Grid, CSS Variables, and more. Getting Started with CSS...

React, the popular JavaScript library, has revolutionized the world of visual interface development. Whether you’re a beginner or an experienced developer, learning React can take your skills to the next level. In this blog, we will explore why React is so widely used and how it can solve common development problems. Developed by Facebook and released in 2013, React has become the backbone of numerous applications, including Facebook and Instagram. Its success lies in its ability to simplify user interface development by breaking it down into manageable components....

In this article, we will provide you with a comprehensive cheat sheet of common commands and instructions that you can use while coding in Vue.js. This cheat sheet covers a wide range of topics, including directives, working with form elements, modifying events, mouse event modifiers, keyboard event modifiers, lifecycle hooks, built-in components, global configuration of the Vue object, methods of the Vue object, and options passed to a Vue object....

The Vue.js DevTools are an essential tool for Vue.js developers. This powerful panel integrates into the Browser Developer Tools, allowing you to inspect and interact with your Vue.js application. In this guide, we will walk you through the installation process for Chrome, Firefox, and the standalone application, as well as how to use the Developer Tools effectively. Table of Contents Install on Chrome Install on Firefox Install the standalone app How to use the Developer Tools Filter components Select component in the page Format components names Filter inspected data Inspect DOM Open in editor When you start working with Vue....

The CSS Cascade is an essential concept in web development, as it plays a crucial role in determining the styling properties applied to each element on a webpage. It is the process or algorithm that resolves conflicts and converges from a list of CSS rules defined in various locations. The cascade takes into consideration several factors to determine which rule should be applied, including specificity, importance, inheritance, and order of appearance in the file....