teleren/devto huggingface dataset:
FORM WITH SEMANTIC HTML, FIELD SET AND LEGEND
Published: 2024-03-04 18:34:29

<!DOCTYPE html>
<html lang="en">
<head> 
  <meta charset="UTF-8"> 
  <meta name="viewport" content="width=device-width, initial-scale1.0"> 
  <title>Form With Semantic HTML</title>  

</head>
</body> 

   <h1>Form With Semantic HTML</h1>

   <form> 
    <fieldset> 
      <legend>Legend</legend>
     <section> 
       <label for="fullName">Full Name:</label> 
       <input type="text" id="fullName" name="fullName" required> 
     </section> 

     <section> 
       <label for="email">Email:</label> 
       <input type="email" id="email" name="email" required> 
     </section>

     <section>
       <label for="password">Password:</label> 
       <input type="password" id="password" name="password" required> 
     </section> 

     <section> 
        <label for="gender">Gender</label> 
        <select id="gender" name="gender"> 
          <option value="male">Male</option>
          <option value="female">Female</option> 
          <option value="other">Other</option> 
        </select> 
     </section> 

     <section> 
       <label> 
         <input type="checkbox" id="newsletter" name="newsletter"> 
         Subscribe to Newsletter
       <label>
     </section> 

     <section> 
        <label for="comments">Comments</label> 
        <textarea id="comments" name="comments" rows="4"></textarea> 
    </section> 

    <button type="submit">submit</button> 
  </form> 
</fieldset>

</body>
</html>
Being an Ethical Software Engineer
Tags: ethics, softwaredevelopment, softwareengineering, coding
Published: 2024-03-04 18:33:33

As a Millennial junior software developer, I've been immersed in the world of technology without fully grasping the global impact. It's fascinating to think about how software, once viewed as an  unavoidable necessity has become a   transformative tool for so many. The average user is focused on their individual tech experiences. As developers we have the unique opportunity to see the bigger picture.

**Transitioning from a software user to an  ethical  software engineer requires expanding our perspective beyond personal experiences.**

Today, brick-and-mortar businesses no longer dominate our lives. The design, functionality, and emotional resonance of an app can rival physical interactions, shaping our daily lives in profound ways. It's incredible to witness the unprecedented global interaction with software, where a significant portion of the world population relies on universal products for their daily processes. _Never before have engineers' decisions had such an immediate impact on humanity._

"You Are Not Expected to Understand This" is a captivating anthology of essays that delves into the development of technology. One essay recounts the creation of the Facebook like button— a seemingly innocuous feature that sparked a trend of reduced interaction and led to cascading trends creating a lack of disconnection. While the engineer behind it couldn't have foreseen its cultural impact, it's time to acknowledge the importance of approaching technological innovations with intention and responsibility.

Working collaboratively in hierarchical teams, developers craft impactful products that shape our digital landscape. The speed at which solutions are conceived and implemented, often without direct interactions with users, is truly remarkable. While challenges persist and political intricacies abound, what's truly remarkable is the growing number of individuals globally equipped with the perspective to address these issues. Digital solutions now emerge from living rooms and affect a fraction of the world population.

Software is reshaping our interactions, communication, and relationships as fast as wifi connections can be turned into neural synapses.

As developers, we wield immense power in shaping our digital future. With each application, we have the potential of changing culture for generations. Let's chart an ethical course in software development, prioritizing transparency, connection, and accountability. In this data-driven world, let's never lose sight of our humanity. Let's build not just better software, but user experiences, designed to be kind human nervous systems. Guided by empathy, compassion, and a commitment to social good, we can create a culture of connection and mutual understanding.
_
Together, let's embrace our responsibility and forge a path toward a brighter future._
Python Developers - Question for You
Tags: python, developer, softwareengineering, communities
Published: 2024-03-04 18:29:18

Hello there!

