teleren/devto huggingface dataset:
Types of the .Net frameworks
Tags: dotnet, dotnetcore, dotnetstandard, beginners
Published: 2023-11-07 17:03:59

If you are a beginner in the world, there may be confusion about ".Net", ".Net Core", ".Net Framework", and ".Net Standard". Let's take a look at the three major types of the .Net frameworks. 

1) **.Net Framework**:
Microsoft released the beta version of .Net framework 1.0 in early 2000. Currently, .Net framework 4.8.1 is the latest version available.

It strictly runs in Windows environments only. Windows forms, ASP.Net, ASP.Net MVC, and WPF are the most popular features of the .Net framework.

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

2) **.Net Core** (.Net)
.Net core was released by Microsoft in June 2016. It is a rewritten version of earlier .Net frameworks however its specialty is that it can run in cross-platform environments such as Windows, Linux, and Mac. It is also an open source project. 

It was called ".Net Core" until version 3.1 however, the 5th version is considered now as ".Net" instead of ".Net Core" the reason being there will not be further development of the original .Net Framework version 4.8.1. 
Hence, the original .Net Framework and .Net Core become legacy and further versions will only be known as **.Net**

Microsoft recommends now upgrading these legacy frameworks to the latest .Net version.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sfuo1tu8yg1hgq5zvspr.png)

Refer to this post for guidance related to upgrading the .Net framework:
https://dev.to/swapnilt/how-to-migrate-you-current-net-framework-to-latest-version-jf9

.Net 8.0 is the latest beta version currently available. ASP.Net core, Universal Windows Platform (UWP) are the popular features of it.

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


3) **.Net Standard**
.Net standard is a library framework. You can create non executable type library projects. Its speciality is that you can use these projects as packages or libraries with selective versions of .Net framework as well as .Net Core.
When you have both types of projects in production and would like to use common code in projects, you can use .Net Standard to address the issue specifically .Net Standard 2.0.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/10vazbvf842c5ef27w9g.png)
Animated Login and Registration Form in HTML CSS & JavaScript
Tags: html, css, javascript, tutorial
Published: 2023-11-07 16:58:57

Animated Login and Registration Form in HTML CSS & JavaScript

Hey everyone I hope you are all fine, today I'm going to teach you how to make an animated login and registration form in HTML CSS & JavaScript from scratch. It's a great project that is used to log in and register the user.

Mostly, users use that project inside the application, So, I'm going to use HTML CSS and JavaScript to make it step by step. Inside the project, there are many features such as displaying login and signup forms on the same page. It also has cool animation, you will click on the signup button, and then you will see a signup form with cool animation.

So, I hope you will learn many new things from the tutorial, after watching the complete I hope you've got many ideas from it.

If you are interested in becoming a front-end developer, I will teach you everything step by step. I've been sharing the complete HTML, CSS, and JavaScript-based tutorial on my channel. Also, I will be sharing those technology videos on my channel,  want to improve your skills, keep in touch with me.

