teleren/devto huggingface dataset:
YAML-based Database Docu
Tags: yaml, sql, nosql, database
Published: 2024-03-08 13:36:15

I recently came across the modest [`yasql`](https://github.com/aryelgois/yasql) standard to document database schemas of SQL databases, which I now use to document my rather involved [ArcadeDB](https://github.com/ArcadeData/arcadedb) schema. My favorite `yasql` features are:

* Very readable,
* Rich metadata fields,
* A `definitions` object for custom "macros".

Here is a small example of a `yasql` docu:
```yaml
database:
  name: "My DB"
  source: "PostgreSQL"
  project: "My Project"
  version: 1.0
  license: "CC-BY"
  authors:
    - "Me"

definitions:
  tiny: 255

tables:
  myTable:
    myCol: "VARCHAR(tiny)"
```

## NoSQL

Generally, NoSQL databases do not use tables to organize data. For example, ArcadeDB - a multi-model DBMS - provides a document model and a graph model. Hence, instead of a `tables` object, I use `documents`, [`vertexes`](https://www.merriam-webster.com/dictionary/vertex), and `edges` objects:

```yaml
documents:
  myDoc:
    myStr: "STRING (mandatory, notnull, readonly)"

vertexes:
  myVtx:
    myNum: "LONG (default 0)"

edges:
  myEdg:
    myLst: "LIST (max 255)"
```

## Alternatives

There are (open) alternatives available which provide the benefit of visualization as entity-relationship diagram. So why not use ...

* ... [DBML](https://dbml.dbdiagram.io/docs/) ? Because:
  - Column settings have to be from a very limited vocabulary.
  - C-Style comments `//` and `/* */`.
  - Insufficients metadata fields (in the `project` object).
* ... [D2 `sql_table`](https://d2lang.com/tour/sql-tables/) ? Because:
  - Every table needs a `shape: sql_table`, meaning a column cannot be named `shape`?
  - The `constraint` keyword is superfluous since a constraint is already delimited by curly braces `{ }`.
  - No metadata fields.

## Visualization

You can visualize a `yasql`-file using [PlantUML](https://plantuml.com), which provides a [YAML renderer](https://plantuml.com/yaml). For instance, you can find the rendering of the [`yasql` sample here](https://www.plantuml.com/plantuml/svg/ZPD1ZzCm48Nl_XLpR0Kj3ImW-O0se1ugsiAMxQ6dQkeCMqDi1zjPoBzdx6oKI0XfRvxthE_DZ9FR4D773aqjH8KHBnX82W2BXYJG7pHDJLmttlqW5IMWxwX-S3gywZ3ygjcgA2YlcwYTbL32gVnsjuM1DK4yaW_vJh5SBGiMQgt8SXpiDlTSOXklpeUK3h20aeDIK_HTMvtWsRauLnCo96hRQHjdnVof1GcFwDKL_UpjQZM7_N6xBJzkrybrgZLautYZk9d3SR-vEoRRE4kTP8RI1kjPyVxbJM8sFoLm07mzR7RbuGIVrwUidhbF9_a0vV7-otcp_tHOxzRxD46uOY7XeYqlQVPwbIWXUcqVnkHth0fUJKrvd8OSBwSVMLTom7CzF44FoC8unt0IhBU1V9WIOF7XYRlKLTR9eAx77jxapZWSG_ZjV2Lpuw9_vQfLCJoteSdBvoAhoeKe-wtcscFCAtWnUJ8s5Fh_1JKyKKBovN-7QP2l3zz1La94qwGlmb0-3lIpZcJwY5mFm3vwuFKpZsPVZpuQrzhU5a8vqxZ0t4HTJB-DIM8-3XmXRibMwGVx2m00)

Practically, I embed a `plantuml` verbatim block wrapping the `yasql` YAML, in a Markdown document:

    ```plantuml
    @startyaml
    
    # your yasql goes here ...
    
    @endyaml
    ```

This way, using the VScode [PlantUML Plugin](https://marketplace.visualstudio.com/items?itemName=jebbs.plantuml) I can get live visualizations of my schema.
The Significance of Repairing Windshield Chips for Drivers in Houston
Published: 2024-03-08 13:25:47

As Houston drivers navigate the city's bustling streets and highways, encountering hazards along the way is inevitable. From flying debris to gravel kicked up by other vehicles, the risk of windshield damage is ever-present. While it may be tempting to ignore minor chips and cracks, addressing them promptly through professional chip repair is essential for maintaining safety on the road.

Even seemingly small chips in the windshield can compromise its structural integrity and visibility. Changes in temperature, vibrations from driving, and exposure to road debris can cause chips to spread rapidly, leading to larger cracks that impair visibility and increase the risk of accidents.

In addition to safety concerns, leaving chips unrepaired can result in costlier repairs or even windshield replacement down the line. What may start as a minor chip can quickly escalate into a larger crack that necessitates more extensive repairs. By addressing chips promptly, Houston drivers can save time and money while ensuring their safety on the road.

Professional windshield chip repair services in Houston utilize advanced techniques and high-quality materials to restore the integrity of the windshield. Trained technicians can assess the damage and determine the most appropriate course of action to prevent further deterioration and ensure lasting results.

Whether you're commuting to work in the Energy Corridor or heading downtown for a night out, ensuring the safety of your vehicle's windshield is paramount. By investing in professional chip repair, Houston drivers can enjoy peace of mind knowing that their windshield is in optimal condition, ready to withstand the challenges of city driving.


**Contact Us:**

Luminous Windshield Repair
8102 ELBERT ST, HOUSTON, TX 77028
346-489-7201
[https://luminouswindshieldrepair.com/](https://luminouswindshieldrepair.com/)
Viktor Vedmich, DevOps Community's speaker
Tags: devops, aws, webdev, kubernetes
Published: 2024-03-08 13:23:30

Hi!
We want to remind you of the open registration for **DevOps Community. Tech Talks with Andersen & Amazon Web Services**.
 
👉🏻 **Register here: https://forms.gle/As3uwCpmNRLsN9z89**

**Why is this event worth attending?**
Our meetups always feature highly interesting speeches and cool networking.

Let's get to know the speakers!⤵️

🔥 **Viktor Vedmich (Senior Developer Advocate)
re:Cap of re:Invent 2023 – or What's New on AWS**

🔥 He started his IT path in 2009 and, by 2011, had become a System Engineer. Over the next 10 years, Victor managed high-impact projects, mastered CI/CD, and managed systems serving 10 million users. Since 2015, he has been actively working on different cloud projects.

🔥 In 2021, Victor started his podcast – DevOps Kitchen Talks (must-listen!) – where he speaks about cloud technologies and software development.

🔥 Viktor Vedmich is a Senior Developer Advocate at AWS. He scrutinizes containers and actively shares his knowledge with everyone.
DevOps meetup by Amazon Web Services & Andersen
Tags: aws, devops, kubernetes, scaling
Published: 2024-03-08 13:17:15

**DevOps meetup by Amazon Web Services & Andersen** 🔥  
Participation is free!

**👉🏻  https://forms.gle/RasCnJYJgjwbuykDA**
(the number of seats is limited).

**Speakers:
🎙 Viktor Vedmich (Senior Developer Advocate)
re:Cap of re:Invent 2023 – or What's New on AWS**
– an in-depth overview of AWS re:Invent 2023 (announcements and innovations), the latest advances in cloud infrastructures, Machine Learning, AI, and serverless technologies.

**🎙 Artsem Maliutsin (DevSecOps Engineer)
Kubernetes Security: Best Practices at Andersen**
– a high-quality set of strategies to improve the security and efficiency of Kubernetes deployments; analysis of Andersen’s best practices that played a decisive role in the success of our projects.

**🎙 Monika Nowakowska (AWS Associate Solution Architect) and Krzysztof Wilczynski (AWS Professional Services DevOps Consultant)
Scaling on AWS for Your First 10 Million Users**
– infrastructure scaling for rapid user growth without compromising performance; scaling to millions of users; deployment automation, scaling, and cost reduction; overview of best practices for scalable apps (using the example of AWS).

**Tech Talk details:**
– March 21
– 18:00 CET
– Offline
Andersen’s Office in Warsaw 
the address will be sent to the email you specify in the registration form
– Language: English

See you!
Mastering Props and State Management in React
Tags: react, webdev, javascript, frontend
Published: 2024-03-08 12:58:46

In React, props and state are two important concepts that help manage data in your application.

`Props` (short for properties) are a way of passing data from parent components to child components. They are read-only and cannot be changed by the component receiving them.

`State`, on the other hand, is a data structure that starts with a default value when a component mounts and gets mutated in time (mostly due to user events). It's used for mutable data, or data that will change.

Let's look at an example that uses both props and state:

```javascript
import React, { useState } from 'react';

// Parent Component
const App = () => {
  const [state, setState] = useState("Hello from Parent!");
  const changeMessage = () => {
    setState("State changed in Parent!");
  }
  return (
    <div>
      <button onClick={changeMessage}>Change Message</button>
      <ChildComponent message={state} />
    </div>
  );
};

// Child Component
const ChildComponent = (props) => {
  return <p>{props.message}</p>;
};

export default App;
```

In this example, the App component is the parent component. It has a state variable state that is initially set to "Hello from Parent!". The `useState` hook is used to create this state variable and the function to update it (setState).

The `ChildComponent` is a child component that receives the state variable from App as a prop (message). It displays this prop in a paragraph element.

The `changeMessage` function in the App component changes the state when the button is clicked. Since the `ChildComponent` is using this state as a prop, it will also update to reflect this change. This is an example of how state and props can be used to manage and pass data in a React application.

<br>

## Choosing the Right Tool for the Job

**Props:** Use props for passing simple, static data down the component tree.

**State:** Use state for managing internal data that changes within a component.

<br>

## Remember the Key Points:

- Props and state are the foundation for data flow and interactivity in React.

- Props are one-way data flow from parent to child.

- State manages internal data within a component.

- Choose the right tool based on your data needs and complexity.

<br>

## Conclusion:

Understanding the dynamics of `props` and `state` management is foundational to mastering React. As you explore more complex applications, these concepts will be your allies in creating modular, reusable, and interactive components. Stay tuned for the next installment in the React 101 Learning Series! Happy coding!

<br>
> If you like this blog, you can visit my blog [sehgaltech](https://blog.sehgaltech.com/) for more content.
The Rise of Coffee Shop Organics: A Brewing Revolution
Published: 2024-03-08 12:56:19

In the heart of bustling cities and quaint neighborhoods alike, there's a quiet revolution brewing within the aromatic confines of coffee shops. It's not just about the bold flavors and cozy ambiance anymore; it's about sustainability, health, and ethics. Welcome to the era of the coffee shop organic.

Step into any modern coffee establishment, and you're likely to be greeted by a menu boasting a selection of organic coffee beans. These beans are not just a marketing gimmick; they represent a shift towards more conscientious consumption. Organic coffee is grown without synthetic pesticides or fertilizers, promoting healthier ecosystems and safer working conditions for farmers.

But the organic movement in **[coffee shops organic](https://www.specialtygradecoffee.com/)** extends beyond just the beans. From the milk in your latte to the pastries on the counter, many establishments are embracing organic ingredients across their entire menu. This commitment to organic farming practices not only benefits consumers but also supports farmers who prioritize environmental stewardship and **[sustainable coffee agriculture](https://www.agrivi.com/blog/sustainable-coffee-farming-across-the-world/)**.

Moreover, the ethos of coffee shop organics goes beyond the ingredients themselves. It's about fostering community connections and supporting local producers. Many coffee shops source their organic products from nearby farms and suppliers, reducing carbon footprints and strengthening regional economies.

In addition to the environmental and social benefits, there's a growing recognition of the health advantages of consuming organic coffee. By avoiding the use of synthetic chemicals, organic coffee retains more of its natural antioxidants and nutrients. For health-conscious consumers, this means a guilt-free indulgence in their daily caffeine fix.

But perhaps the most compelling aspect of the coffee shop organic movement is its potential to drive systemic change within the coffee industry as a whole. As consumer demand for organic products continues to rise, larger coffee chains and producers are taking notice. By prioritizing organic options, coffee shops are not only meeting the preferences of their clientele but also influencing broader market trends towards sustainability and ethical sourcing.

In conclusion, the emergence of coffee shop organics represents a significant shift in the way we approach our daily rituals. It's more than just a trend; it's a reflection of our collective desire for a healthier, more sustainable world. So the next time you find yourself in need of a caffeine fix, consider supporting your local coffee shop organic – because every sip is a step towards a better future.
How To Get More YouTube Subscribers?
Tags: youtube, subscribers, beginners
Published: 2024-03-08 12:56:03

Getting more YouTube subscribers involves a combination of creating high-quality content, optimizing your channel, engaging with your audience, and promoting your videos effectively. Here are some tips to help you increase your YouTube subscriber count:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zxl9hbtr16iy9s003bku.jpg)
**Create High-Quality Content:**

Focus on producing content that is interesting, valuable, and relevant to your target audience.

Invest time in video production, and editing, and use good-quality equipment for better visual and audio appeal.

**Consistency is Key:**
Upload videos on a regular schedule so that subscribers know when to expect new content.

Consistency helps build trust and keeps your audience engaged.

**Optimize Your YouTube Channel:**
Use an eye-catching and relevant channel banner and profile picture.

Write a compelling channel description that clearly explains what your content is about.

Organize your videos into playlists to make it easier for viewers to find related content.

To read full details, visit [12 Tips and Tricks to Get More YouTube Subscribers](https://www.code-sample.com/2024/03/12-ways-to-get-more-youtube-subscribers.html) 

Remember, building a subscriber base takes time, so be patient and stay focused on consistently delivering valuable content to your audience.
Exploring OBGYN Specialty: Your Guide to a Rewarding Medical Career
Tags: onlinemedicaleducation, obgyn, diginerveonlinecourses
Published: 2024-03-08 12:47:14

If you are interested in pursuing a medical career that involves providing comprehensive care to women throughout their lifespan, then you might want to consider the OBGYN specialty. OBGYN stands for obstetrics and gynecology, which are two closely related fields of medicine that deal with the female reproductive system.

In this blog, we will explore what the OBGYN specialty entails, what the benefits of working as an OBGYN are, and how you can prepare for this rewarding career path. We will also introduce you to some of the best resources available online for learning and practicing OBGYN, such as OBGYN MCQs & video lectures, the Best Obstetrics and Gynecology Online Course, and Best Gynecology Lectures.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m1932030r9gu4q61jdvj.jpg)
What is OBGYN?

OBGYN is a medical specialty that focuses on the health of women, especially during pregnancy, childbirth, and the postpartum period.Obstetrics is the branch of medicine that deals with the management of pregnancy and delivery, while gynecology 

[Read more](https://diginerve.medium.com/exploring-obgyn-specialty-your-guide-to-a-rewarding-medical-career-cffd2c182e0c)
Get Organic Coffee Beans Online
Published: 2024-03-08 12:37:31

Specialty Grade Coffee: Where excellence meets nature. Immerse yourself in the smooth, bold flavors of our premium **[organic coffee beans](https://www.specialtygradecoffee.com/)**, carefully curated to deliver an exceptional coffee experience. With every sip, taste the difference that organic makes, and elevate your mornings with the finest coffee nature has to offer.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7g4r3znsihzyp1tloajq.jpg)
Display Angular @empty block at the right time!
Tags: angular, webdev, opensource
Published: 2024-03-08 12:31:51

The new Control Flow syntax for Angular has been introduced with Angular 17 release, as a [developer preview](https://angular.dev/guide/templates/control-flow).

It replaces `*ngIf`, `*ngFor`, and `*ngSwitch` with a new syntax that is more expressive and easier to read.

```html
@for(article of articles$ | async; track article.id) {
  <article>
    <h2>{{ article.title }}</h2>
    <p>{{ article.content }}</p>
  </article>
}
```

---

The Angular team added a new feature to enhance the **@for** block: the **@empty** block.

The content of this block will be displayed if the list is empty or undefined.

```html
@for(article of articles$ | async; track article.id) {
  <article>
    <h2>{{ article.title }}</h2>
    <p>{{ article.content }}</p>
  </article>
} @empty {
  <p>No articles found</p>
}
```

## The problem

> A common misconception is to think that the @empty block is evaluated only once the data is retrieved from an asynchronous call.

In most usecases, you iterate over a list of items retrieved from an API.  
As the API call is asynchronous, the list is undefined/empty at the component initialization.

From our point of view:

1. The list is evaluated as empty
2. The data is retrieved from the API
3. The list is evaluated once again and display the empty block if the list is empty

From an end user point of view:

1. The empty block is displayed at the beginning
2. The view is updated with the list of items once the data is retrieved if a non-empty list is returned

It means we are displaying the empty block at the **wrong time!**  
For a second (or more depending on your API response time), the user sees the empty block before the list is displayed.
They might think that the list is really empty, while it's not.

## The solution

You need to wrap your existing logic to deal with the loading state of the list.

```html
@if(articles$ | async as articles) {
    @for(article of articles; track article.id) {
    <article>
        <h2>{{ article.title }}</h2>
        <p>{{ article.content }}</p>
  </article>
    } @empty {
        <p>No articles found</p>
    }   
} @else {
    <p>Loading...</p>
}
```

There, instead of displaying the **@empty** block while you are waiting for the list to be retrieved, you display a loading message.
The **@empty** block will be evaluated once the list is retrieved and displayed at the right time.


<iframe style="width:100%; height: 500px" src="https://stackblitz.com/edit/stackblitz-starters-pncbaw?ctl=1&embed=1&file=src%2Fmain.ts&hideExplorer=1
"></iframe>
Decades of the open web 🚀
Tags: webdev, devops, productivity, cloud
Published: 2024-03-08 11:28:13

In this series we touch on the pendulum of the open web: the desire to leverage the economies of scale of Infrastructure-as-a-Service (IaaS) providers but avoid vendor-lock-in as much as possible. 

Dive into the history of the web and how the technologies and methodologies have evolved to lead us to where we are today. 

And explore the topic of how 2023 and 2024 are recognized as pivotal years for the web as after a decade of slow and steady growth, machine-learning techniques are becoming pervasive.

Let's take you on a journey through the decades of the open web in our three chapter series. 💪

**Let's go 😎:**

**1️⃣ [Chapter One](https://upsun.com/blog/chapter-1-upsun-and-the-decades-of-the-open-web/)**
**2️⃣ [Chapter Two](https://upsun.com/blog/chapter-2-upsun-and-the-decades-of-the-open-web/)**
**3️⃣ [Chapter Three](https://upsun.com/blog/chapter-3-upsun-and-the-decades-of-the-open-web/)**
How to create a flyout menu with Astrojs, Tailwind CSS and Alpinejs
Tags: tailwindcss, astro, alpine, tutorial
Published: 2024-03-08 12:19:08

Let's build a simple flyout menu, AKA dropdown.

[Read the article See it live and get the code](https://lexingtonthemes.com/tutorials/how-to-create-a-flyout-menu-with-astrojs-tailwind-css-and-alpinejs/)
5 HTML Tags You Should Use More Often
Tags: html, markup, frontend, html5tags
Published: 2024-03-08 12:11:35

HTML5 is at the core of the vast world of web development. It’s the foundation of all modern web design. You’ve probably heard of HTML5 tags like div,p and img. But did you know there are thousands of lesser-known HTML5 tags out there?

Let’s take a deep dive into the world of HTML5 and discover five hidden gems that will improve your web projects like never before.

- **details and summary**
- **time**
- **progress**
- **meter**
- **output**

Would you like to read the rest of the post? Here it is [5 HTML Tags You Should Use More Often](https://www.swhabitation.com/blogs/html-tags-you-should-use-more-often) 

Don't forget to follow us on [Medium](https://medium.com/@swhabitation/) for more engaging content covering web development and technology!
f1 puanı
Tags: f1, ai
Published: 2024-03-08 12:09:18

F1 puanı, bir sınıflandırma modelinin performansını değerlendirmek için kullanılan bir ölçümdür. Hassasiyet (precision) ve geri çağırma (recall) değerlerinin harmonik ortalaması olarak hesaplanır.

Hassasiyet, modelin pozitif olarak tahmin ettiği örneklerin ne kadarının gerçekten pozitif olduğunu belirler. Hassasiyet, yanlış pozitiflerin sayısını azaltmayı amaçlar.

Geri çağırma, gerçek pozitiflerin ne kadarının doğru bir şekilde tanımlandığını belirler. Geri çağırma, yanlış negatiflerin sayısını azaltmayı hedefler.

F1 puanı, hassasiyet ve geri çağırmanın harmonik ortalamasıdır ve aşağıdaki formülle hesaplanır:

F1 = 2 * ((precision*recall)/(precision+recall))
 

F1 puanı, bir sınıflandırma modelinin hassasiyeti ve geri çağırması arasında bir denge sağlar. Bu nedenle, dengeli bir performans ölçüsü olarak kabul edilir. Özellikle, dengeli sınıflara sahip veri setlerinde, F1 puanı modelin performansını değerlendirmek için yaygın olarak kullanılır.
Tech gems 👁️ #3: Node.js redesign, Memory-safe languages and Tailwind V4
Tags: webdev, javascript, node, programming
Published: 2024-03-08 12:00:00

- The Node.js documentation gets a refreshed look.
- A White House report recommends adoption of memory-safe languages.
- The growth of JavaScript payloads.
- TailwindCSS v4 announced !

### Node.js Strikes Back

{% embed https://beta-node-js-org.vercel.app/en %}

With the appearance of new challengers such as [Bun](https://bun.sh/), [Deno](https://deno.com/), and Amazon's [LLRT](https://github.com/awslabs/llrt). The Node.js organization countered with a new documentation website.

It has a fresh [new design](https://www.figma.com/file/pu1vZPqNIM7BePd6W8APA5/Node.js?type=design&node-id=422-7925&mode=design) and [design system](https://www.figma.com/file/pu1vZPqNIM7BePd6W8APA5/Node.js?type=design&node-id=337-7756&mode=design).

The website will run on [Next.js](https://nextjs.org/), the styling is migrating to [Tailwind.css](https://tailwindcss.com/).

You can find a summary of the redesign process on [Github](https://github.com/nodejs/nodejs.org/discussions/5131).

### White House and memory-safe programming languages

{% embed https://www.whitehouse.gov/oncd/briefing-room/2024/02/26/press-release-technical-report/ %}

The White House Office of the National Cyber Director released a report urging the adoption of memory-safe programming languages, [such as Rust](https://stackoverflow.blog/2024/03/04/in-rust-we-trust-white-house-office-urges-memory-safety/), to prevent classes of vulnerabilities and improve cybersecurity.

### Javascript Bloat

{% embed https://tonsky.me/blog/js-bloat/ %}

Long read about the evolution of web page sizes from 2015 to 2024, focusing on JavaScript's role in modern front-end development. Learn about the impact of web bloat on performance and user experience.

### Other

{% embed https://tailwindcss.com/blog/tailwindcss-v4-alpha %}