teleren/devto huggingface dataset:
DevOps Jargons
Tags: linux, cheatsheet, devops, sleepisfortheweak
Published: 2024-02-06 16:35:05


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

- **Provisioning** - Server is ready with OS, Software and Networking

- **Deployment** - Adding or upgrading software on server

- **Orchestration** - Coordinated operations on multiple systems.
_When there is multiple server the coordination between them is  orchestration._

- **Configuration** - Managing server config via files such as ram, space, dependencies etc.

- **Imperative** _procedural_ - Commands to produce desired state.

- **Declarative** _procedural_ - Desired state is defined and tools will achieve it.

> Let's say a software need 'x' amount of resources with 'y' port open to run.To achieve this we have two approach **Imperative** and **Declarative**. In the _imperative_ approach we write instructions and the (cloud) API is called to achieve our requirements. Where as in _declarative_ approach, we say i need this certain infrastructure,now how you can achieve it not my concern (you may run a code endlessly or hit APIs) _Eg:- Terraform tool_  

<br>

- **Idempotent** - Repeat execution and same result
_When we executing it no matter how many times,will get same result_
<br>

- **Blue Green Deployment** - Identical deployment ,used as switch.
 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s0pjj6ggyruqoglexjnq.png)

_Almost 100% uptime is achieved_
> Two server all of the traffic pointed to **S1** what happens is when there is new updates pointed to **S2** one called blue one called green, so people are visiting on **S1** therefore update is pushed on **S2**, after verifying all the things are working the point shifts **S1** to **S2** and **S2** became the main server.And then new update we can push to **S2**

<br>
![DevOps](https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExNTd2cmdoejB0Nmx1aTNib2h5cnJsN2xkbXY4azBsMDZzODM0dXhtdiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/1y0zSu5hYE1pJSdqmI/giphy.gif)
- Continuous Integration _CI_ - Build and unit test at every checking.
_No matter what code you have written check it's integrity/integration with the existing software in your machine) it does't mean jenkins,puppet it does not means anything else._
<br>

- Continuous Delivery - Deploy on production live environment at every checking.
_Supports continuous delivery i.e in the small batches shipment should be released out to the users of the software,so that in case there is a bug or fix we can rollback and get it fixed__ 
<br>

- Continuous Deployment _CD_ - After unit testing, deploy changes to production in small batches.
_In small batches push out your code to the end user,so that everything is going on smoothly_
FOSDEM 2024: What You Need to Know
Tags: fosdem, fosdem2024, conference
Published: 2024-02-06 16:22:23