{% embed https://www.youtube.com/watch?v=tYeodtCixxQ %}.
Day 8 Rejected In An Interview
Published: 2023-11-07 16:35:55

Today I had a test (1st Round) for the Clinisys Campus Drive. I did well on the test, I was expecting to clear it. I had spent the whole day from 9:00 am to 5:00 pm thinking about this interview. But when I was saw the result, I did not get it. 

## Another day, Another rejection. 
I felt bad because I am sure I did well, but I guess when 200 people write the same MCQ test, it is hard to qualify. I went to my college placement officer, after this whole thing to ask about a technical issue. 

When I told him about not getting selected, he told me instead of thinking why I did not get selected in this company, think of how I can get selected in any company. How can I be good enough so that they can't ignore me.

He is right. I need to be better. I need to improve. I need to work harder. But

## Dreams will eventually turn into bubbles  

Therefore, I have a goal or an action plan, 
This month of November I want to: - 
1. Make A Cool Android Project worth putting on my resume. 
2. Solve at least 30 Leetcode problems (Blind 75) 
3. Finish OOPs, DSA and DBMS theory, maybe even take a bit of OS. 

This is doable. I can do it. I must do it. 

Anyways so for the challenge, Today I did java interview questions, and I solved a Leetcode problem after I got back from college. Other than that, I also read some great articles on how I should practice on Leetcode. (which I will follow after Blind75)
Best way to protect email address from web crawlers?
Tags: webdev, web3, webscraping, html
Published: 2023-11-07 16:19:38

Protecting your email address from web crawlers is essential to prevent spam and other unwanted emails. Here are some strategies you can use to safeguard your email address:

1. Use Contact Forms: Instead of displaying your email address on your website, use contact forms. This way, visitors can contact you without your email address being exposed to web crawlers. Many website builders and content management systems offer built-in contact form features.

2. Email Obfuscation: You can obfuscate your email address by encoding it using HTML entities. For example, you can replace "@" with "&#64;" and "." with "&#46;". This makes it more challenging for web crawlers to recognize your email address while still being readable by humans.

3. JavaScript Encryption: You can use JavaScript to dynamically create your email address on your website. This can deter web crawlers since they may not execute JavaScript. However, be cautious, as some users disable JavaScript or use browser extensions that block it.

4. CAPTCHAs: Implement CAPTCHAs on your website's contact or registration forms to prevent automated bots from harvesting email addresses.

5. Image-based Email: You can create an image with your email address and display it on your website. While this makes it challenging for web crawlers, it may be less user-friendly.

6. Limited Exposure: Minimize the places where you publish your email address. Only share it with trusted individuals and on reputable websites.

7. Use Email Alias: Create an email alias specifically for public use, and keep your primary email address private. This way, even if the alias gets spammed, your primary inbox remains secure.

8. Honeypots: You can add hidden form fields that are invisible to users but visible to web crawlers. If a crawler fills in these fields, you can automatically block or filter out the submissions.

9. Robots.txt: Use a robots.txt file to instruct search engine crawlers not to index pages that contain your email address. This doesn't guarantee complete protection, but it can help.

10. Regularly Update and Monitor: Be vigilant and regularly update your email protection methods. Monitor your email address for signs of spam and adjust your strategy if necessary.

Remember that no method is foolproof, and determined web crawlers may still find ways to harvest email addresses. Therefore, it's crucial to combine multiple protection measures and regularly evaluate their effectiveness to minimize the risk of your email address falling into the hands of spammers.
PRO TIP: Use VeilMail.io to [hide email address from spammers](https://veilmail.io)  with the free VeilMail.io tool.
Draw your mind out: Free tools for developers
Tags: free, tools, drawing, diagrams
Published: 2023-11-07 16:00:00

---
title: Draw your mind out: Free tools for developers
published: true
description: One does simply explain by text and speech, one must see.
tags: ["free", "tools", "drawing", "diagrams"]
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wu6sjyhj1fn7x3koj4pp.jpg
# Use a ratio of 100:42 for best results.
published_at: 2023-11-07 16:00 +0000
---

One does not simple explain by text and speech.

Convey your thinking by drawing. Here some free tools I used everyday which can help you out too:

- https://play.d2lang.com/
- https://excalidraw.com/
- https://plantuml.com/

Photo by Bich Tran: https://www.pexels.com/photo/black-graphing-paper-913116/
111 berufliches Vorwärtskommen: Wie langjährige Strebsamkeit aussieht.
Tags: deutsch, career, motivation, discuss
Published: 2023-11-07 16:00:00

Moin Moin,

ich möchte dich heute dazu einladen, in den Kommentaren, deine Erfahrungen bzgl. deiner Strebsamkeit zu teilen, insbesondere falls du seit mindestens 10 Jahren eine IT-Fachkraft bist.

Dies soll unter anderem Neulingen helfen, jedoch auch jedem, der gerade eine schwierige Zeit in seiner Karriere durchmacht.

1) Wie waren die Anfänge in der IT für dich ( vor dem Berufseinstieg )
2) Was war dein erstes gewichtiges Erfolgserlebnis vor deinem Berufseinstieg
3) Wie waren die ersten Wochen im Beruf
4) Was waren die ersten gewichtigen Erfolge im Beruf
5) Was ist das gewichtigste Zwischenziel welches du bisher erreicht hast
6) Bist du ein „Quereinsteiger“, falls ja, was hat dich dazu gebracht
7) Hat es sich gelohnt strebsam zu sein ;-)

