engineering

Using htmlq to filter web data

Using htmlq to filter web data

Similar to the jq, the htmlq facilitates the filtering of html data. It can be utilized along with the curl command. To filter with id: article-body $ curl -s https://dev.to/anks/using-jq-to-filter-json-data-36c5 | htmlq '#article-body' Enter fullscreen mode Exit fullscreen mode This will filter all codeblocks on a specified dev.to page: $ curl -s https://dev.to/anks/using-jq-to-filter-json-data-36c5 | htmlq '[class="highlight js-code-highlight"]' Enter fullscreen mode Exit fullscreen mode To filter out non-code text from the page: $ curl -s https://dev.to/anks/using-jq-to-filter-json-data-36c5 | htmlq '#article-body>p' <p>Basic Elements</p> <p>n ∉ [0, ∞), int</p> <p>Ex.</p> <p>file.json<br> </p> <p>To filter ids:<br> </p> <p>To return value of <code>name</code> key when id…
Read More
15 Best System Design Websites for Developers (2024)

15 Best System Design Websites for Developers (2024)

Disclosure: This post includes affiliate links; I may receive compensation if you purchase products or services from the different links provided in this article. credit - Designgurus.io Hello friends, if you are preparing for software engineer interviews then you may know that System design interviews are an integral part of the hiring process for many tech companies, especially for senior and architect roles. These interviews assess your ability to design scalable, reliable, and efficient systems - skills that are essential for building modern software applications. Preparing for these interviews can be challenging due to the broad scope and complexity involved.…
Read More
House Robber Problem

House Robber Problem

Given a list of houses, each containing some money, you need to determine the maximum amount of money you can rob without robbing two consecutive houses. For example, if the houses have the following money: [2, 7, 9, 3, 1], the maximum money you can rob is 12 by robbing the first, third, and fifth houses. Approach to the SolutionTo solve this problem, we can break down the solution into a series of increasingly optimized approaches: Recursive Solution Memoization Solution Tabulation Solution Space-Optimized Tabulation Solution 1. Recursive SolutionThe recursive approach is the most straightforward but inefficient. The idea is to…
Read More
Elastic RUM (Real User Monitoring) with Open Telemetry (OTel)

Elastic RUM (Real User Monitoring) with Open Telemetry (OTel)

This article continues the OpenTelemetry with Elastic Observability article, covering “How to set up the OpenTelemetry demo with Elastic Observability” using Docker Compose or Kubernetes. Elastic real user monitoring, or RUM, captures user interactions with the web browser and provides a detailed view of the “real user experience” of your web applications from a performance perspective. Elastic’s RUM Agent is a JavaScript Agent, which means it supports any JavaScript-based application. RUM can provide valuable insight into your applications. Benefits of RUM (Real User Monitoring)RUM performance data can help you identify bottlenecks and discover how site performance issues affect your visitors’…
Read More
How To Select The Far Corner Of The Taskbar To Show The Desktop In Windows 11?

How To Select The Far Corner Of The Taskbar To Show The Desktop In Windows 11?

This is one of the unique features provided by Microsoft in Windows OS. As you know, I’m a full-time web app developer and content writer. I usually work with multiple tabs and applications , including browsers, code editors, and virtual environments. Most of the temporary files and working project files are stored on the desktop before deploying to the live server. Multiple windows and their previews are present on my screen while I’m working. To access the files from the desktop, I usually have to minimize the windows one by one. I later found that I can click the far…
Read More
Unlocking the Power of React 19: Grasp the New ‘use’ API

Unlocking the Power of React 19: Grasp the New ‘use’ API

React, the beloved library that has revolutionized front-end development, is about to take another leap forward. With the upcoming release of React 19, developers are buzzing with excitement about the new 'use' API. But what exactly is this new feature, and how can it supercharge your React applications? Let's dive deep into this game-changing addition to the React ecosystem! What's the Buzz About 'use'? Imagine writing React components where fetching data is as simple as, well, using it. That's the promise of the new 'use' API. It's designed to make working with asynchronous resources feel like a breeze, right within…
Read More
New supervisor for Elixir – SuperWorker

New supervisor for Elixir – SuperWorker

(still updating) Intro Supervisor in Elixir (& Erlang) is one of interesting features of language. For legacy use case it's enough, but it's still limited feature for us. Based on process monitoring & linked feature of language (I have explain in this topic) we created a new supervisor for support more common case & more convenience. Supervisor is target to easy to use, better for multi purposes. Supervisor's features In one of supervisor we support: Group of processes Chain of processes Standalone processes Support partition for scalable system Just need one supervisor in application and can add child in application…
Read More
Create your own AI asking App (Submit text to an AI model View the AI-generated response)

Create your own AI asking App (Submit text to an AI model View the AI-generated response)

Building a Full-Stack Web App: From Authentication to API Integration Hello, fellow code enthusiasts! Today, I'm excited to share my journey of building a full-stack web application that combines user authentication, backend API integration, and frontend development. This project is perfect for beginners looking to expand their skills across different technologies. Let's dive in!The Big Picture Our goal was to create a web app that allows users to: Sign up and log in Submit text to an AI model (in this case, the Gemini API)View the AI-generated response Sounds simple, right? Well, there's a lot going on under the hood!Backend…
Read More
Understanding the CSS Box Model: content-box vs border-box, inline vs. block elements

Understanding the CSS Box Model: content-box vs border-box, inline vs. block elements

As a frontend developer, understanding the CSS box model is make-or-break for being able to deliver pixel-perfect layouts. Let's dive right in and discuss how both inline and block elements behave differently in the context of the two box model types—content-box and border-box. The Basics: What’s in the Box? Before we go into the details, it's worth it to recap what the box model even is. Every single element on your page is a box (yes, even the ones that don't actually seem boxy in shape). Boxes may be within, containing, and/or alongside other boxes. The box model applies to…
Read More
Intro2Stellar | Creating Wallet Web App | Using Python

Intro2Stellar | Creating Wallet Web App | Using Python

This is a submission for the Build Better on Stellar: Smart Contract Challenge : Create a Tutorial Your Tutorial What I Created Created a step by step 13 minutes long brief guide on "what is stellar", "why it is used", "how to use it", and then develop a full app with frontend in python using stellar's python sdk Journey I did research about companies using stellar, what extra usecases/benefits stellar has. Then I read the documentation and chose the SDK which I think could be more properly explained :)I ended up taking up and creating a full demo on python…
Read More
No widgets found. Go to Widget page and add the widget in Offcanvas Sidebar Widget Area.