teleren/devto huggingface dataset:
Embracing Open Source: A Catalyst for Scientific Progress
Tags: opensource, datascience, database, computerscience
Published: 2024-04-19 13:41:52

Hey Dev Community!

Let's embark on a thrilling journey through the realm of open source, where innovation knows no bounds and collaboration reigns supreme! 

Today, we're diving into why open source is the ultimate game-changer for scientific progress and how it's shaping a brighter future for us all. Get ready for a wild ride!


## Why Open Source Matters in Science:

1. **Transparency**: Open source is like a spotlight shining on the secrets of science. It unveils research methodologies, algorithms, and data for all to see, fostering a culture of transparency and trust within the scientific community.

2. **Collaboration**: Imagine a global science party where everyone's invited! That's the power of open source. By tearing down barriers to access, it brings together brilliant minds from around the world to collaborate on groundbreaking research.

3. **Faster Iteration**: With open source, the innovation treadmill goes into overdrive! Scientists can build upon existing solutions, tweak them to perfection, and share their creations with the world—all at warp speed.
 
4. **Reproducibility**: Science is all about trust, and open source ensures that trust never falters. By providing open access to source code and data, it makes research findings easily reproducible, empowering others to verify and validate discoveries.

## Illustrating the Impact:
Let's take a joyride through the world of climate science, where open source is leading the charge:

1. **Data Sharing**: Climate data from every corner of the globe flows freely, thanks to open source platforms like Open Climate GIS. This treasure trove of data fuels cutting-edge research and fuels our understanding of Earth's ever-changing climate.
 
2. **Collaborative Research**: Scientists from diverse fields come together on platforms like Open Climate Collaborative to tackle climate change head-on. From atmospheric physicists to data wizards, everyone brings their A-game to the fight against the climate crisis.
 
3. **Reproducibility**: The winds of change blow strong in the world of climate research, where transparency reigns supreme. Researchers openly share their methodologies, code, and data, ensuring that every discovery is as solid as a rock.

4. **Innovation**: Open-source innovation is the wind beneath our wings as we soar towards a greener future. From AI-powered climate models to blockchain-based carbon markets, the possibilities are endless!

**_Conclusion_**:
So there you have it, fellow adventurers—open source isn't just a buzzword; it's the key to unlocking a world of endless possibilities. In the grand quest for scientific progress, let's hoist the open source flag high and march boldly into the future!


What are your thoughts on the role of open source in scientific progress? Share your insights below and let's keep the conversation going!
Create a basic drawing web app with JavaScript - Part 1
Tags: webdev, javascript, beginners, programming
Published: 2024-04-19 13:41:43

Create a basic drawing application - that draws circles, using a canvas element with a click handler. The handler will monitor clicks on the canvas, triggering a function to draw a circle at the clicked position. Additionally, include input boxes for users to adjust the R, G, and B components of the color, these will need to range from 0 to 255, a slider to adjust the radius of the circle drawn and finally a button to clear the canvas.

**Solution**
```javascript
let canvas = document.querySelector("#canvas");
let ctx = canvas.getContext("2d");

let redColor = 0;
let greenColor = 0;
let blueColor = 0;

let opacity = 1;
let radius = 100;

let width = canvas.width;
let height = canvas.height;

// handle red value
document.querySelector("#redColor").addEventListener("change", (event) => {
  let newRedValue = event.target.value;
  if (newRedValue >= 0 && newRedValue <= 255) {
    redColor = newRedValue;
    return;
  }

  redColor = 0;
});

// handle green value
document.querySelector("#greenColor").addEventListener("change", (event) => {
  let newGreenValue = event.target.value;
  if (newGreenValue >= 0 && newGreenValue <= 255) {
    greenColor = newGreenValue;
    return;
  }

  greenColor = 0;
});

// handle blue value
document.querySelector("#blueColor").addEventListener("change", (event) => {
  let newBlueValue = event.target.value;
  if (newBlueValue >= 0 && newBlueValue <= 255) {
    blueColor = newBlueValue;
    return;
  }

  blueColor = 0;
});

// handle opacity
document.querySelector("#transparent").addEventListener("change", (event) => {
  let newValue = event.target.value;
  if (newValue >= 0 && newValue <= 100) {
    opacity = (newValue * 1.0) / 100;
    return;
  }

  opacity = 1;
});

// handle radius
document.querySelector("#radius").addEventListener("change", (event) => {
  let newRadiusValue = event.target.value;
  radius = newRadiusValue * 100;
});

function createCircle(x, y) {
  ctx.fillStyle = `rgba(${redColor}, ${greenColor}, ${blueColor}, ${opacity})`;
  ctx.beginPath();
  ctx.arc(x, y, radius, 0, Math.PI * 2, false);
  ctx.fill();
}

canvas.addEventListener("click", (event) => {
  createCircle(event.offsetX, event.offsetY);
});

document.querySelector("#clear").addEventListener("click", () => {
  ctx.clearRect(0, 0, width, height);
});
```