Lass uns mittels Kommentaren austauschen.

Beste Grüße,
Mustafa

Oder auch mittels E-Mail: mustafa.kevin.dwenger@posteo.de
Betreff: Austausch
Marketing your Mindset
Tags: marketing, tutorial
Published: 2023-11-07 15:42:31

The following information outlines my approach to working with IT professionals participating in pre-sales activities for the American market. I share this guidance to equip them for successful engagements with United States companies.

As software developers and IT companies, it is imperative that we excel in the art of selling our software. What can set you apart in this highly competitive landscape?

Please allow me to elaborate on the importance of this concept and how it can enhance your company's success. There exists a specific mindset that proves invaluable in the role of a software developer. It's a practical mindset, but it extends beyond that. It's about direct thinking.

## Here are some examples:

Instead of perceiving obstacles, I focus on the target.

This exemplifies the practical mindset's approach to problem-solving. It's this mindset that distinguishes individuals as some of the world's finest developers.

## Consider this mindset as an example:

Problem ➔ Find a solution ➔ No problem.

Notice the resemblance to a line of code? This mindset is globally recognized in regions where software sales are desirable, such as the United States, Germany, Belgium, and the Middle East. In places where people possess this mindset, you find the best developers.

## Now, let's discuss your competition:

Americans tend to be overly cautious during the "find a solution" phase, which can slow down their decision-making process.

In Asian countries, their decision-making process often follows a circular pattern, which presents challenges for developers.

I once worked at Google, where they sought developers who were proactive in project completion and had a passion for coding.

In other countries, individuals with thinking processes deviating from the straight-line approach may find it challenging to write successful code.

Problem ➔ Find a solution ➔ No problem.

The thinking prevalent in Eastern Europe is exceptionally powerful because it allows for direct, practical, and elegant solutions. This is a marketable asset! Once you comprehend this, you'll realize that you possess something exceptional to offer in the realm of development.

In the rest of the world, this skill is highly sought after. Additionally, there's another crucial component: when selling to the Western market, you must exude confidence in your professionalism. This is the essence of successful presale meetings. Avoid underselling yourself; present yourself as the top-tier professional that you are.

Now, you understand why recognizing this particular mindset can set you on a path to becoming an exceptional developer and why your value is highly regarded in other countries. This knowledge is of paramount importance.

I genuinely hope that this guidance proves beneficial for you as a developer and for your company's success in selling to the Western market.
5 Open-Source Projects That Will Elevate Your Coding Game in 2024
Tags: webdev, javascript, programming, opensource
Published: 2023-11-07 15:40:32

As we step into 2024, the landscape of open-source software continues to expand, offering new tools that empower developers and enrich the tech community. For the coding enthusiasts and software developers out there, especially those dabbling in JavaScript, here are four open-source projects to watch out for this year!

**1. OpenSign – The Open-Source Revolution in Digital Signatures**
   - OpenSign is making strides by providing a secure and reliable platform for e-signatures that’s both easy to use and entirely free. It’s an essential tool for developers looking to implement e-signing in their applications. Check out OpenSign's journey on [GitHub](https://github.com/opensignlabs/opensign) or learn more at their [website](https://www.opensignlabs.com).