Could you please share some interesting communities, forums, or other websites where Python developers can find mentors or access information on skill development? Additionally, I'm curious about where to discover better projects, excluding platforms like Indeed, Glassdoor, LinkedIn, or AngelList.

Thanks!
Form with semantic html, field set and legend
Tags: login
Published: 2024-03-04 18:18:50

 <!DOCTYPE html>
    <html lang="en">
    <head> 
      <meta charset="UTF-8"> 
      <meta name="viewport" content="width=device-width, initial-scale1.0"> 
      <title>Form With Semantic HTML</title>  

    </head>
    </body> 

       <h1>Form With Semantic HTML</h1>

       <form> 
        <fieldset> 
         <section> 
           <label for="fullName">Full Name:</label> 
           <input type="text" id="fullName" name="fullName" required> 
         </section> 

         <section> 
           <label for="email">Email:</label> 
           <input type="email" id="email" name="email" required> 
         </section>

         <section>
           <label for="password">Password:</label> 
           <input type="password" id="password" name="password" required> 
         </section> 

         <section> 
            <label for="gender">Gender</label> 
            <select id="gender" name="gender"> 
              <option value="male">Male</option>
              <option value="female">Female</option> 
              <option value="other">Other</option> 
            </select> 
         </section> 

         <section> 
           <label> 
             <input type="checkbox" id="newsletter" name="newsletter"> 
             Subscribe to Newsletter
           <label>
         </section> 

         <section> 
            <label for="comments">Comments</label> 
            <textarea id="comments" name="comments" rows="4"></textarea> 
        </section> 

        <button type="submit">submit</button> 
      </form> 
    </fieldset>

    </body>
    </html>
How Tables and indexes stored on Disk
Tags: database, dataengineering, datastructures
Published: 2024-03-04 18:11:01

## Introduction

This article delves into the structured manner in which tables and indexes are stored on disks in database systems. This understanding is pivotal for database optimization, impacting the efficiency of data access and manipulation.

## Tables Storage

#### Data Pages

- **Definition**: Tables are stored in units known as "data pages" or "blocks."
- **Content**: Each page typically holds a fixed number of rows. The exact number depends on the row size and page size, which is often 4 KB or 8 KB.
- **Organization**: These pages are systematically arranged into a file or a set of files on the disk.

##### Example:

```
Consider a table with rows of 1 KB each. On a 4 KB page, up to four rows can be stored. If the table has 1000 rows, it would occupy at least 250 pages.
```

#### Row Format

- **Storage Types**: Rows can be stored in fixed-length or variable-length formats.
- **Detail**: Each row consists of its column values.

#### Table Metadata

- **Information Stored**: Details about the table structure, including column names, data types, and constraints.
- **Location**: This information is usually stored in a system catalog or a metadata table.

#### File Organization

- **Types**:
    1. **Heap**: An unordered storage of rows.
    2. **Clustered Index**: Rows are stored in the order of the primary key.
    3. **Partitioned**: The table is divided into smaller, more manageable segments.

## Indexes Storage

#### B-tree Indexes

- **Structure**: A balanced tree consisting of root, internal, and leaf nodes.
- **Function**: Leaf nodes contain index entries with a key value and a pointer to the corresponding row.
- **Commonality**: This is the most commonly used index structure.

#### Bitmap Indexes

- **Mechanism**: Uses a bitmap for each key to indicate the presence or absence of a value.
- **Efficiency**: Particularly effective for columns with a low number of distinct values.

### Hash Indexes

- **Function**: Utilizes a hash function to create a hash value for each key.
- **Purpose**: These hash values facilitate quick data location during searches.

#### Index Metadata

- **Content**: Information about the index, like indexed columns and index type.
- **Storage**: Stored in the system catalog, similar to table metadata.

#### Storage

- **Separation**: Indexes are stored separately from the table data.
- **Extent**: They may cover multiple pages and files, varying in size.

## Physical Storage

### Disk Files

