The Fish Shell: An Introduction to the Best Shell for Developers

I have been using the Fish Shell for months now, and I can confidently say that it is the best shell I have ever used. While many people stick with Bash or use Zsh with tools like Oh My Zsh, Fish Shell offers a more powerful and customizable option right out of the box. Bash is a basic shell with limited configuration options, making it more suitable for running Bash scripts rather than as an interactive shell....

The Freedom of Running a Product Business: Unlocking Potential

Running a solo-owned product business can offer an unparalleled level of freedom and independence. Without the burden of fixed costs, such as warehouse space, employees, or an office, you have the flexibility to shape your business and life the way you desire. It’s the closest you can get to absolute freedom. Take a moment to imagine this: as the owner of an online business, you have the power to embark on a spontaneous month-long adventure exploring remote Alaska or picturesque New Zealand....

The Full-Stack Independent Developer: Mastering All Aspects of Software Development

When we think of software developers, we often imagine individuals solely dedicated to their craft, working on world-changing apps, fixing bugs, and developing cutting-edge algorithms. While this may be true for many developers in traditional careers, some of us have chosen a different path. As an independent software developer, I’ve experienced a completely different career trajectory. Unlike my counterparts working for big companies or startups, I have always been self-employed. As a full-stack developer, I specialize in both frontend and backend development, but being full-stack means so much more than that....

The getPrototypeOf() Method in JavaScript

In JavaScript, the getPrototypeOf() method is used to retrieve the prototype of an object. It allows you to access the object’s parent or prototype. Usage The getPrototypeOf() method is called on the Object object and takes one parameter, obj, which is the object whose prototype you want to retrieve. Object.getPrototypeOf(obj) Example Here’s an example that demonstrates the usage of the getPrototypeOf() method: const animal = {} const dog = Object.create(animal) const prot = Object....

The Guide to ES2016: What You Need to Know

Tags: ES, ECMAScript, JavaScript, ES2016, Array.prototype.includes, Exponentiation Operator ECMAScript (ES) is the universal standard for JavaScript. In this guide, we’ll dive into everything you need to know about ECMAScript, with a specific focus on the features introduced in ES2016, also known as ES7. ES2016, officially known as ECMAScript 2016, was finalized in June 2016. Unlike its predecessor ES2015, ES2016 is a relatively minor release, bringing only two new features to JavaScript....

The Guide to package.json for SEO-friendly Blogs

The package.json file is an essential component in many Node.js-based app codebases. If you work with JavaScript or have interacted with a JavaScript project, Node.js, or a frontend project, it’s likely that you are familiar with the package.json file. But what exactly is it for? What should you know about it, and what can you do with it? In this guide, we will explore the package.json file, its structure, and its properties....

The Guide to the Notification API

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....

The Heroku Redis Maxmemory Policy

Heroku offers a powerful Redis addon that comes with 25MB of free memory storage. But what happens when you exceed this limit? Heroku has a configuration option called maxmemory-policy that determines how the system handles the situation. By default, the maxmemory-policy is set to noeviction, which means that if you try to store more data than the available memory, Redis will raise an error. This is done to notify you of the issue and prompt you to take action....

The History API: Interacting with Browser History

The History API is a set of browser features that allow developers to interact with the address bar and navigation history. It is especially useful for modern Single Page Applications that rely on client-side rendering and dynamic content updates. Accessing the History API To access the History API, you can simply use the window.history object. It is also possible to use the history object directly, as window is the global object....

The HTML `audio` tag

Learn the fundamentals of using the HTML audio tag The audio tag in HTML is used to embed audio content in web pages. It allows you to stream audio from sources like a microphone using getUserMedia() or play an audio file referenced by the src attribute: <audio src="file.mp3" /> By default, the browser does not show any controls for the audio element, meaning the audio will only play if set to autoplay (more on this later)....