A CSV file is a plain text file that stores data in tabular format. In most cases, CSV files use commas (,) as the delimiter, hence the name CSV (Comma Separated Values). It’s used in situations where data compatibility is a concern as CSVs can be opened with any text editor, spreadsheet apps, and other specialized tools. In fact, many …
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
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
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
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 …
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
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
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. …
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
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: 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 …
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: …