- **Medium**: Both tables and indexes are stored as files on the disk.

#### File System or Raw Devices

- **Management**: These files might be managed by the file system or stored on raw devices, depending on the DBMS.

#### I/O Operations

- **DBMS Role**: The DBMS handles read/write operations, focusing on minimizing disk I/O, caching, and maintaining ACID properties.

## Conclusion

Understanding the storage mechanisms of tables and indexes on disk is critical for optimizing database performance. This knowledge aids in making informed decisions about data organization and access strategies.
Betfair Bangladesh | Online Sports Betting and Casino BD
Tags: betfair, betfaircasino, betfairbd
Published: 2024-03-04 18:09:35

Betfair was established in 1999 and holds the honor of being the world’s first online betting exchange. Evolving as an independently operating brand, it became part of the Flutter Group, the result of a merger with Paddy Power in 2016. Login Betfair Bangladesh Now!

Website : [](https://betfair88.vip)
address : 16 Green Rd, Dhaka 1205, Bangladesh
Phone : +880 0263546353
email : betfair88vip@gmail.com
#betfair #betfairlogin #betfaircasino #betfairbd #betfair88vip #betfairbangladesh

Website: https://betfair88.vip
Medium : [](https://medium.com/@betfair88vip/about)
Youtube : [https://www.youtube.com/channel/UC49CVlqb0ZZ9c8uIAqiCETA](https://www.youtube.com/channel/UC49CVlqb0ZZ9c8uIAqiCETA)
Twitter : [https://twitter.com/betfair88vip](https://twitter.com/betfair88vip)
Dribbble :[ https://dribbble.com/betfair88vip/about]( https://dribbble.com/betfair88vip/about)
Pinterest : [https://www.pinterest.com/betfair88vip/](https://www.pinterest.com/betfair88vip/)
Tumblr : [https://www.tumblr.com/blog/betfair88vip](https://www.tumblr.com/blog/betfair88vip)
Tiktok : [https://www.tiktok.com/@betfair88vip](https://www.tiktok.com/@betfair88vip)
Reddit : [https://www.reddit.com/user/betfair88vip](https://www.reddit.com/user/betfair88vip)
🔨Ausbildung vs. 🎓Studium: Welcher Weg ist der Richtige für den IT-Sektor?
Tags: fachinformatiker, ausbildung, studium, karriere
Published: 2024-03-04 18:07:53

In der heutigen Zeit ist die Entscheidung zwischen einer 
🔨**Ausbildung** und einem 🎓 **Studium** eine wichtige Weichenstellung für die berufliche Zukunft. Insbesondere im IT-Sektor stehen junge Menschen vor dieser Wahl. Beide Wege haben ihre Vor- und Nachteile, aber welcher ist der bessere?

### **Vorteile der Ausbildung:**

🏋️‍♂️ **Praktische Erfahrung:** In der Ausbildung arbeitet man aktiv an realen Projekten. Dies ermöglicht ein tiefes Verständnis für die praktische Anwendung von Technologien und Arbeitsweisen.

🛠️ **Kennenlernen von realen Arbeitsweisen:** Während des Ausbildungsprozesses taucht man direkt in die Arbeitswelt ein. Man lernt nicht nur Theorie, sondern auch die tatsächlichen Abläufe und Herausforderungen kennen.

🌟 **Individuelle Wegefindung:** Die Ausbildung bietet Raum, um den eigenen Weg als Softwareentwickler oder IT-Spezialist zu erkunden. Welche Nische interessiert mich? Worauf möchte ich mich spezialisieren?

📚 **Praxiserfahrung erleichtert das Studium:** Wer bereits in der Ausbildung praktische Erfahrung gesammelt hat, geht mit einem Vorsprung ins Studium. Das tiefgreifende Verständnis aus Projekten hilft, die theoretischen Konzepte besser zu begreifen.

🔧 **Zugang zu relevanten Technologien:** In der Ausbildung kommt man mit Technologien in Kontakt, die als Privatperson schwer zugänglich sind. Dieser Praxisbezug ist für die spätere Karriere von unschätzbarem Wert.

🌐 **Intuition für komplexe IT-Systeme:** Durch die praktische Arbeit entwickelt man ein Gespür für den Zusammenhang und die Funktionsweise komplexer IT-Systeme.

### **Nachteile des Studiums:**

🧠 **Theoretisches Wissen überwiegt:** Im Studium liegt der Fokus oft auf theoretischem Wissen. Man lernt abstrakte Konzepte, ohne sie unmittelbar anwenden zu können.

🌊 **Masse statt Klasse:** Der Studienstoff ist umfangreich und muss in kurzer Zeit bewältigt werden. Manchmal geht dabei die Tiefe verloren.

📆 **Kurze Praktika:** Praktika im Studium dauern oft nur wenige Wochen bis maximal zwei Monate. Dies reicht nicht immer aus, um ein tiefes Verständnis der realen Arbeitsweise zu entwickeln.

📝 **Klausuren statt fachliches Verständnis:** Im Studium stehen Prüfungen und Klausuren im Vordergrund. Dabei geht es oft mehr um das Bestehen als um ein tiefes fachliches Verständnis.

Insgesamt ist die Wahl zwischen Ausbildung und Studium individuell. Beide Wege haben ihre Berechtigung und es kommt darauf an, welche persönlichen Ziele man verfolgt. Letztendlich führen beide Wege zum Ziel – dem Einstieg in den IT-Sektor. 🚀
How to configure Makefile to dynamically generate list of commands
Tags: makefile, learning, development, automation
Published: 2024-03-04 17:55:38

In past projects I've worked on, the first command inside the Makefile was always a manually maintained list of commands available in the file:

```makefile
.PHONY: list command-one command-two

list:
	@echo "command-one    This command performs A, B, and C"
	@echo "command-two    This command performs X, Y, and Z"

command-one:
	@echo "Example command"

command-two:
	@echo "Example command"
```

But thanks to the Makefile set up in [this Python starter project](https://github.com/rochacbruno/python-project-template/), there's an even handier way to have `make list` shown above be generated without updating two places.

## How it works

At the top of the Makefile
```makefile
.PHONY: help
help:             ## Show the help.
	@echo "Usage: make <target>"
	@echo ""
	@echo "Targets:"
	@fgrep "##" Makefile | fgrep -v fgrep
```

The `fgrep` here is the key, where the Makefile itself is parsed for any comments prefixed with `##` and printing the entire lines. Any comments with just one `#` will be ignored. With the `help` command itself, the second line is what is `fgrep`-ed and printed.

## Full example

```makefile
.PHONY: help
help:             ## Show the help.
	@echo "Usage: make <target>"
	@echo ""
	@echo "Targets:"
	@fgrep "##" Makefile | fgrep -v fgrep

.PHONY: command-one
command-one:      ## This command performs A, B, and C
	@echo "Example command"
	# Inner comment to describe script.
	@echo "run shell script"

.PHONY: command-two
command-two:      ## This command performs X, Y, and Z
	@echo "Example command"

.PHONY: command-hidden
command-hidden:   # This command performs initialization
	@echo "Example hidden command"
```

The results of running `make` or `make help`:
```
Usage: make <target>

Targets:
help:             ## Show the help.
command-one:      ## This command performs A, B, and C
command-two:      ## This command performs X, Y, and Z
```

_Note:_ for commands with dependencies to others, I found it useful to instead copy the command for the comment line and then have a second line for the dependencies, i.e.:

```makefile
.PHONY: command-two
command-two:      ## This command performs X, Y, and Z
command-two: clean build
	@echo "Example requires 'make clean' & 'make build'"
```

Thought this was a really interesting configuration and wanted to share. Hope you find it useful too!
JavaScript Math Object
Published: 2024-03-04 17:48:22

The JavaScript Math object allows you to perform mathematical tasks on numbers.

**Example**
`Math.PI;`

**The Math Object**
Unlike other objects, the Math object has no constructor.

The Math object is static.

All methods and properties can be used without creating a Math object first.

**Math Properties (Constants)**
The syntax for any Math property is : Math.property.

JavaScript provides 8 mathematical constants that can be accessed as Math properties:

**Example**
```
Math.E        // returns Euler's number
Math.PI       // returns PI
Math.SQRT2    // returns the square root of 2
Math.SQRT1_2  // returns the square root of 1/2
Math.LN2      // returns the natural logarithm of 2
Math.LN10     // returns the natural logarithm of 10
Math.LOG2E    // returns base 2 logarithm of E
Math.LOG10E   // returns base 10 logarithm of E
```

**Math Methods**
The syntax for Math any methods is : Math.method(number)

**Number to Integer**
There are 4 common methods to round a number to an integer:

```
Math.round(x)	Returns x rounded to its nearest integer
Math.ceil(x)	Returns x rounded up to its nearest integer
Math.floor(x)	Returns x rounded down to its nearest integer
Math.trunc(x)	Returns the integer part of x (new in ES6)
```

**Math.round()**
Math.round(x) returns the nearest integer:

`Math.round(4.6);`

**Math.ceil()**
Math.ceil(x) returns the value of x rounded up to its nearest integer:

```
Math.ceil(4.9);
Math.ceil(4.7);
Math.ceil(4.4);
Math.ceil(4.2);
Math.ceil(-4.2);
```

**Math.floor()**
Math.floor(x) returns the value of x rounded down to its nearest integer:

```
Math.floor(4.9);
Math.floor(4.7);
Math.floor(4.4);
Math.floor(4.2);
Math.floor(-4.2);
```

**Math.trunc()**
Math.trunc(x) returns the integer part of x:

```
Math.trunc(4.9);
Math.trunc(4.7);
Math.trunc(4.4);
Math.trunc(4.2);
Math.trunc(-4.2);
```
Zoom camp week 5 - Batch Processing : SPARK
Published: 2024-03-04 17:34:21



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






Data engineering zoom camp course week 5 was all about batch data processing using Apache Spark.

Data engineering zoomcamp course link:
https://github.com/DataTalksClub/data-engineering-zoomcamp
Inductor is live on Product Hunt 🚀
Tags: testing, tooling, llms, ai
Published: 2024-03-04 17:33:22

We’re excited to introduce Inductor on Product Hunt! 🎉

Check out our [launch](https://www.google.com/url?q=https://www.producthunt.com/posts/inductor&sa=D&source=docs&ust=1709577116223371&usg=AOvVaw3z04XBAUPxqBC3Zqr8LEKo) to view our new [demo video](https://www.youtube.com/watch?v=J4MY6ivyhNA), learn more about Inductor, ask questions, or provide feedback. If you like what you see, please upvote and share so that more LLM app developers can ship production-ready LLM apps far faster and more easily with Inductor. 

Inductor is a developer tool for evaluating, monitoring, and improving LLM applications – to enable you to build and ship production-ready LLM applications far faster and more easily.

We’ve carefully crafted Inductor for LLM app developers as a combination of a CLI, API, and web UI to provide a fantastic developer experience for iterating and shipping fast. Inductor is packed with powerful features like: 

- Test suites
- Quality measures
- Hyperparameters
- Human evals
- LLM-powered evals
- Live production monitoring
- Auto-logging
- Collaboration

Rigorously evaluate your LLM app both offline and online by rapidly applying human, programmatic, and LLM-powered quality measures.  Turbocharge experimentation with easily defined hyperparameters, and use them in your LLM app to test anything: prompts, models, RAG strategies, or anything else. Easily monitor live traffic with just one line of code – detect and resolve issues, analyze usage, and seamlessly feed back into your development process. 

We’ve designed Inductor to make it easy to get started quickly.  As soon as you have an account, it takes just a few minutes to create your first test suite and run it on your LLM app using our CLI – with zero code modifications. To log and monitor your live traffic, simply add one line of code to your app.

If you’re interested in trying Inductor for free, request access [here](https://inductor.ai/request-access). 

Follow us to stay in the loop! We'll be launching new features and sharing best practices for systematically shipping production-ready LLM apps.
Variables in C++
Tags: beginners, tutorial, programming, cpp
Published: 2024-03-04 17:06:54

## **Целочисленные переменные:**

`int`: Целые числа. Размер обычно 4 байта.
`long int`: Длинные целые. Размер 4 байта.
`long long int`: Очень длинные целые числа. Размер 8 байт.

## **Нецелочисленные переменные:**

`float`: Не целые числа. Размер 4 байта.
`double`: Не целые числа с двойной точностью. Размер 8 байт.
`long double`: Не целые числа с двойной точностью. Размер больше, чем у double.

## **Символьные переменные:**

`char`: Символы. Размер обычно 1 байт.

## **Логические переменные:**

`bool`: Логические значения (`true`/`false`). Размер 1 байт.

## Например:

**Целочисленные переменные:**
```
int integerVariable = 10;
```

**Нецелочисленные переменные:**
```
float floatVariable = 3.14;
double doubleVariable = 6.28;
```

**Символьные переменные:**
```
char charVariable = 'A'; // Или другой символ из таблицы ASCII
```

**Логические переменные:**
```
bool boolVariable = true;
bool boolVariable2 = false;
```
In C#, readonly and const are both used to define constants, but they have some key differences
Tags: csharp, beginners, oop, dotnet
Published: 2024-03-04 17:06:37

## `const`

1 . **_Scope_**

- Constants are **implicitly static** and have a scope limited to the class or struct in which they are declared. They are essentially compile-time constants and can be accessed using the class or struct name.

2 . **_Mutability_**

- Constants declared with the `const` keyword are implicitly static and cannot be changed after declaration. They are evaluated at compile time and remain constant throughout the program.

3 . **_Value Assignment_**

- Values of `const` fields must be known at compile time. They can only be assigned primitive types, enums, or strings.

## `readonly`

1 . **_Scope_**

- `readonly` fields are **instance-level** constants. Each instance of the class or struct has its own copy of the readonly field, and they can have different values in different instances.

2 . **_Mutability_**

- `readonly` fields can be assigned a value either at the time of declaration or in a constructor. Once assigned, their value cannot be changed. They are evaluated at runtime.

3 . **_Value Assignment_**

- The value of a `readonly` field can be determined at runtime. It can be assigned either at the time of declaration or within a constructor.

```
public class ConstantsExample
{
    public const int ConstValue = 10; // Compile-time constant
    public readonly int ReadOnlyValue; // Runtime constant

    public ConstantsExample(int value)
    {
        ReadOnlyValue = value; // Assigning value in constructor
    }
}

class Program
{
    static void Main(string[] args)
    {
        // Accessing const field
        Console.WriteLine(ConstantsExample.ConstValue); // Output: 10

        // Creating instances with different readonly values
        ConstantsExample instance1 = new ConstantsExample(20);
        ConstantsExample instance2 = new ConstantsExample(30);

        Console.WriteLine(instance1.ReadOnlyValue); // Output: 20
        Console.WriteLine(instance2.ReadOnlyValue); // Output: 30
    }
}

```
Conceptual Model of React in the RSC age
Tags: react, nextjs, webdev, javascript
Published: 2024-03-04 17:03:04

I’m afraid the new RSC paradigm is breaking `UI = f(state)` conceptual beauty. So I’ve started writing about it:
[https://ondrejvelisek.github.io/conceptual-model-of-react-and-rsc/](https://ondrejvelisek.github.io/conceptual-model-of-react-and-rsc/)