{% cta https://github.com/opensignlabs/opensign %} ⭐ OpenSign on GitHub{% endcta %}

**2. FreeCodeCamp – Learn Coding by Doing**
   - FreeCodeCamp remains a staple for coding novices and pros alike. Its curriculum is expansive, covering everything from JavaScript to information security, and contributing to its repository can help improve coding skills and give back to the community.

{% cta https://github.com/freeCodeCamp/freeCodeCamp %} ⭐ FreeCodeCamp on GitHub{% endcta %}

**3. Uptime-kuma – self hosted uptime monitoring tool**
   - 	•	Uptime Kuma is a self-hosted monitoring tool that checks your websites and services with outstanding customization options. It’s a great project for JavaScript devs to contribute to, offering practical experience with real-time web applications.

{% cta https://github.com/louislam/uptime-kuma %} ⭐ Uptime-kuma on GitHub{% endcta %}

**4. Mail for Good – An Email Campaign Manager for the Greater Good**
   - Designed by FreeCodeCamp, Mail for Good allows nonprofit organizations to send bulk emails at a lower cost. It’s a powerful tool for learning about email marketing technologies and contributing to nonprofit success stories.

{% cta https://github.com/freeCodeCamp/mail-for-good %} ⭐ Mail-for-good on GitHub{% endcta %}

The open-source movement is all about collaboration and contribution. By involving yourself with projects like OpenSign and FreeCodeCamp, you can enhance your skill set, contribute to meaningful projects, and help drive forward the community. Dive into these projects to start making an impact with your code today!
How to increase development speed and improve internal communication using a design system?
Tags: webdev, productivity, development, sql
Published: 2023-11-07 15:34:45

Today we want to share our experience in creating and implementing a design system to speed up the development of a website and mobile application Compare. Let’s say right away that this process was not easy, it was not without all sorts of hiccups - we will also talk about them.

We hope that the article will be useful to everyone involved in the development of large applications in companies with a large number of already working products.
A few words about why we needed a design system

Star Gambling is an online platform where you can choose, compare and order gambling and entertainment products. We have a variety of services, each of which developed at different times and, as is usually the case, contained many old artifacts in both design and code.

A few years ago, Star Gambling changed its development vector and received the status of a financial marketplace. We were the first British fintech company to launch an online rating of gaming platforms. There were more and more products, interfaces became more and more complex, and sometimes, when moving from section to section, it seemed that these were completely different sites. Similar products had different patterns for seemingly identical scenarios. Everywhere there were different questionnaires, different customer journeys and visual design.
How to make your own GPT with new ChatGPT / GPT-4? Tutorial - Guide
Tags: gpt, gpt4, chatgpt, openai
Published: 2023-11-07 15:33:13

Link : https://chat.openai.com/gpts/discovery

Full tutorial > [🤯 Build Your Own Custom GPT with ChatGPT — Tutorial — Upload Document As A Knowledge Base — EASY](https://youtu.be/Lbdu3Iq0_00)

{% embed https://youtu.be/Lbdu3Iq0_00 %}


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0lrtb3coarwsrvyex51i.png)
5 tips to help you secure your Kubernetes deployments
Tags: appsec, kubernetes, kubecon, devops
Published: 2023-11-07 15:31:20

Are your Kubernetes deployments secure?

Developers creating cloud-native apps that run in Kubernetes are now tasked with much more than just coding. From defining the Infrastructure as Code (IaC) to managing role-based access control, every decision you make impacts security — and this can get complicated quickly. 

Here are a few tips to help you ace Kubernetes security:

✅ Scan code and IaC

All code must be validated while you are writing or committing it to a project. Conduct static application security testing on your code. But don’t stop there. Scan Dockerfiles, Helm, and even Terraform files for misconfigurations.

✅ Continuous integration (CI) is key

CI isn’t just for ensuring your app works. Integrate security checks for both source code and the compiled application. For example, when building a Docker image from a Dockerfile, you need to also assess the security of the OS and software packages that will be included in the image. 

✅ Deploy with confidence

Before that final deployment, utilize Kubernetes' admission controller. This little gatekeeper ensures nothing unauthorized sneaks past into production. And if you're not quite ready for an admission controller, the Kubernetes audit logs will be your eyes and ears for potential risks.

✅ Never sleep on runtime monitoring

Think deployment's the end? Think again. During runtime, you’ll need to look for misconfigurations in managed Kubernetes environments, like EKS and GKE. Stay alert for any new application behaviors like unexpected connections or sudden file writes. Make sure to baseline normal application behavior, and be quick to spot unusual behavior.

✅ Look closely at audit logs

Kubernetes security posture management tools are an important part of a defense-in-depth approach to Kubernetes security, but they’re not the be-all-end-all. Why? They can overlook application behavior and miss threats right under their noses. The key? Look closely at Kubernetes audit logs to understand the specifics of each resource and see the real-time activities in your environment, rather than just the potential risks.

Read [this blog](https://www.lacework.com/blog/a-developers-guide-securing-cloud-native-applications-in-kubernetes/ ) for more K8 best practices.  

What are your best tips for securing your cloud-native apps in Kubernetes?
C# - Use Value Tuples for Multiple Return Values
Tags: csharp, programming, tutorial, webdev
Published: 2023-11-07 15:30:00

Value Tuples provide a convenient way to return multiple values from a method without defining custom classes or out parameters.

```csharp
using System;

class Program
{
    static void Main()
    {
        var (sum, product) = CalculateSumAndProduct(5, 10);

        Console.WriteLine($"Sum: {sum}");
        Console.WriteLine($"Product: {product}");
    }

    static (int Sum, int Product) CalculateSumAndProduct(int a, int b)
    {
        int sum = a + b;
        int product = a * b;

        // Return a Value Tuple with named elements
        return (sum, product);
    }
}
```

In this example:

1. We define a `CalculateSumAndProduct` method that takes two integers as input and calculates their sum and product.

2. Instead of returning multiple values separately, we return a Value Tuple `(int Sum, int Product)`. Each tuple element has a name (`Sum` and `Product`) for improved readability and self-documentation.

3. In the `Main` method, we call `CalculateSumAndProduct`, and by using tuple deconstruction `(var (sum, product) = ...)`, we can easily extract the individual values.

4. This approach provides a clean and expressive way to return multiple values from a method without introducing custom classes or complex data structures.

5. Value Tuples are value types, making them efficient and suitable for lightweight data structures.

By effectively using Value Tuples, you can improve the readability and maintainability of your code when you need to return multiple values, and it eliminates the need to create custom classes or use out parameters, resulting in more concise and expressive code.
json array step by step
Published: 2023-11-07 15:29:32

Hello Guys,

i have a question. I have a huge database with more then 220 000 Data of Productions. 
If i try to load them on my Webpage, this will make a lot of minutes to fetch and display the data on the site.

how i can load 50 Productioninformation and Display them and then load and display the next 50 Productioninformation.

```
"use client"
import React, {cache, useEffect, useState} from 'react'
import Productshow from './productCard';


export default  function Products() {
 
  const [iserror,Seterror] = useState();
  const [productinfo, Setproduct]: any = useState();
  const [isLoading, SetLoading] = useState(false);

  const fetchData = async ()=>{
  try{
  SetLoading(true)
  const response = await fetch('http://localhost:3000/api/fetchDataDB')
  const data = await response.json();

  Setproduct(data);
    
  }catch(err: any){
    Seterror(err)
  }finally{
    SetLoading(false);
  }
  }
  fetchData();
  console.log(productinfo);

do{
  return(<div> Daten werden geladen...</div>)
}while(productinfo === undefined)
     
     
return(<div>
  { productinfo.product.map((product: any) => {return Productshow(product)})
}
</div>
)
  
}
```