beginners

Top 5 best UI libraries to Use in your Next Project

Top 5 best UI libraries to Use in your Next Project

Introduction Are you looking to speed up your web development process? A UI library might be just what you need! This article explores the top 5 modern UI libraries that can help you build stunning web applications quickly and efficiently. A UI library is a collection of pre-designed and pre-built user interface elements (such as Buttons, Menus, Lists, Dropdowns, etc.) used to build user interfaces for a web application in a unified design style. In a conventional web development workflow, you usually need a UI/UX designer to design the user interfaces before developing a web application. Although this is a…
Read More
Building Robust Typescript APIs with the Effect Ecosystem

Building Robust Typescript APIs with the Effect Ecosystem

In this post, we will explore how to create a complete API using the Effect ecosystem. Although the Effect documentation is excellent, there are not many examples of full applications. If you have never heard of Effect, I suggest you take a look at the website: https://effect.website/ Effect is not just another framework but instead acts as the missing standard library for TypeScript. Because of this, I believe Effect is truly the future for TypeScript, especially when considering the challenges associated with writing production-ready applications in "plain" TypeScript. To understand more about these challenges and how Effect addresses them, watch…
Read More
How to Get the Directory Where a Bash Script is Located

How to Get the Directory Where a Bash Script is Located

Hello everyone! When you're working with Bash scripts, it's often useful to know the directory where the script itself resides. This can be essential for referencing relative paths, ensuring the script works correctly regardless of where it is executed from. Let’s dive into how you can achieve this. Method 1: Using dirname and $0 The simplest way to get the directory of the script is to use the dirname command in combination with $0. Here's a step-by-step explanation: $0: This special variable contains the path used to invoke the script. It might be a relative path, an absolute path, or…
Read More
Text I/O vs. Binary I/O

Text I/O vs. Binary I/O

Binary I/O does not involve encoding or decoding and thus is more efficient than text I/O. Computers do not differentiate between binary files and text files. All files are stored in binary format, and thus all files are essentially binary files. Text I/O is built upon binary I/O to provide a level of abstraction for character encoding and decoding, as shown in Figure below (a). Encoding and decoding are automatically performed for text I/O. The JVM converts Unicode to a file-specific encoding when writing a character, and it converts a file-specific encoding to Unicode when reading a character. For example,…
Read More
Split & Group Text and Perform Distinct on Each Group

Split & Group Text and Perform Distinct on Each Group

Problem description & analysis: Below is an irregularly categorized detail table. Column A and column B are categories and both have duplicate values. Column C contains detailed data consisting of strings separated by "comma+space", and there are duplicates among the string values. Task: Split detail data in each category, group them by category, get unique values of each group, and concatenate them using "comma+space". Solution: Use SPL XLL to enter the following formula: =spl("=E@b(?.group(~1,~2;~.conj(~3.split@ct()).id().concat("","")))",A2:C12) Enter fullscreen mode Exit fullscreen mode As shown in the picture below: Explanation: group()function groups rows and handles data in each group; ~1 represents the first…
Read More
Figma for Beginners

Figma for Beginners

Hello everyone! Today I'll be making a blog on Figma. I wanted to blog on Figma because I see Figma everywhere but I still don't know what it is. Figma helps with the design interface and responsive web design. Figma frames have preset devices and screen sizes. Creating Figma FramesFigma frames can be created by simply hitting on the "A" or "F" key. There is a dropdown pane of the list of devices that the user wants to create the frame with. Frame interactionsThey can be modified by changing preset values or simply dragging the corners of the box. Nesting…
Read More
Hello, DEV Community! I’m Makda Nebyu

Hello, DEV Community! I’m Makda Nebyu

Hello everyone! My name is Makda Nebyu. I’m a 3rd-year software engineering student at Wachamo University and a photo model. I’m excited to join the DEV Community and share my journey, projects, and knowledge with all of you. I have certificates in: JavaScript Web Design Python Computer Basic Skills Work Skills Here are some of the projects I've worked on: Student Result Management System Description: A web application to manage and track student results. Technologies used: C++ Clinic Management System Description: A system to streamline clinic operations and manage patient data. Technologies used: JavaScript, HTML, CSS, MySQL. Library Inventory System…
Read More
7 Books That Make You A Great Tech Lead

7 Books That Make You A Great Tech Lead

This article was originally posted in my blog: https://www.codebymedu.com/blog/7-books-for-tech-lead If you're already a tech lead or are planning to become a tech lead in the future, I've gathered 7 of the books I've read that helped me become a successful tech lead that you must read too. I tried to gather practical books with practical steps in them, so instead of learning theory and forgetting everything afterwards, most of these books focus in practical advice. If you don't know much about tech lead role, it differs a lot from an IC role. You are required to have a vision for…
Read More
What is Associative Arrays in Computer Science

What is Associative Arrays in Computer Science

In computer science, an associative array, map, symbol table, or dictionary is an abstract data type that stores a collection of (key, value) pairs, such that each possible key appears at most once in the collection. In mathematical terms, an associative array is a function with a finite domain. It supports 'lookup', 'remove', and 'insert' operations. The Dictionary Problem The dictionary problem is the classic problem of designing efficient data structures that implement associative arrays. The two major solutions to the dictionary problem are hash tables and search trees. It is sometimes also possible to solve the problem using directly…
Read More
7 Best Practices for ReactJS Development in 2024

7 Best Practices for ReactJS Development in 2024

Modern web development has made ReactJS an essential tool, enabling developers to create dynamic and interactive user interfaces with ease. ReactJS development best practices change along with technology. Maintaining technological leadership will necessitate implementing fresh approaches and plans to guarantee scalable, maintainable, and efficient code. In 2024, the following seven best practices should be adhered to when developing ReactJS: 1. Embracing Component-Driven Development Among ReactJS best practices, component-driven programming is still at the forefront. The goal is to simplify complicated UIs into reusable parts that support code reusability and outline functionality. Adopting component-driven development promotes teamwork, improves code maintainability, and…
Read More
No widgets found. Go to Widget page and add the widget in Offcanvas Sidebar Widget Area.