teleren/devto huggingface dataset:
Birth of Python
Tags: beginners, programming, python, devjournal
Published: 2022-11-08 20:24:18




In 1989, A gentleman by the name of Guido van Rossum was looking for a way to keep himself occupied over the Christmas holiday (xmas shopping wasn't enough hey?).  He decided to write an interpreter for a new scripting language that had been swirling around his brain for a while. It is noted that Van Rossum named the programming language from being a big fan of Monty Python's Flying Circus.

In 1999, Van Rossum submitted a funding proposal to DARPA called "computer programming for everybody". In doing this he settled in and defined the goals of python as:

- easy and intuitive language that is powerful
- open source for everyone to contribute to its development
- code that is very understandable
- task oriented allowing for short development times

Today entities like Netflix, Google, YouTube, Facebook, Instagram, NASA and the Jet Propulsion Labs all use Python in some form.

**What makes Python so amazing?**

- Python features an easy-to-read syntax that is simple and concise.
- Python is popular among businesses because of its scalability; businesses using Python to build scalable applications can handle a large quantity of traffic with comfort.
- You can create web apps, gaming apps, enterprise apps machine learning, artificial intelligence among others.

**What can we do?**
In no certain order, here are a few things we can do in the real world of using python:
Web Development, Game Development, Machine Learning and Artificial Intelligence, Data Science and Data Visualization, Automation and Robotics, CAD Applications, Business Applications and more.

So yeah, this language is awesome and actively being used in many different areas of business and technology. It's nice to get a brief history of where it all began and where it stands today. Because I for one would not want to learn something that is irrelevant. Python is anything but.

With such a colorful history and robust list of what it can be used for, it is no wonder why it is a top programming language in the world. The only thing left is to get to it and start learning these building blocks. Thank you all for taking the time to read.
JS assignment
Published: 2022-11-08 20:05:37

let reservior_volume = 4.445e8;
let rainfall = 5e6;


//decreasing rainfall variable by 10%
    rainfall-=rainfall*0.9; 

    console.log(rainfall);

//add rainfall variable to reservoir volume
    reservior_volume+= rainfall;

//increase reservior_volume by 5%
    reservior_volume +=reservior_volume*0.05;

//decrease reservior_volume 5% due to evaporation
    reservior_volume -=reservior_volume*0.05;

//subtract 2.5e5 cubic meters for piped water
    reservior_volume -=2.5e5;

//print new value of reservoir_volume
    console.log(reservior_volume)
    //my answer is 443637500
Understanding React Props?!
Tags: react, beginners, props, reactprops
Published: 2022-11-08 19:41:13

So a few days ago I ask on here to explain "React props to me", in which case you guys did. Now I decided to recreate the concept in VS code. However I am not getting any errors, and the actual code is not showing up in my browser. Can you please tell me what I am doing wrong?

App.js:
```
    import './App.css';
    import Purchase from './components/Purchase';
    function App() {
    const pets = [{
    "firstName": "Maximilien",
    "lastName": "Brognot",
    "date": new Date(2019, 9, 10),
    "gender": "Male",
    "amount": "$273.51"
    }, {
    "firstName": "Gavin",
    "lastName": "Gaughan",
    "date": new Date(2020, 7, 14),
    "gender": "Male",
    "amount": "$297.55"
    }, {
    "firstName": "Wendell",
    "lastName": "Gilhoolie",
    "date": new Date(2021, 2, 1),
    "gender": "Male",
    "amount": "$188.40"
    }, {
    "firstName": "Kearney",
    "lastName": "McLevie",
    "date": new Date(2020, 7, 14),
    "gender": "Genderfluid",
    "amount": "$1393.92"
    }, {
    "firstName": "Noby",
    "lastName": "Yirrell",
    "date": new Date(2002, 6, 25),
    "gender": "Male",
    "amount": "$36.57"
    }, {
    "firstName": "Grant",
    "lastName": "Breeds",
    "date": new Date(2003, 12, 1),
    "gender": "Male",
    "amount": "$1869.73"
    }, {
    "firstName": "Vivianne",
    "lastName": "Hackinge",
    "date": new Date(1996, 8, 4),
    "gender": "Female",
    "amount": "$385.87"
    }]
    return (
    <div className="App">
    <p>Hey Whats Up</p>
    <Purchase items={pets} />
    </div>
    );
    }
    export default App;
```
Purchase.js:
```
import PurchaseItem from "./PurchaseItem"
import './Purchase.css'
function Purchase(props){
return(
<div>
<PurchaseItem
firstName={props.items[0].firstName}
amount={props.items[0].amount}
date={props.items[0].date}
/>
<PurchaseItem
firstName={props.items[1].firstName}
amount={props.items[1].amount}
date={props.items[1].date}
/>
</div>
)
}
export default Purchase
```


PurchaseDate.js :

```
function PurchaseDate(props){
const month = props.date.LocaleString("en-US", { month: "long" });
const day = props.date.toLocaleString("en-US", { day: "2-digit" });
const year = props.date.getFullYear();

return <div>
<div className="expense-date__month">{month}</div>
<div className="expense-date__year">{year}</div>
<div className="expense-date__day">{day}</div>
</div>
}
export default PurchaseDate
```


PurchaseItem.js
```
import PurchaseDate from "./PurchaseDate"
function PurchaseItem(props){
return(
<div>
<PurchaseDate date={props.date} />
<h3>{props.firstName}</h3>
<h3>{props.lastName}</h3>
<h5>{props.amount}</h5>
</div>
)
}
export default PurchaseItem
```
index.js
```
import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>
<App />
</React.StrictMode>
);
```

So I am trying to Pass the Data through App.js > PurchaseDate > PurchaseItem > Purchase. Why is it now working?



Thank You
Keyoxide Verification
Tags: keyoxide
Published: 2022-11-08 19:40:34

---
title: Keyoxide Verification
published: true
description: 
tags: keyoxide
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2022-11-08 19:38 +0000
---

$argon2i$v=19$m=16,t=2,p=1$MmdaYUIwaVFkRlpyOFdsNA$n7t7fQeaYnjyGPj8jNWDbQ
ANNOUNCEMENT - Now you can use one line api to sync multiple articles from Airtable Api to multiple Joomla! sites at once
Tags: blog
Published: 2023-02-09 13:33:47

---
title: ANNOUNCEMENT - Now you can use one line api to sync multiple articles from Airtable Api to multiple Joomla! sites at once
published: true
date: 2022-11-08 19:32:23 UTC
tags: Blog
canonical_url: https://alexandree.io/blog-joomla-specialist/multiple-articles-multiple-sites-airtable-api
---

![](https://alexandree.io//images/behzad-ghaffarian-hello-unsplash_7dc86.jpg)

Hello Super Joomlers!  
Now you can use one line api to sync multiple articles from Airtable Api to multiple Joomla! sites at once with a single self-contained php script leveraging Joomla! Web Services.  
  
Here is the screenshot of the result:  

[Read More …](https://alexandree.io/blog-joomla-specialist/multiple-articles-multiple-sites-airtable-api)
Darle estilo a un input file upload button <input type="file">
Tags: inputfile, uploadbutton, fileupload, styling
Published: 2022-11-08 19:28:50

**HTML**

Vamos a necesitar un div contenedor, un label, otro div que va a llevar el estilo que quieras, inclusive puede ser una imagen o ponerle un icono.

```html
<div class="upload-container">

        <label for="file-input">

          <div class="upload-button"> Choose your file </div>

        </label>

        <input id="file-input" (change)="getFile($event)" type="file" />

    </div>
```

En el siguiente CSS lo único que vamos a hacer es ocultar el input y darle estilo a la clase **"upload-button"** aqui es donde le puedes dar el estilo que quieras.

**CSS**

```css

.upload-container>input {
    display: none;
}
  
.upload-button{
    cursor: pointer;
    width: 200px;
    border-radius: 8px;
    height: 60px;
    background-color: green;
    display: grid;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 600
}
```

RESULTADO


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

Sígueme o escríbeme 😉 cualquier aporte sera bienvenido
https://linktr.ee/fergolive
Introduction to JavaScript
Tags: javascript, vstech, vstechacademy, datatypes
Published: 2022-11-08 19:10:50

Javascript is a dynamic computer programming language. It is lightweight and most commonly used as a part of web pages, whose implementations allow client-side script to interact with the user and make dynamic pages. It is an interpreted programming language with object-oriented capabilities.

**Advantage**

- Less server interaction
- Immediate feedback to the visitors
- Increased interactivity
- Richer interfaces

**Data Types**

JavaScript allows you to work with three primitive data types,
- Numbers, eg. 123, 120.50 etc.
- Strings of text e.g. "This text string" etc.
- Boolean e.g. true or false

**Variables**

Variables are declared with the var keyword as follows. JavaScript is untyped language. This means that a JavaScript variable can hold a value of any data type.

<script type="text/javascript">

     var name = "Ali";
     var money;
     money = 2000.50;

</script>

**JavaScript Variable Scope**
The scope of a variable is the region of your program in which it is defined. JavaScript variables have only two scopes.

Global Variables − A global variable has global scope which means it can be defined anywhere in your JavaScript code.

Local Variables − A local variable will be visible only within a function where it is defined. Function parameters are always local to that function.
ANNOUNCEMENT - Now you can use one line api to sync multiple articles from a csv url to multiple Joomla! sites at once
Tags: blog
Published: 2023-02-09 13:33:22

---
title: ANNOUNCEMENT - Now you can use one line api to sync multiple articles from a csv url to multiple Joomla! sites at once
published: true
date: 2022-11-08 19:05:42 UTC
tags: Blog
canonical_url: https://alexandree.io/blog-joomla-specialist/multiple-articles-to-multiple-sites-at-once
---

![](https://alexandree.io//images/behzad-ghaffarian-hello-unsplash_7dc86.jpg)

Now you can use one line api to sync multiple articles from a single public csv url to multiple Joomla! sites at once using a single self-contained php script .  
  
Here is the screenshot of the result:  

[Read More …](https://alexandree.io/blog-joomla-specialist/multiple-articles-to-multiple-sites-at-once)
Ethereum Gas Saving Tip: Chose your function names carefully
Tags: solidity, ethereum, evm, blockchain
Published: 2022-11-08 18:31:46

### Chose your function names carefully in Solidity to save execution gas

Your functions are converted into [function selectors](https://cryptoguide.dev/post/how-solidity-function-selectors-work/), which are the first four bytes of a keccak256 hash of the function name.

When your smart contract is called, Solidity compiles code that checks *in order* if you are calling each function selector until it finds it.

If you have a very commonly used function, make sure its selector has a low value, so it is likely to be the first comparison made.

The savings are quite minimal (44 gas when 2 functions) and for most smart contracts it isn't a consideration, but it's a really neat trick to get every last bit of gas saving.

```solidity

pragma solidity >=0.8.4;

contract FunctionSelectorExample {
 
  /* 
  This is the mapping of selectors (in order) to the function names
  {
    "706f4c9e": "funcA()", // first - so will be cheapest as itll be the first comparison
    "7092150a": "funcC()"
    "84c5a5ef": "funcB()",  // last - so a bit more expensive as it will be the third comparison
}  */

  // costs 24,364 gas 
  // (cheapest as selector is 706f4c9e, which is first in order)
  function funcA() public {
  }

  // costs 24,415 gas
  // (most expensive, as selector is 84c5a5ef, which is third in order)
  function funcB() public {
  }
 
  // costs 24,390 gas
  function funcC() public {
  }

}
```

[See more tips on how to save on Ethereum gas here](https://cryptoguide.dev/posts/solidity-gas-optimizations-guide/)
React & NodeJS - Go LIVE with Full-Stack projects fast
Tags: webdev, react, fullstack
Published: 2022-11-08 18:09:06

---
title: React & NodeJS - Go LIVE with Full-Stack projects fast
published: true
description: This material explains how to use free tools and Go LIVE with full-stack products using the Render Deployment Platform & AppSeed. 
tags: webdev, react, fullstack
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wh1svsivsgqkmt47r2q8.jpg
canonical_url: https://blog.appseed.us/fullstack-react-generator-go-live-fast/
---
Hello coders! 

The video mentioned in this article explains [how to generate](https://appseed.us/generator/react/) a new Full-Stack App (**React & NodeJS**) and deploy it LIVE with **Render** in just a few minutes. In the end, the application is deployed and the sources are saved in GitHub (MIT License). 

> Links

- 👉 [React Generator](https://appseed.us/generator/react/) - the free tool used in the demo
- 👉 [Render Deployment Wrapper](https://github.com/app-generator/deploy-automation-render) - CLI tool (free)
- 👉 In the end, the product looks [like this](https://react-node-js-berry-dashboard.appseed-srv1.com/) `free starter`


![Full-Stack seed project crafted on top of MUI Library and React.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kkbiqgn6t5r2pkdqebld.png)

--- 

## VIDEO Transcript

- ✅ Access the [React Generator](https://appseed.us/generator/react/) page (free service)
- ✅ Select the **Berry MUI** design
- ✅ Select **NodeJS** as the backend framework
- ✅ Configure the project and confirm
- ✅ Access the generated sources saved on GitHub
- ✅ Use the [Render Deployment Wrapper](https://github.com/app-generator/deploy-automation-render) and push LIVE the product

{% embed https://www.youtube.com/watch?v=1D0bmG19OE0 %}

---

> `Thanks for reading!` For more resources and support, please access:

- 🚀 Free [support](https://appseed.us/support/) provided by AppSeed (email & Discord)
- 👉 More [free apps](https://appseed.us/apps/open-source/) crafted in Flask, Django, and [React](https://appseed.us/apps/react/)
Community Discussion Thread — MongoDB Atlas Hackathon 2022 on DEV
Tags: atlashackathon22, mongodb, help
Published: 2022-11-08 18:08:45

---
title: Community Discussion Thread — MongoDB Atlas Hackathon 2022 on DEV 
published: true
description: A place to discuss your progress with the MongoDB Atlas Hackathon 2022 on DEV — and lend encouragement to one another!
tags: atlashackathon22, mongodb, help 
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mv8nq4ufnd1wmoiop0q3.png
---

### **This thread is your place to share progress with your fellow [MongoDB Atlas Hackathon 2022 on DEV](https://dev.to/devteam/announcing-the-mongodb-atlas-hackathon-2022-on-dev-2107) participants and encourage one another throughout the month!**

> In this thread, you can post...
- Positive encouragement for other participants
- Milestones you've achieved or things you've learned throughout the hackathon
- Links to DEV posts related to your official submission (especially if you've written multiple reflections/progress posts). Don't forget to utilize the DEV article embed tag when sharing a link! 

If you need help throughout the MongoDB Atlas Hackathon 2022 on DEV, head over to the _[help thread](https://dev.to/devteam/help-thread-mongodb-atlas-hackathon-2022-on-dev-b0i)!_

#### _Comment Below_ 👀
Help Thread — MongoDB Atlas Hackathon 2022 on DEV
Tags: atlashackathon22, mongodb, help
Published: 2022-11-08 18:06:29

---
title: Help Thread — MongoDB Atlas Hackathon 2022 on DEV
published: true
description: Comment here if you need any help during the MongoDB Atlas Hackathon 2022 on DEV!
tags: atlashackathon22, mongodb, help 
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gfji7aclogqwyh1el6cs.png
---

**If you're participating in the [MongoDB Atlas Hackathon 2022 on DEV](https://dev.to/devteam/announcing-the-mongodb-atlas-hackathon-2022-on-dev-2107) and you need some help with your submission, you've come to the right place!**

If you have any questions about how this contest works (_ex: due dates, how to post your submission, picking a category, etc._) the DEV team will be happy to assist you.

> **If you are running into issues or get stuck when it comes to using MongoDB Atlas, please leave those questions here as well.**

Comment below if you need asynchronous assistance with the MongoDB Atlas Hackathon 2022 on DEV ❤️ 

_P.S. If you'd like to share an update on the progress you're making on your project or if you'd like to connect with other participants, please do so in the [community discussion thread](https://dev.to/devteam/community-discussion-thread-mongodb-atlas-hackathon-2022-on-dev-444l)!_
dev.to codes! Collaborative coding experiment: The most liked comment picks the next line of code, day 1
Tags: programming, opensource, community, fun
Published: 2022-11-08 17:54:20

This experiment is inspired by a [post on the ProgrammerHumor subreddit](https://www.reddit.com/r/ProgrammerHumor/comments/yot55f/the_most_upvoted_comment_picks_the_next_line_of/), where the original author did this exact thing: The most upvoted comment after 24 hours picks the next line of code.

**The rules:**

 * Nothing that's against any applicable law
 * Nothing that's against the community code of conduct, terms of use, or privacy policy
 * No leaking of personal information of anyone
 * No malware/ransomware/viruses/etc.
 * Keep it civil
 * (To be expanded, depending on the case)

So, the first most liked comment decides which language we're going with.

Our code so far:

```

```

Let's get going!

**EDIT: Voting has ended! If you want to contribute code or likes, please see the newest post of the series.**
2022 Best Black Friday deals for Developers
Tags: webdev
Published: 2022-11-08 17:48:49

🎉 It's that time of the year again, where you get a one time chance to get huge discounts on the products you always wanted to buy but always kept putting it on hold looking at the price.

👨‍💻 I am compiling a comprehensive list of deals of product and services which are useful for developers and designers. The deals are divided into different categories that include hosting deals, Theme deals, CSS deals, JavaScript deals, Laravel deals etc.

🗓 Black Friday is on the last Friday of November month, This year that date is **25th of November 2022**. Usually the Black Friday sale starts a few days prior to the Black Friday day and keeps going on till the next week which also includes the day of Cyber Monday. 

👀 You can find all the deals on this page.

[🔥 2022 Best Black Friday Deals for Developers 🔥](https://5balloons.info/black-friday-2022)

😲 Expect discounts ranging from **30% to 80%** on the products listed.

📌 You can bookmark this page, as I will keep adding the deals as and when they are announced, and will keep adding more product.

➕ If you are an Indie Maker who is looking to add your product / service under this page, you can email me or simply put the details of your discounts in the comments section of the page.
What music have you been coding to this week?
Tags: discuss, music, productivity
Published: 2022-11-08 17:45:44

Let's hear your favourite tunes to crank out some code? This week I have been listening to 

### Keys N Krates - Original Classic

![Original Classic Album Art](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nv6sh0cv2o5kvm7eh3f3.png)

[Spotify Link](https://open.spotify.com/album/6Wy2a9JTkOIY6BESWAXM8K?si=blYrqdjQR8yT86FAzkGhSQ)

### Mastodon - Emperor of Sand

![Emperor of Sand Album Art](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c8fydqjejcv9uit0tmyw.png)

[Spotify Link](https://open.spotify.com/album/1VzmKgEG38fsUBZVe15wuF?si=GndXZMCTRW-T_4-zZY6LFw)

### Gilla Band - Most Normal
(not sure how I feel about this one yet, lol)


![Most Normal Album Art](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6vfku5i48ae9drqrxwc6.png)



[Spotify Link](https://open.spotify.com/album/3UcqK7oJ4UiScKZD8IQsk0?si=FYu1ooIGS6SS_eb4Cn_U-A)

What about you??
Mobile Ecosystem Survey
Tags: ios, android, mobile
Published: 2022-11-08 17:42:04

Hi everyone!
The Mobile Native Foundation is running a mobile ecosystem survey, and we’d love for you to participate!

We will share out the analysis publicly via mobilenativefoundation.org.

Make sure you’re building for the future by taking a few minutes to fill it out now!

The survey will close Friday, just a handful more days to fill this out!

https://www.surveymonkey.com/r/87QMTDL
When is data encrypted in your app?
Tags: discuss, security, keymanagement, encryption
Published: 2022-11-08 17:15:07

I’m curious, at what point in your app do you encrypt data? Do you ever encrypt it explicitly? Or do you rely on things like at-rest encryption within your database, and TLS over the network?

Do you do your own key management or rely on a key management service like Vault or from a cloud provider? How do you control access to the keys?

Which encryption libraries do you use? Which protocols (AES, RSA, etc)?

Do you use keys for anything else like JWTs or data signing and verification, SSH etc?
cmagick v.0.1.4
Tags: python, devops, linux, opensource
Published: 2022-11-08 17:14:49

**Hi guys!**

Just sharing the new release of cmagick. 

**What's new?**
The functionalities are exactly the same:

- Convert images
- Resize images

The main difference is about the test coverage of 100% and the removal of hard sys exit command that is unnecessary.


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

**Why I have build cmagick?**
I explained the reasons in the following post [https://dev.to/aissalaribi/cmagick-v012-hn8](https://dev.to/aissalaribi/cmagick-v012-hn8)

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

**The main features of cmagick v.0.1.4**

- Converting images to the following formats (**bmp,eps,gif,tiff,webp,wbmp,tga,png,jpg,jpeg,hdr,exr**)
- Resizing Images
- Support path arguments 

**Simple usage**

Examples:

To convert images

```
from cmagick import cmagick

cmagick.convert('website.jpg', 'website.webp')

```
To resize images

```
from cmagick import cmagick

cmagick.resize('website.jpg','100x100','website.jpg')
```
To convert and save in a defined directory

```
from cmagick import cmagick

cmagick.convert('website.jpg', '/Desktop/newname.webp')
```


Thank you for reading this small post🙏!

Connect with me on [GitHub](https://github.com/aissa-laribi) and pls put ✨star✨ for this [package](https://github.com/aissa-laribi/cmagick)