**Result**

{% embed https://codesandbox.io/embed/99v8hx?view=editor+%2B+preview&module=%2Fsrc%2Findex.mjs"
     style="width:100%; height: 500px; border:0; border-radius: 4px; overflow:hidden;"
     title="canvas-shapes"
     allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
     sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts %}

**Continuation**
[Checkout Part 2](https://dev.to/dindustack/create-a-basic-drawing-web-app-with-javascript-part-2-4m30)
HP 727 Plotter Kartuş Uyumlu Dolum Seti
Published: 2024-04-19 13:36:26

Splashjet [HP 727 Plotter Kartuş](https://www.plottermurekkepleri.com/hp-727-kartus-dolum-seti) Uyumlu Dolum Seti
Hp 727 plotter kartuş dolum seti, Hp Plotter makinelerine uyumlu 6 Litre mürekkep, 6 adet XL kartuş, 6 adet cipten oluşmaktadır.
Hiring React JS dev
Tags: career, gamedev, interview
Published: 2024-04-19 13:35:27

[HIRING] [REMOTE]. Part time. 
Hi everyone! I'm looking for someone who has experience in REACT JS to assist me in creating an advanced level game, with a specific concept in mind, using React JS. This strategy-like RPG game will be fully 2D. I am new to coding and will try to implement new features onto an existing game. When I run into problems, I'd like you to help me work out how to fix them and get the code to work.

**It will be a casual job with hours done as needed and for a maximum of 10 hours per week (rate will be negotiated according to your experience & more)**

Ideal Skills:

- Strong proficiency in JavaScript, specifically React JS.
- Significant experience in game development, particularly with RPGs.

**If interested, please reach me out at devsearch235@gmail.com with your CV and if you want, a short introduction outlining your experience in this field.**

Thank you! :)

Tere
Leading Augmented Reality App Development Company
Published: 2024-04-19 13:21:28

Discover the next level of digital interaction with TechnBrains, the premier [AR app development company](https://www.technbrains.com/augmented-reality-app-development). From captivating gaming experiences to innovative marketing solutions, our team is dedicated to creating immersive AR applications that push the boundaries of technology. Partner with us and transform your ideas into unforgettable AR experiences.
How to Add Quote of the Day on Blog Post
Published: 2024-04-19 13:20:22

Ever wondered how some blogs seamlessly weave wisdom into their content? The secret might be the daily dose of inspiration - a "Quote of the Day."

This post will crack the code, showing you how to effortlessly add these powerful elements to your blog post and keep your readers coming back for more.

You can implement a 'Quote of the Day' element in three ways on your blog post. We will delve into each method from the easiest to the difficult ones.

## Method 1: Using the embed provided by Quotes Websites.
Many quotes websites provide embeddable code to display Quote of the Day on your blog. Let's use the one I found at [Success Trending](https://www.success-trending.club/p/quote-of-day.html). The only thing you need to do is copy the HTML code and paste that into the HTML section of your blog post. Here is how beautiful it looks.

{% codepen https://codepen.io/successtrending/pen/gOyQpxJ %}

## Method 2: Using the WordPress Plugins.
If you are using WordPress, you can take advantage of various plugins that are available for use. Just install one of the plugins like [Quote of the Day by BrainyQuote](https://wordpress.org/plugins/quote-of-the-day-by-brainyquote/) and you should be able to display various quotes from the BrainyQuotes collection.

## Method 3: Create a Quote of the Day by using HTML and CSS.
This is another way to add quotes of the day to your blog post. The Codepen has different types of Quote of the Day code blocks that you can use to display the Quote of the Day on your blog post. 

```
  <header class="text-center">
    <h1> Quote Of The Day</h1></header>
  <div class="container text-center">
    <button type="button" class="btn btn-default btn-lg" id="randomquote" onclick="javascript:showRandomQuote()"><i class="fa fa-bookmark"></i> New Quote</button><a href="" class="btn btn-default btn-lg" onclick="javascript:tweet()" id="tweet"><i class="fa fa-twitter"></i>Tweet This!</a>
    <div class="quoteContainer">
      <div id="quote"></div>
      <br />
      <div id="author"></div>
      <br />
    </div>
  </div>
```

Look at the Codepen that you can take inspiration from. Using the HTML, CSS, and JavaScript as shown in the below Codepen, anyone can easily add a 'Quote of the Day' to their blog post. You could be creative and customize it the way you want.

{% codepen https://codepen.io/vbobjee/pen/LpNgXx %}

So, what are you waiting for? Start sprinkling your blog with quotes and ignite inspiration in your readers. A well-selected quote can make an impression and entice readers to return for your daily dose of wisdom. Don't forget to share your favorite method in the comments below – let's spark a conversation!
Astro vs Next.js
Tags: javascript, programming, astro, nextjs
Published: 2024-04-19 13:12:52

[Astro vs Next.js](https://bluebirdinternational.com/astro-vs-next-js/)?: We must see before choosing a JavaScript framework.

When building web applications, the framework you choose can steer your project to success. Astro offers a lightweight solution with static generation benefits, while Next.js delivers comprehensive server-side rendering for React developers.

**Astro: Swift and Component-Focused**

Astro stands out for its static site generation and compatibility with multiple front-end technologies, making it a go-to for developers who prioritize performance and reusability in web components.

**Next.js: Full-Featured and Scalable**

Next.js is a server-side powerhouse for dynamic applications, offering an integrated development experience, automatic routing, and a suite of data-fetching options, suited for complex, scalable projects that need to shine in SEO.

**Performance Battle: Quick Loads vs Dynamic Content**

Astro excels in speed with static content, while Next.js offers dynamic server-side rendered pages, ensuring a fast, SEO-friendly user experience.

**Development Delight: Tooling and Resources**

Both frameworks bring joy to developers with their intuitive tooling. Astro promises a zero-config start, while Next.js boasts a feature-rich environment backed by a massive community, making both excellent choices for modern web development.

**Design and User Experience: A Creative Playground**

Astro and Next.js handle design with flair, allowing extensive customization. Whether you're looking for a static charm or dynamic interaction, both can cater to your creative needs.

Is There a Verdict?

Your choice between Astro and Next.js will rest on project needs—Astro for static sites with fast loads and Next.js large-scale applications. Consider performance targets, scalability or maybe [hiring pros](https://bluebirdinternational.com/staff-augmentation/hire-javascript-developers/) for your next project.
аренды авто в Ангарске под такси
Published: 2024-04-19 13:06:43

Хотите начать зарабатывать на [аренде авто в Ангарске под такси](http://etaxi138.ru/) и стать частью процветающего бизнеса? Тогда обратитесь к нам! Etaxi предлагает не только выгодные условия сотрудничества, но и уникальную возможность работать на автомобиле, брендированном под Яндекс - одному из самых узнаваемых и доверенных брендов в сфере транспорта. Присоединяйтесь к нашей команде успешных водителей уже сегодня, и вы обнаружите, что работа с Etaxi открывает широкие перспективы для вашего дохода и профессионального роста!
Ibuprofeno.py💊| #85: Explica este código Python
Tags: python, spanish, beginners, programming
Published: 2024-04-19 13:00:00

## **<center>Explica este código Python</center>**
#### <center>**Dificultad:** <mark>Fácil</mark></center>

```py
mensaje = "Mi amigo Pedro juega fútbol. !Que bien juega Pedro¡"
print(mensaje.replace("Pedro", "Carlos", 1))
```

👉 **A.** `Mi amigo Carlos juega fútbol. !Que bien juega Carlos¡`
👉 **B.** `Mi amigo Carlos juega fútbol. !Que bien juega Pedro¡`
👉 **C.** `Mi amigo Pedro juega fútbol. !Que bien juega Pedro¡`
👉 **D.** `Ninguno de los anteriores`

---

{% details **Respuesta:** %} 

👉 **B.** `Mi amigo Carlos juega fútbol. !Que bien juega Pedro¡`

La función `replace` de Python permite remplazar una cadena dada por otra. Por defecto remplaza todas las coincidencias que se encuentre pero podemos modificar este comportamiento.

`replace` recibe un tercer argumento de tipo entero que representa la cantidad de veces que queremos que se haga el remplazo.

En nuestro ejemplo solo queremos que se haga 1 vez. 



{% enddetails %}
How to Run a Bash Script From Anywhere on Your Apple Computer
Tags: bash, bashscript, terminal, path
Published: 2024-04-19 12:44:59

I just wanted to start out by saying that this is an abridged version of my [original published version from February 19, 2023 that you can find on my website here](https://www.simplykyra.com/how-to-run-a-bash-script-from-anywhere-on-your-apple-computer/).

---

When you run a command in your terminal the computer looks through a list of directories where the file might reside and, if found, executes it. This special list of directories is stored in the `PATH` environment variable on your computer. If your shell goes through all of these paths, in order, and can’t find the file it then lets you know that it can’t be found before exiting. If there are two matching files it will run whichever one it comes across first.

To be able to run a script from anywhere on your computer the file holding the script needs to be in one of those directories stored in the `PATH` environment variable on your computer. So simply move your script to one of those directories! 

**But how do I know where that is?**

To find out which directories are included in the `PATH` environment variable simply go to a terminal and type out `echo $PATH`. On my computer this looks like:

```
❯ echo $PATH
/Users/kyra/bin /usr/local/bin 
/System/Cryptexes/App/usr/bin /usr/bin /bin 
/usr/sbin /sbin /Library/Apple/usr/bin
```

And from that I've chosen to put all of my  scripts that I want to run from anywhere on my computer within the `/Users/kyra/bin` directory. Then I can call it from anywhere!

In my original post, that this is based on, I go into more information on the hows and whys this works including what to do if you want your script to live outside of the `PATH` environment variable or if you want to add a new directory to it's list. You can [check this all out here](https://www.simplykyra.com/how-to-run-a-bash-script-from-anywhere-on-your-apple-computer/).  

I hope you're having a great day!
My Take on Automotive Digital Transformation
Published: 2024-04-19 12:32:22

The automotive manufacturing industry has witnessed a massive technological upgrade in the recent past. This has been made possible because of connected factories. Today, it is possible for automotive manufacturers to improve upon a host of factors, such as efficiency and innovation. But this is not the only positive thing about this technological upgrade. As it turns out, a great number of automotive manufacturers are yet to adapt to this digital transformation. This clearly highlights the point that the world is yet to witness the proper impact of the automotive digital transformation.

It is about time that those automotive manufacturers that are yet to fully adopt the latest technological innovations should adapt to the powers of the Internet of Things, Data Analytics, and Automation. There are some concerns in this regard. For instance, one of the leading concerns is that adopting these technologies is costly and time-consuming. Here, it is important to understand that the timely adoption of these technologies is immensely beneficial in both the short and the long run. For instance, this is especially beneficial for those automotive manufacturers that want to not just survive but thrive in an ever-competitive automotive industry.

Let's talk about profitability a bit. As it turns out, automotive digital transformation has a very positive effect on a manufacturer's overall profitability rate. Perhaps this transformation will allow any given manufacturer to enjoy better-than-expected profitability margins. Hopefully, in the future, not just the manufacturers but also the consumers will enjoy the immense benefits that are presented by the automotive digital transformation. Before any manufacturer commences with the adaptation of the automotive digital transformation, it is important to consult with all those professionals who have a successful track record of dealing with the relevant transformation matters.

Read this blog to know more:(https://futurbyte.co/blog/automotive-digital-transformation/)
Empowering Brands: Digital Marketing Agency
Tags: digital, marketing, seo, socialmedia
Published: 2024-04-19 12:27:49

Zuptek Infotech transcends the role of a mere service provider, becoming your indispensable strategic ally in mastering the dynamic terrain of digital marketing. As a premier **[Digital Marketing Agency](https://zuptek.com/)**, we are dedicated to propelling your brand towards unparalleled success in the digital realm. Beyond traditional services, we offer a holistic partnership, guiding you through the intricacies of the ever-evolving digital landscape with precision and expertise. Our mission is to not just meet but exceed your expectations, leveraging cutting-edge strategies and innovative approaches to ensure your brand stands out amidst the digital noise. With Uptek Infotech by your side, you gain more than just a service provider; you acquire a dedicated team committed to your brand's growth, visibility, and enduring success in the competitive digital sphere.
Integrating Georeferenced Maps: Passing Data from Firebase Backend to Frontend
Tags: react, python, database, frontend
Published: 2024-04-19 12:27:46

I'm developing an app where I need to display a georeferenced map. I'm using React for the frontend and Python for the backend, both integrated with Firebase. How can I effectively pass this georeferenced map data from the Python backend to the React frontend using Firebase? Could you guide me through the process?
Top 3 custom blockchain development company in the uk with web 3.0 technology
Tags: customblockchaindevelopment, web3odevelopment, blockchaindevelopmentcompany
Published: 2024-04-19 12:23:17

In the dynamic landscape of blockchain technology, the United Kingdom boasts several top-tier custom blockchain development companies pioneering the integration of Web 3.0 advancements. Blockchain Innovators UK, well-known for their creative approach to custom blockchain solutions, is at the forefront of the field. With an emphasis on Web 3.0 technology, they transform numerous industries by providing clients with decentralized applications and smart contracts.


Digital Ledger Solutions Ltd., known for their proficiency in developing custom blockchain platforms with state-of-the-art Web 3.0 features, is a close second. Their dedication to providing scalable, interoperable, and secure solutions has made them a prominent figure in the UK blockchain development community.


CryptoTech Strategies, a leader in custom blockchain development with a focus on Web 3.0 integration, completes the trio. A variety of decentralized solutions intended to improve corporate processes and transparency are on display in their portfolio. Their proven track record of successful installations makes them a standout option for companies looking for innovative blockchain technology in the UK.
Read more : https://gratixtechnologies.co.uk/
XSRF-TOKEN
Tags: csharp
Published: 2024-04-19 11:21:48

How is it possible to make http request for login in C#?
When I try to make the http request with the POST protocol I cannot obtain the XSRF-TOKEN.
Can anyone help me?

```
    public class NetworkService : INetworkService
    {
        private readonly HttpClient _webClient;
        private readonly CookieContainer _cookieManager;
        private readonly HttpClientHandler _webHandler;

        public NetworkService(IHttpClientFactory clientFactory)
        {
            _cookieManager = new CookieContainer();
            _webHandler = new HttpClientHandler()
            {
                SslProtocols = SslProtocols.Tls12 | SslProtocols.Tls13,
                MaxAutomaticRedirections = 10,
                UseCookies = true,
                CookieContainer = _cookieManager,
                AllowAutoRedirect = true,
                CheckCertificateRevocationList = true
            };

            _webClient = clientFactory.CreateClient("NetworkServiceClient");
            _webClient.BaseAddress = new Uri("[URL]https://example.com/api[/URL]");
            _webClient.DefaultRequestHeaders.Accept.Clear();
            _webClient.DefaultRequestHeaders.Accept.Add(new MediaTypeWithQualityHeaderValue("application/json"));
        }

        public async Task<string> CallApi1(string userId, string accessCode)
        {
            var endpoint = new Uri(_webClient.BaseAddress, "/api1/login");
            var loginInfo = new { userName = username, userPassword = password };
            var contentBody = new StringContent(JsonConvert.SerializeObject(loginInfo), Encoding.UTF8, "application/json");

            HttpResponseMessage result = await _webClient.PostAsync(endpoint, contentBody);
            if (!result.IsSuccessStatusCode)
            {
                Console.WriteLine($"API1 call failed with status code: {result.StatusCode}");
                return null;
            }

            var token = ExtractCookie("XSRF-TOKEN");
            return token;
        }
    }
```

The code is functioning properly and returns a 200 response, however, I’m not receiving the XSRF Cookie. When I perform the HTTP request in Postman, I do receive the XSRF Cookie. But in C#, it’s not being received.
Bad Management Kills Your Favourite Tech Company or How Software Companies Die
Tags: programming, productivity, discuss, startup
Published: 2024-04-19 12:21:38

Do you wonder if your company is on the path to becoming a part of history that nobody remembers?

30 years later, and as someone from a completely different generation of techies, I'm revisiting a classic essay by Orson Scott Card on the age-old clash between coders and corporate culture.

Get ready for a thought-provoking dose of nostalgia 😅

**👉 [Are the ideas in this piece still relevant today?](https://iwooky.substack.com/p/how-software-companies-die)**


[![Bad Management Kills Your Favourite Tech Company or How Software Companies Die](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hw2mcm7ab01ldf0ocr3l.jpg)](https://iwooky.substack.com/p/how-software-companies-die)