JavaScript Cookies featured image

Introduction to Cookies: Understanding and Working with JavaScript Cookies

Browser cookies, or HTTP cookies, are text files made up of tiny bits of data. Websites use this information to track a user’s journey, allowing them to offer tailored-fit features and improve their browsing experience. Cookies can store up to 4096 bytes of data. However, we can add a limited number of cookies per domain, depending on the browser. A …

Using Node.js Modules with npm and package.json: A Tutorial featured image

Using Node.js Modules with npm and package.json: A Tutorial

Node.js is an open-source cross-platform Javascript runtime environment. For the last few years, it has become a popular choice for back-end web development due to its fast Input/Output (I/O) performance and unbeatable JavaScript syntax. Also, its adaptive nature allows quick customization, making this server technology stand out from its competitors. Node.js Package Manager — An Overview Node.js Package Manager or …

Smooth Scrolling in Action Using React: A Tutorial featured image

Smooth Scrolling in Action Using React: A Tutorial

React is an open-source JavaScript library used for building futuristic website designs and improving user interfaces. Due to its robustness, flexibility, and efficiency, it has outperformed its competing front-end libraries and frameworks. React provides excellent features and stand-out functionalities that facilitate customization and dynamic animation. In the list of animation collections, smooth scrolling in React helps in increasing web app …

Creating Drag and Drop Elements with Pure, Vanilla JavaScript featured image

Creating Drag and Drop Elements with Pure, Vanilla JavaScript

JavaScript is one of the most popular programming languages empowered with more than 24 frameworks and around 84 libraries. It is the only programming language intrinsically supported by all browsers. Besides, the language supports dynamic typing and is an excellent fit for rendering and animation. You can leverage JavaScript to add interactive behavior in the front-end, control the backend, create …

Parallax Scrolling Effect with Pure CSS featured image

Creating a Parallax Scrolling Effect with Pure CSS

Modern CSS has redefined web development with its powerful functionalities and extraordinary capabilities. CSS is a one-size-fits-all tool that offers standout options to make web pages highly interactive and enticing. Be it the flexibility in design, rapid customization, excellent styling options, or the advanced User Interface (UI) — CSS brings end-to-end solutions for all web development and styling needs. Above …

Using Query Parameters with Angular Router

Using Query Parameters with Angular Router

Introduction When building applications, there might be scenarios where we want to pass in some arguments or parameters to describe the behavior of the route. In Angular, these are called query parameters, and they are optional. Query parameters should not be confused with regular route parameters that are required parameters and bound to one route only. To clear the difference …

Building a Django and Gunicorn Application with Docker on Ubuntu featured image

Building a Django and Gunicorn Application with Docker on Ubuntu

Django is a high-level open-source Python web framework that can help you build your Python application quickly. It encourages rapid development and clean, pragmatic design by following the model–template–views architectural pattern. Out of the box, the framework comes with the necessary modern application components such as user authentication, caching framework, object-relational mapper, URL Dispatcher, template system, and customizable administrative interface. …

Roundcube featured image

Installing Webmail Client with Roundcube on Ubuntu 20.04: A Tutorial

Roundcube is an open-source IMAP browser-based email client. It has gained popularity for supporting ACLs and utilizing AJAX (Asynchronous JavaScript and XML) technology. It has excellent features and end-to-end functionalities like email management, MIME support, and folder manipulation, to name a few. Besides, Roundcube offers message searching, spelling checks, calendars, and contact management seamlessly. Above all, it has a robust …

Making Decisions Using Switch Statement in Javascript featured image

Making Decisions Using Switch Statement in Javascript

Introduction Conditional statements are one of the most important control flows in any programming language. We use them to dictate the behavior of execution upon some condition. In Javascript, conditional blocks can be built using if, else if, else, and switch statements. The switch statement makes the control flow easy to read by making the decision against some possible outcomes to …

Configuring a REST API with Axios in Vue.js featured image

Configuring a REST API with Axios in Vue.js: A Tutorial

Axios is a popular JavaScript library used to make HTTP requests. It is a promise-based HTTP client used in JavaScript or with other Javascript libraries like Vue.js or React.js. Due to its isomorphic nature, Axios can run on the client and server-side simultaneously using the same codebase. Also, it is a powerful tool used collectively with async to formulate a user-friendly …

Introduction-to-localStorage-and-sessionStorage

JavaScript Tools: localStorage and sessionStorage

JavaScript (often abbreviated as JS) is one of the foundations of the modern web infrastructure. It’s a lightweight, interpreted, object-oriented programming language that supports first-class functions. JavaScript is mostly known for its implementation in dynamic web pages. Because of its features, however, JavaScript is also used in non-browser environments. In this guide, we will discuss in detail two JavaScript objects: …

Using Vue and Axios to Display Data from an API featured image

Using Vue and Axios to Display Data from an API

Vue.js is a popular JavaScript framework for building user interfaces. It’s designed to be incrementally adoptable. It can also work with other libraries and existing projects. However, Vue can power sophisticated single-page applications by itself (with the help of modern tooling and supporting libraries, of course). Vue, being a JavaScript-based framework, supports all the JavaScript features as well. JSON is …