Just back from the bustling [FOSDEM 2024](https://fosdem.org/2024/) in Brussels, here's some practical information to help you navigate this annual open-source conference effectively.

**Be Prepared for Crowds**

FOSDEM is free to attend, so expect large crowds. This means trams might be full, talks might have limited seating, and there might be queues for food and coffee. Consider it part of the open-source community's inclusivity.

**Planning is Essential**

With 61 concurrent tracks, planning your schedule in advance is crucial. While attending multiple tracks might seem appealing, focusing on a few will allow you to learn more efficiently and avoid rushing between buildings. Remember, the ULB campus is large, so factor in travel time.

**Tips for Attendees**

- Plan effectively: Use the online schedule to create a focused schedule within 2-3 tracks you're interested in.
- Stay energized: Start your day with a substantial breakfast to keep you going through sessions and potential waiting times.
- Avoid coffee queues: Bring a reusable mug and your preferred coffee to skip the inevitable waiting line for coffee. Saving time means more learning and networking opportunities.
- Choose convenient accommodation: Consider staying near ULB, ideally with good public transport options or within walking distance. This minimizes travel time and maximizes conference time.
- Wear a mask: Due to the crowds, bringing and wearing a mask in common areas and talks is recommended, especially if you're concerned about illness. I've caught immediately a cold, nothing nice.

---


So, was attending FOSDEM 2024 worth it? 

It depends.

Sure, all the lectures are streamed online with live chat, so physically being there isn't strictly necessary. But, as with many online experiences, something gets lost. Being in the room forces you to focus, take notes by hand, and even participate. No laptop distractions, just pen and paper engagement.

Then there's the social aspect. Connecting with fellow developers, project contributors, and potential collaborators is a huge part of the event, and that's something you miss online.

Ultimately, the decision comes down to your priorities. If convenience and affordability are key, online attendance is great. But if you crave energy, engagement, and social connections, the in-person experience can be truly valuable.
[Today I learned] Minitest
Tags: ruby, minitest, beginners
Published: 2024-02-06 16:14:47

Minitest, a testing framework included with Ruby, is used to validate that our code behaves as expected under various conditions.
`
# calculator.rb

class Calculator
  def add(a, b)
    a + b
  end
end
`
`
# tests/test_calculator.rb

require 'minitest/autorun'
require './calculator'

class TestCalculator < Minitest::Test
  def test_addition
    calculator = Calculator.new
    assert_equal 4, calculator.add(2, 2), "Addition method failed"
  end
end
`
A Legacy of Excellence: U of S's Founding and Growth
Tags: dramasq, dramaq, 中國人線上看, 韓劇線上看
Published: 2024-02-06 16:12:52


The College of Saskatchewan was established in 1907, during a time of noteworthy development and change in Canada. Its foundation was powered by the vision of giving open and pertinent training to address the issues of a quickly impacting world. **[Dramasq](https://dramasq.tw/)** From that point forward, the U of S has stayed devoted to giving an elite training, leading historic examination, and adding to the neighborhood and worldwide local area.




Today, the College of Saskatchewan remains as a demonstration of its tradition of scholastic greatness, research achievements, and obligation to tending to squeezing worldwide difficulties.
Academic Excellence and a Wide Spectrum of Programs

Scholarly greatness is at the center of U of S's main goal. The college offers an extensive variety of undergrad, graduate, and expert projects, drawing in understudies from across Canada and all over the planet. U of S's workforce contains achieved researchers and specialists in their particular fields, guaranteeing that understudies get a top notch training that prepares them for progress in a universally associated world.
From human expression and sociologies to science, farming, business, and wellbeing sciences, U of S's different program contributions enable understudies to investigate their interests and foster a balanced viewpoint.  The foundation's obligation to explore and experiential learning further improves the scholastic experience, encouraging decisive reasoning and critical thinking abilities.
U of S Research: Pioneering Solutions

The College of Saskatchewan is at the very front of exploration and advancement in Canada. The foundation's scientists reliably make weighty commitments to different fields. Prominent areas of examination and advancement at U of S include:
1. Farming and Food Security: Given its area in the core of Canada's rural belt, U of S plays had a huge impact in propelling horticulture and food security research. Analysts at the college have made significant commitments to trim science, agribusiness, and agrarian manageability.
2. Wellbeing Sciences: U of S's examination in the wellbeing and clinical sciences has had a significant effect, especially in regions like irresistible illnesses, neuroscience, and native wellbeing.
3. Natural Maintainability: U of S's obligation to manageability is obvious in its exploration connected with environmental change, water asset the executives, and ecological preservation.
XLN Audio – Addictive Keys Complete (Windows)Download
Tags: webdev, javascript, vst
Published: 2024-02-06 16:08:18

Download link:https://pluginsforest.com/product/xln-audio-addictive-keys-complete-windows/

Elevate your music production game with ~~XLN Audio's Addictive Keys Complete~~ for Windows. Dive into a world of unparalleled creativity and sonic exploration with this comprehensive collection of premium virtual instruments. Crafted to perfection, each piano, keyboard, and synth in this bundle is meticulously sampled to deliver an authentic and inspiring playing experience.

Unleash your creativity with a wide range of meticulously sampled instruments, from classic grand pianos to vintage electric keyboards and cutting-edge synthesizers. With Addictive Keys Complete, you'll have access to an extensive library of high-quality sounds that will elevate your music production to new heights.

Whether you're a seasoned professional or just starting out, Addictive Keys Complete offers something for everyone. Its intuitive interface and powerful features make it easy to create stunningly realistic performances and unique soundscapes. Explore a vast array of presets, tweak parameters to your liking, and sculpt your sounds with precision using the built-in effects and modulation options.

Designed for Windows users, Addictive Keys Complete integrates seamlessly with your favorite DAWs, providing a smooth workflow and unparalleled performance. Take advantage of its low CPU usage and efficient memory management, allowing you to focus on making music without any distractions.

Upgrade your productions with XLN Audio's Addictive Keys Complete today and experience the difference firsthand. Whether you're composing film scores, producing electronic music, or recording live performances, this versatile collection has everything you need to bring your musical ideas to life.

Unlock the full potential of your creativity with XLN Audio's Addictive Keys Complete for Windows. Download now and embark on a sonic journey unlike any other. Join the ranks of top producers and composers who rely on Addictive Keys Complete to shape their sound and make their mark in the music industry.
Depth of Reactive Dependencies
Tags: javascript, webdev, reactivity, architecture
Published: 2024-02-06 16:05:59

As a rule, the depth of dependencies remains relatively small, not exceeding a couple of dozen states.

But sometimes deps can grow to indecent depths. This is especially true for applications where the user himself can control who depends on whom and how. Typical examples: spreadsheet or Gantt chart.

And not all reactivity models will allow you to implement this. And sometimes you only find out about it when it’s too late to change horses. And the crutching begins. So let's take a closer look at this aspect...

> 🚧 Limit: Limited by a constant
> 🗻 Stack: Limited by stack
> 🌌 Heap: Unlimited

#🚧Limit

Some libraries deal with circular dependencies by introducing a limit on the number of recalculations at a time. Usually this is a dozen or two recounts.

```ts
for( let i = 0; i < MAX_REPEATS; ++i ) {
    if( !dirty ) return
    changeDetection()
}

throw new Error( 'Too many change detection repeats' )
```

This prevents the application from freezing completely. But it also fundamentally limits the depth of dependencies. It will be painful to implement a spreadsheet in such conditions.

#🗻Stack

The situation is slightly better with reactivity models, where there are no artificial restrictions. However, they initiate some calculations inside others, which leads to the growth of the stack.

```ts
first() {
    this.second()
}

second() {
    this.third()
}

thisrd() {
    this.etc()
}
```

And since the stack size is not infinite, it is only sufficient for a depth of several thousand states. This may already be enough for even average spreadsheets. However, if you go beyond the stack, and that’s it, an exception is thrown.

Moreover, it may or may not fly out, depending on the order in which the recalculations took place. That is, we also get instability of behavior. For example, this can manifest itself like this: when you open an application, everything is fine, but as soon as you change one state, the recalculation of a state that is deeply dependent on it drops.

However, the advantage of this approach is that the stack shows in what order the recalculation was performed, which can be useful for debugging.

# 🌌 Heap

The best option does not grow the stack, which allows it to work with dependencies of arbitrary depth. Well, how much RAM is enough, of course.

```ts
while( reactions.length ) {
    reactions.shift().execute()
}
```

Unfortunately, here stack traces become less informative. But logging can come to the rescue when debugging, which, if desired, can even be pasted into the stack trace manually.

When choosing a reactive library, check in advance how it works with truly deep dependencies.
TW Elements - Tailwind CSS IntelliSense. Free UI/UX design course.
Tags: beginners, tutorial, programming, coding
Published: 2024-02-06 16:00:00

**Tailwind CSS IntelliSense**

Before we move on to other topics related to Tailwind, I would like us to take a look at one extremely useful tool.

I mean Tailwind CSS IntelliSense, which is an extension to the [Visual Studio Code](https://code.visualstudio.com/download) editor.

To be honest, it's hard for me to imagine working with Tailwind without this plugin now, and that's why I want you to install it too and learn how to use it.

_Note: To use this extension, of course, you need the Visual Studio Code editor itself. It's free and you can download it [here](https://code.visualstudio.com/download)._

**What exactly is Tailwind CSS IntelliSense?**

"Tailwind CSS IntelliSense enhances the Tailwind development experience by providing Visual Studio Code users with advanced features such as autocomplete, syntax highlighting, and linting."

**Installation**

Installation is very simple. Go to the Tailwind CSS IntelliSense page by clicking [this link](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)

Then click the green "Install" button.

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

The browser should ask you for permission to run Visual Studio Code. After agreeing, the installation should start automatically in the editor.

After the installation is complete, you can restart VSCode to make sure the extension will work properly.

Autocomplete
As you start typing the class name, a list of hints will appear.

Look at the gif below - when you start typing the bg-blue class, a list of available colors appears. What's more, we even have these colors represented in these little squares in the list.

Isn't that super useful? 🤩

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0bogth3sje90rxq93m62.gif)

**Hover Preview**

Not sure what exactly a Tailwind class does? Nothing easier - just hover over it and the IntelliSense plugin will display the exact CSS code that this class uses.

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

Linting
The IntelliSense plugin will also show you code errors.

Look at the gif below - when I added the .bg-red-200 class next to the .bg-blue-500 class, both classes were underlined to alert us that something was wrong.

When hovering over them, we see that IntelliSense warns us about a conflict - both classes modify the same CSS property: background-color. So only one of them will work, so it's obviously a mistake.

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

Alright, armed with this new tool, we are ready for the next challenges ⚔
Flight Slider in HTML + CSS
Tags: html, css, showdev, webdev
Published: 2024-02-06 15:32:46

---
title: Flight Slider in HTML + CSS
published: true
description: I created an input range that looks like a plane flying to its destination in HTML and CSS
tags: html,css,showdev,webdev
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6ntl2uk021jiza6xaqe2.png
# Use a ratio of 100:42 for best results.
# published_at: 2024-02-06 15:12 +0000
---

Last week, I created an [input range that looks like a plane](https://codepen.io/alvaromontoro/pen/oNVEqgz) flying to its destination (move the plane right and left):

{% codepen https://codepen.io/alvaromontoro/pen/oNVEqgz %}

I tried to add as many details as possible while keeping the code _simple_ and independent of external resources (JavaScript or images):

- It uses a single HTML element (an input range, although it should be a `<progress>`)
- It includes a single JS command to update a CSS variable
- The plane takes off and lands using trigonometric functions
- Using container queries, the plane changes into a helicopter in smaller sizes (although I wouldn't recommend it to go from NYC to Madrid)
- Both the plane and helo are CSS art, not SVG (again with the independence of external resources... although I'll admit it would look better with SVG)
- It has printing styles
- It was coded with accessibility in mind (although it may not be perfect): works with a keyboard and also in high-contrast mode
- It will work in all modern browsers


Any feedback? I will write an article this weekend with more details on how it was coded. Anything you'd like me to include about the code or the process?
Automatically Generate Alt Text for Image in PDF?
Tags: machinelearning, python, ai, github
Published: 2024-02-06 15:21:52

The PDF world is buzzing with change, especially with legal mandates pushing the agenda. Let's talk about a persistent challenge in the PDF world: alt text. We all know it's crucial for accessibility, but the truth is, crafting meaningful alt text for every image manually is a daunting task. It's time-consuming, resource-intensive, and frankly, a bit of a headache. But fear not - imagine auto-generated descriptions!


With the promise of auto-generated image descriptions, AI offers a refreshing take on enhancing document accessibility. Venturing into the world of deep learning, we explore image captioning—an impressive fusion of image and text. 

**OPTIONS FOR AUTOMATED ALT TEXT**

Let's dive into the exciting realm of possibilities. PDFix's AI image captioning on GitHub is a game-changer in updating image alt text in PDFs. 

Let's examine AI image captioning at PDFix GitHub: https://github.com/pdfix/pdf-update-image-alt

**TEST AT HUGGING FACE**

Take our Image-Captioning sample for a spin at HuggingFace. It's not just about alt text; it's about transforming how we interact with PDFs.

https://huggingface.co/nlpconnect/vit-gpt2-image-captioning

Now, over to you - what's your take on AI-driven alt text? Have you experimented with these tools? Share your insights!
Did I miss anything? Network Security
Tags: beginners, micropython, esp32, network
Published: 2024-02-06 15:01:32

Hey there, GitHub community!

Quick question: I am compiling a guide for network security using micropython and esp32

We've put a ton of effort into this guide.But here's the deal: we're want to hear YOUR thoughts!

It's completely free, and your feedback is invaluable to us! 💬

So, what do you think? Any insights, suggestions, or ideas you'd like to share? Your input not only helps us improve this guide but also shapes the direction of future content we create. 🚀

Please, drop your comments below or shoot us a message. Let's collaborate and make this guide the absolute best it can be! 💪

Guide Link: https://khalsalabs.com/how-to-use-micropython-on-esp32-your-ultimate-free-guide/
CSS Gradients - A curated collection of 275 free CSS gradients 🌈
Tags: webdev, css
Published: 2024-02-06 14:49:04

---
title: CSS Gradients - A curated collection of 275 free CSS gradients 🌈
published: true
description: A collection of the best gradients made with pure CSS. Click to copy, free to use.
tags: #webdev #css
cover_image: https://csspro.com/css-gradients/og-image.jpg
---

👋 Hi Dev.to!

I made [this collection](https://csspro.com/css-gradients?ref=devto) of my favorite **CSS gradients** on the internet, and I'll be adding new buttons to the list every time I see some new ones.

🎨 [CSS Gradients Free Collection by CSS Pro](https://csspro.com/css-gradients?ref=devto) is a curated collection of 275 free beautiful CSS gradients.

💖 Bookmark it (keep it on your favorites) and use it whenever you need it for your projects!

All you have to do is **click on a button you like, and it'll copy its CSS code**.

And if you have any ideas or suggestions, I'm all ears.

Thanks all! 🙌
"Hire a Recovery Expert to Reclaim Stolen Money"
Published: 2024-02-06 13:13:09

Telegram: "CyberGenieHackPro"
Web:  https (://) cybergeniehac kpro (.) x y z 
W/A: +1-2-5-2-5-1-2-0-3-9-1.
If you ever find yourself in a situation where you are hopeless with no one to trust or sincerely confide in because you trusted a bunch of crypto traders and you are on the brink of losing thousands or millions of dollars you have invested with them, I tell you this, worry no more, CYBER GENIE HACK PRO is your redemption.  Losing is always hurtful, now imagine losing all you have labored for all your life because you trusted a total stranger on the internet because they promised you a better or probably a luxurious life if you could invest in their trading Bots or website. All I had to do was create an account with them and deposit my investment funds to my account wallet,  unfortunately, it isn't my wallet, it's linked to theirs. I was in great disarray when I found out about their ridiculous deeds. I thought they were my friends, they were friendly and engaging. We talked for hours and they made lots of promises little did I know they were rippers. Luckily I was able to get the best recovery team of Crypto recovery experts your time and money can buy for you on the internet, CYBER GENIE HACK PRO. I want to introduce these guys to you all here searching to "hire a professional hacker" that can trace and recover your stolen money, a private investigator, hack a device, or upgrade credit score or school grades, CYBER GENIE HACK PRO doesn't disappoint with such tasks. Find them with the information above. 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gowhwag3g1kujrim7uxh.jpg)
Task 2
Published: 2024-02-06 14:37:36

1)Boundary value analysis with example?
                         we will set a specific boundary for a system of ordinary  differential equation with solution & derivate values. ex: setting time we spent in a app more than a particular app.
2)Decision testing testing?
                   used where different combinations of test input condition result in different outcomes.
3)use of testing?
                   verifying procurement specifications & managing risk.
4) LCSAJ teseting?
                    a software analysis method used to identify structural units in code under test.