teleren/devto huggingface dataset:
#100DaysOfCode - Day 05
Published: 2023-12-21 16:18:23


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mab20h6d6idv4y5a3izs.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bvq3a42ba1jwroamfxw5.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0xuijxlrz28lzathz3po.png)
Today I did a few more small projects from @frontendmentor

It's great to see the progress! The first few took me 2 days each to complete, but today I've managed to finish 3. I'm excited to see further progress in the upcoming days.

Project 1: https://lnkd.in/gcaDMFHB
Project 2: https://lnkd.in/gKbFGKrx
Project 3: https://lnkd.in/gixE5RXA

Feel free to connect with me through my social links below. Let's code, learn, and grow together!"
[@nomanux](https://twitter.com/Nomanux)
StringBuilder is (almost always) better than String Concatenation
Tags: programming, aspdotnet, tips, beginners
Published: 2023-12-21 16:08:11

Hey there, coding friends!   Today we're diving into a super-cool trick to make your C# code run like lightning ⚡️ when you're working with strings. It's all about choosing the right tool for the job, and that tool is called... StringBuilder! ️

**Here's the scoop:**

- **String Concatenation: The Usual Way**
  - You know how you normally put strings together with the + sign? Like "Hello" + " " + "World"?
  - That's called string concatenation, and while it's easy to do, it can get a bit slow when you're working with lots of strings. Imagine building a huge sentence word by word—it takes time to glue everything together!

```c#
public void WithConcatenation(string[] AllStrings)
{
    string finalString = "";
    foreach (string s in AllStrings)
    {
        finalString += s;
    }
}
```
- **StringBuilder: The Performance Powerhouse**
  - Enter StringBuilder! It's like having a special string workshop where you can quickly assemble strings without all the fuss.
  - Instead of creating new strings every time you add something (like with the + sign), StringBuilder lets you build the string in memory first. It's like having all your words ready to go before you start gluing.
  - When you're done, you just ask StringBuilder for the final string, and it hands it over, perfectly crafted and ready to use!

```c#
public void WithStringBuilder(string[] AllStrings)
{
    StringBuilder sb = new StringBuilder();

    foreach (string s in AllStrings)
    {
        sb.Append(s);
    }

    var finalString = sb.ToString();
}
```

**When to Use Which:**
- **Just a few strings?** The + sign is still your pal. It's quick and easy for small jobs.
- **Building a string empire?** Summon the StringBuilder! It's a master of efficiency for larger string projects.
  - Think of it like this: if you're making a sandwich, using a knife to spread peanut butter is fine. But if you're catering a party, you'll want a big old spatula to get the job done quickly!

**Key Takeaways:**
- StringBuilder is almost always faster than string concatenation when you're working with more than a handful of strings.
- It can make your code run up to 7000 times faster in some cases!
- Remember to use the right tool for the job: StringBuilder for big string projects, + sign for smaller tasks.

Now go forth and build those strings with lightning speed! ⚡️

Original Source: [Tip #1: StringBuilder is (almost always) better than String Concatenation](https://www.code4it.dev/blog/top-6-string-performance-tips/#tip-1-stringbuilder-is-almost-always-better-than-string-concatenation)
Let's talk observability 👀: Navigating deterministic and probabilistic profiling
Tags: webdev, devops, productivity, tooling
Published: 2023-12-21 15:56:57

Imagine having X-ray vision for your applications—seeing performance pitfalls, and architectural bottlenecks, and understanding exactly where to focus your efforts. 🔥

This is exactly what observability adds to the developer toolkit. When seamlessly integrated into development and deployment workflows it can save time, effort, and elevates them to best practice standards. 😎

Come and take a journey with us down the eye opening road of observability as we explore why having an observability for your applications is such a game changer. ✨

**[Let's dive in!](https://upsun.com/blog/deterministic-vs-probabilistic-profiling/?utm_source=social&utm_medium=organic-social&utm_campaign=upsun-blog-2023)**
Block Time
Tags: blockchain, performance, web3, cryptocurrency
Published: 2023-12-21 15:46:34

## Block Time of&nbsp;the most popular blockchains

Block time differs for every blockchain. Some allow faster block times than others. Depending on&nbsp;the blockchain, a&nbsp;new block can be&nbsp;mined in&nbsp;a&nbsp;matter of&nbsp;seconds, or&nbsp;it&nbsp;can take a&nbsp;few minutes.

Here are the Block Time metrics for the most popular blockchains. These metrics are relevant on&nbsp;Feb&nbsp;12, 2024. For real-time metrics check out&nbsp;[our dashboard](https://chainspect.app/dashboard)

[Algorand](https://chainspect.app/chain/algorand) block time is 2.87s   
[Arbitrum](https://chainspect.app/chain/arbitrum) block time is 0.25s   
[Avalanche](https://chainspect.app/chain/avalanche) block time is 2.01s   
[Base](https://chainspect.app/chain/base) block time is 2s   
[Bitcoin](https://chainspect.app/chain/bitcoin) block time is 5m 58s   
[BNB Chain](https://chainspect.app/chain/bnb-chain) block time is 3s   
[BNB Greenfield](https://chainspect.app/chain/bnb-greenfield) block time is 2.61s   
[Celo](https://chainspect.app/chain/celo) block time is 5s   
[Cronos](https://chainspect.app/chain/cronos) block time is 5.64s   
[Crust](https://chainspect.app/chain/crust) block time is 12.56s   
[Ethereum](https://chainspect.app/chain/ethereum) block time is 12.04s   
[Fantom](https://chainspect.app/chain/fantom) block time is 1.49s   
[Gnosis Chain](https://chainspect.app/chain/gnosis) block time is 5.25s   
[Hedera](https://chainspect.app/chain/hedera) block time is 2s   
[Integritee](https://chainspect.app/chain/integritee) block time is 12.33s   
[IoTeX](https://chainspect.app/chain/iotex) block time is 5s   
[opBNB](https://chainspect.app/chain/opbnb) block time is 1s   
[Optimism](https://chainspect.app/chain/optimism) block time is 2s   
[Polkadex](https://chainspect.app/chain/polkadex) block time is 12s   
[Polkadot](https://chainspect.app/chain/polkadot) block time is 6.03s   
[Polygon](https://chainspect.app/chain/polygon) block time is 2.13s   
[Scroll](https://chainspect.app/chain/scroll) block time is 3s   
[Sirius](https://chainspect.app/chain/sirius) block time is 15.07s   
[Solana](https://chainspect.app/chain/solana) block time is 0.42s   
[Starknet](https://chainspect.app/chain/starknet) block time is 32.82s   
[Telos](https://chainspect.app/chain/telos) block time is 0.5s   
[Tron](https://chainspect.app/chain/tron) block time is 3s   
[Zeitgeist](https://chainspect.app/chain/zeitgeist) block time is 12.3s 
***

[Website](https://chainspect.app/) | [Twitter](https://twitter.com/chainspect_app) | [Discord](https://discord.com/invite/nnmJf56XYU)
How did I made a circle withing another circle
Tags: css, html, ui, uidesign
Published: 2023-12-21 15:44:51

In our recent sprint, [biGENIUS](https://www.bigenius-x.com/) design team embarked on an exciting journey to enhance user interaction by introducing a sleek stepper view, complete with eye-catching stepper elements. Picture this: a single circle adorned with a numerical indicator and a stylish outer border—cool, right?


![Circle Design](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o8js2k38t4j542gzvhxf.png)

Now, the challenge was to bring this vision to life using CSS. Here's the breakdown of my approach:

Firstly, the color scheme and border of the stepper are intricately tied to its current status—whether it's active or not. While various methods, including different SVGs, crossed my mind, I opted for a more elegant solution: leveraging the power of pure CSS.

And so, the question arose: how to achieve this visually appealing effect? Let's dive into the process, starting with the creation of the circle containing the numerical identifier—seemingly simple, yet a crucial step in realizing the desired aesthetic.

```
<div class="stepper-step__number">1</div>
```

```
.stepper-step__number {
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 24px;
  color: #f3f3f3;
  height: 48px;
  width: 48px;
  min-width: 48px;
  border-radius: 50%;
  background-color: #44a5d8;
}
```
The outcome:

![Number inside a circle](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/165q53tlzjj81cpfv7ex.png)

Now, onto the more challenging aspect—the creation of that elusive white inner circle.

My initial pondering led me down the path of considering another circle element with a simple white border, nested within the outer circle. However, I realized I was unnecessarily complicating the process.

![Over complicated meme](https://i.imgflip.com/8a3or4.jpg)

---


It dawned on me: why not employ the subtle power of box-shadow to achieve the desired effect? The solution revealed itself through the use of a pseudo-element, a moment of coding clarity that filled me with a sense of pride. This revelation became the driving force behind sharing my experience in this post, a testament to the joy of overcoming coding challenges and discovering elegant solutions.


![the outcome](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hcve5pjngfn65ysjbxaw.png)

```
<div class="stepper-step__number active">2</div>
```

```
.stepper-step__number.active {
  position: relative;
}

.stepper-step__number.active::after {
  content: '';
  position: absolute;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px #fff;
}
```


---



I am so proud of myself 


![Proud of myself gif](https://c.tenor.com/WckJtOWQl3AAAAAC/tenor.gif)

---


If you want to try it, check it out on [stackblitz](https://stackblitz.com/edit/web-platform-4s2peh?file=index.html)

Would you have done this differently?
Tell me how on the comments
(probably with tailwind this could be done with some simple things right?)
InfluxDb
Published: 2023-12-21 15:40:00

##Programming Language used : 
**Primary Language:**    

- The core of InfluxDB is primarily written in Go (Golang), leveraging its performance and concurrency features.

**Client Libraries:** 

- InfluxDB supports client libraries for JavaScript/Node.js, Python, and Java, allowing developers to interact with InfluxDB using these languages.

**Telegraf Agent:** 

- The Telegraf agent, a vital part of InfluxDB, is also written in Go and is used for collecting and processing metrics from different sources
.

##Parent Company of that tool :

- Embed InfluxDB is developed and maintained by InfluxData, Inc. InfluxData is the parent company that oversees the development of InfluxDB and other related projects within the InfluxData platform.

##Purpose and Functionality of InfluxDB:
####Purpose :

- InfluxDB is a high-performance, open-source distributed database designed to handle large volumes of time-series data efficiently. Its primary purpose is to store, query, and visualize time-series data, making it well-suited for applications that involve monitoring, analytics, and real-time metrics.
- InfluxDB is an open-source, high-performance database designed for efficiently managing time-series data, ideal for monitoring and analytics.

####Functionality :

- Time-Series Data Storage: Optimized for storing time-stamped data like sensor readings and metrics.
- Schema-less Design:Allows dynamic definition and modification of data structure without predefined schemas.
- Data Retention Policies: Users can define policies for managing data retention over time.
- SQL-like Query Language (InfluxQL):Enables aggregation, filtering, and manipulation of time-series data.
- Continuous Queries:Supports predefined continuous computations running in the background.
- Retention and Downsampling: Allows downsampling of high-resolution data over time for storage and query optimization.
- High Write and Query Throughput:Designed for handling large volumes of real-time data.
- Telegraf Integration: Often used with Telegraf for collecting and sending metrics to the InfluxDB database.
- Built-in Visualization: Integrates with tools like Grafana for creating interactive dashboards.
- Scalability:Horizontally scalable, allowing the addition of nodes to handle increased data and query loads.


##Logo

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jazpbymr9j8pxcirgw2d.png)
##Open source : 

- InfluxDB is an open-source database. The core functionality of InfluxDB, including its ability to store and query time-series data, is available as open-source software.
- Users can download, use, and modify the open-source version of InfluxDB under the terms of the license.
- Additionally, InfluxData, the company behind InfluxDB, offers commercial products and services around InfluxDB, such as enterprise-level support, clustering, and additional features, as part of their InfluxDB Cloud and InfluxDB Enterprise offerings.
- These commercial services may come with a subscription or licensing fees, but the core InfluxDB software itself is open source.
Need help in nodejs!
Tags: node, javascript, reactnative, help
Published: 2023-12-21 15:31:11

So, at the moment I need help to know if the way I am making certain requests in my react native project with node complies with community standards, in addition to serving well against SQL injection intrusions and that it works in a scalable way. My current database is mysql and I'm running everything on my localhost. If anyone is interested in helping me, I would love to talk privately!
C# - with expressions
Tags: csharp, programming, tutorial, beginners
Published: 2023-12-21 15:30:00

In C# `with` expressions, a feature that simplifies the creation of new objects based on existing instances, is particularly useful for working with immutable data types. This feature is part of the record types enhancement but can also be beneficial in other scenarios where immutability is desired.

Here's how to utilize `with` expressions in C#:

1. **Create New Objects with Modified Properties:**
   `with` expressions allow you to create a new object by copying an existing object and modifying some of its properties in an immutable way. This is especially useful with record types.

2. **Combine with Record Types for Immutability:**
   When used with record types, `with` expressions provide a seamless way to work with immutable data structures.

Example:

```csharp
public record Person(string Name, int Age);

public static void Main()
{
    var originalPerson = new Person("Alice", 30);

    // Create a new person based on the original, but with an incremented age
    var aYearOlderPerson = originalPerson with { Age = originalPerson.Age + 1 };

    Console.WriteLine($"Original: {originalPerson}");
    Console.WriteLine($"A Year Older: {aYearOlderPerson}");
}
```

In this example, the `aYearOlderPerson` record is created using a `with` expression based on `originalPerson`. This new instance has an incremented age, while the rest of the properties are copied from the original. This approach is very useful in scenarios where you have to work with data that should remain immutable after its initial creation, such as in functional programming or when dealing with thread-safe data structures.

`with` expressions enhance the readability and maintainability of your code when dealing with immutable data, making C# more suitable for functional-style programming patterns.
Beginner's TypeScript #4
Tags: programming, typescript, tutorial, beginners
Published: 2023-12-21 15:00:00

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vpox9eyhrdowqgvkakqp.png)

⭐ **Optional Parameters** ⭐

Consider this **getName** function:

```ts
export const getName = (first: string, last: string) => {
  if (last) {
    return `${first} ${last}`;
  }
  return first;
}
```

It takes in **first** and **last** as individual parameters:

We will determine how to mark the **last** parameter as **optional**.

👉 **Solution:**

Similar to [last time](https://dev.to/nhannguyendevjs/beginners-typescript-3-126n), adding a **?** will mark last as optional:

```ts
export const getName = (first: string, last?: string) => {
  // ...
}
```

There is a caveat, however.

We can not put the optional argument before the required one:

```ts
// This will not work! 
export const getName = (last?: string, first: string) => {
  // ...
}
```

This would result in **"Required parameter cannot follow an optional parameter"**.

As before, you could use last: **string | undefined** but we would then have to pass **undefined** as the second argument.

---

I hope you found it useful. Thanks for reading. 🙏
Let's get connected! You can find me on:
- **Medium:** https://medium.com/@nhannguyendevjs/
- **Dev**: https://dev.to/nhannguyendevjs/
- **Hashnode**: [https://nhannguyen.hashnode.dev](https://nhannguyen.hashnode.dev/)/
- **Linkedin:** https://www.linkedin.com/in/nhannguyendevjs/
- **X (formerly Twitter)**: https://twitter.com/nhannguyendevjs/
Invest in Your Future: The Best Digital Marketing Institutes in Mumbai.
Published: 2023-12-21 14:44:37

Mumbai, India's bustling financial capital, is not just a hub of innovation and technology but a thriving centre for digital marketing excellence. In recent years, the city has witnessed an unprecedented surge in demand for digital marketing expertise, driven by businesses eager to expand their online presence and connect with target audiences in the digital realm. As the importance of digital marketers continues to grow, the need for comprehensive training becomes more crucial than ever.

Why Mumbai?
Known for its diverse business landscapes and technological advancements, Mumbai is at the forefront of digital innovation in India. The city's dynamic environment has given rise to a spectrum of opportunities in the digital marketing field. 
To meet this demand, numerous digital marketing institutes in Mumbai have emerged, offering a wide array of courses that cover every aspect of digital marketing, from Search Engine Optimization (SEO) to Social Media Marketing (SMM)
Top 10 Digital Marketing Institute in Mumbai.
In this article, we present the top 10 digital marketing institutes in Mumbai, each carefully curated to help you discover the best fit for your aspirations. Whether you are just starting your journey as an aspiring marketer or an established professional aiming to enhance your skill set, these institutes serve as gateways to the expansive world of digital marketing.
Divers Approaches to Learning.
Each institute showcased here adopts a unique approach to digital marketing education, ensuring a rich and immersive learning experience. From in-depth theoretical knowledge to hands-on practical applications, these institutions are dedicated to equipping you with the skills needed to thrive in the competitive arena of digital marketing in Mumbai.
As you embark on this exploration, you'll find institutes that not only provide a solid foundation but also foster an environment where creativity and innovation flourish. Mumbai's digital marketing institutes are more than just learning centers; they are gateways to a future where your skills as a digital marketer can make a significant impact.
Investing in your future begins with choosing the right education partner. Mumbai's Top 10 Digital Marketing Institutes are your ticket to staying ahead in the ever-evolving digital landscape. Whether you're drawn to the fast-paced world of SEO, the interactive realm of SMM, or the strategic landscape of digital marketing as a whole, these institutes offer the guidance and expertise needed for a successful journey in the world of digital marketing in Mumbai. Explore, learn, and pave the way for a thriving career in one of India's most dynamic cities.
https://blog.digitalacademy360.com/top-10-digital-marketing-institutes-in-mumbai-2/
Mastering Azure SignalR Load Balancing
Published: 2023-12-21 14:38:02

🚀 Mastering Azure SignalR Load Balancing 🚀
Ready to elevate your real-time applications? We show you how in this brief guide on Azure SignalR Service and the game-changing magic of load balancing. Here's a sneak peek:
🌐 Azure SignalR: Microsoft's powerhouse for seamless real-time communication.
🔄 Why Load Balance? Ensure reliability, prevent disruptions, and optimize scalability for apps with real-time updates.
https://www.relianoid.com/resources/knowledge-base/howtos/how-to-load-balance-azure-signalr-service/
#AzureSignalR #LoadBalancing #RealTimeMagic #TechInsights #AzureTech #SignalRService #WebDevelopment #MobileApps #TechInnovation #RealTimeUpdates #AppPerformance #TechIntegration #CloudSolutions #DeveloperCommunity #InnovateWithAzure #ScalingApps #TechSavvy #AppDevelopment #CloudComputing #CodeOptimization #AzureLoadBalancer #StreamlinedTech #EfficientApps #DeveloperGuide
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/euzw5fr0h045vkuglfvh.jpg)
123B Li - Trang Chính Thức , Khuyến Mãi VIP
Tags: webdev, javascript
Published: 2023-12-21 14:37:35

123b - 123b li – Nhà cái cá cược và casino trực tuyến hàng đầu Việt Nam. Cung cấp đa dạng trò chơi cá cược thể thao, casino trực tuyến. Giao diện thân thiện, bảo mật tuyệt đối. Tham gia ngay để nhận ưu đãi lớn. Hỗ trợ khách hàng tận tình 24/7. Giải trí cùng 123b – Nhà cái số 1 Việt Nam!
Thông tin chi tiết:
Website: https://123b.li/ 
Địa chỉ: 263 Đ. Đinh Bộ Lĩnh, Phường 26, Bình Thạnh, Thành phố Hồ Chí Minh
Email: tothienduc3947@gmail.com
#123b, #123bli, #123b_casino
AWS Cloud Resume Challenge ( week 1 )
Published: 2023-12-21 14:34:08


The [Cloud Resume Challenge](https://cloudresumechallenge.dev) serves as a valuable platform for demonstrating proficiency in cloud technologies while crafting a compelling online resume. Embarking on my continuous learning journey in cloud and AWS, I embraced this challenge to elevate my skills and achieve a deeper mastery of cloud technologies.

**WEEK ONE: Front End**

**1. Crafting an HTML and CSS Resume Layout:**
I curated my resume layout using a preexisting HTML CSS template, meticulously tailoring it to my preferences. The finalized resume was then uploaded to my [Github](https://github.com/ubong-web/portfolio) repository and seamlessly hosted on [Netlify](https://ubongresume.netlify.app/).

**2. S3 Bucket Code Deployment:**
Adhering to best practices, I initiated code deployment to an S3 bucket. To enhance security measures, I established an IAM group named "USER" with comprehensive privileges. Subsequently, a dedicated user was created, associated with the group, ensuring the root user exclusively handles administrative tasks. Upon logging in with the designated user account, an S3 bucket was generated, and the website files were successfully uploaded. Enabling static website hosting, I configured the bucket for public access and modified the bucket policy using the specified AWS documentation policy.

**Setting Up CloudFront, Route 53, and Certificate Manager:**
Facilitating improved accessibility through CloudFront, I linked the bucket name to this content delivery platform. For heightened security, I utilized Certificate Manager to request an SSL/TLS certificate, fortifying the website. Route 53 was then employed to seamlessly route the URL to my personalized domain, enhancing the overall professionalism of the [website](resume.johnubong.com.ng).

**Conclusion:**
This project provided a valuable learning experience, deepening my understanding of AWS services and their practical implementation.

---