teleren/devto huggingface dataset:
Natural gas
Published: 2022-09-09 13:23:51

Natural gas (also called fossil gas or simply gas) is a naturally occurring mixture of gaseous hydrocarbons consisting primarily of methane in addition to various smaller amounts of other higher alkanes. Usually low levels of trace gases like carbon dioxide, nitrogen, hydrogen sulfide, and helium are also present. Natural gas is colorless and odorless, so odorizers such as mercaptan, which smells like sulfur or rotten eggs, are commonly added to natural gas supplies for safety so that leaks can be readily detected.

Natural gas is a fossil fuel and non-renewable resource that is formed when layers of organic matter (primarily marine microorganisms) decompose under anaerobic conditions and are subjected to intense heat and pressure underground over millions of years. The energy that the decayed organisms originally obtained from the sun via photosynthesis is stored as chemical energy within the molecules of methane and other hydrocarbons.

Natural gas can be burned for heating, cooking, and electricity generation. It is also used as a chemical feedstock in the manufacture of plastics and other commercially important organic chemicals and less commonly used as a fuel for vehicles.

The extraction and consumption of natural gas is a major and growing contributor to climate change. Both the gas itself (specifically methane) and carbon dioxide, which is released when natural gas is burned, are greenhouse gases. When burned for heat or electricity, natural gas emits fewer toxic air pollutants, less carbon dioxide, and almost no particulate matter compared to other fossil and biomass fuels. However, gas venting and flaring, along with unintended fugitive emissions throughout the supply chain, can result in natural gas having a similar carbon footprint to other fossil fuels overall.

Natural gas can be found in underground geologic formations, often alongside other fossil fuels like coal and oil (petroleum). Most natural gas has been created through either biogenic or thermogenic processes. Biogenic gas is formed when methanogenic organisms in marshes, bogs, landfills, and shallow sediments anaerobically decompose but are not subjected to high temperatures and pressures. Thermogenic gas takes a much longer period of time to form and is created when organic matter is heated and compressed deep underground. For more - [Wikiz.com](https://wikiz.com/wiki/Natural_gas)
Introduction to python for Data engineering
Published: 2022-09-09 14:04:30

Data engineering has gradually grown and quickly absorbed in organizations and companies for proper decision making.
Currently python is the most popular language used in data engineering. It is essential in acquiring, processing and polishing data for the final user.


Python is effective in data engineering because it allows effective data processing, effective data pipeline building, and can easily be integrated with other tools for scaling through projects.

**Data engineers use python to:**

- Ingest data from different file formats such as xml, json and csv.
- Acquire data from websites using APIs.
- Process data.
- Building ETL/ELT Pipelines.

**Python libraries for data engineering**

- **pandas**
Pandas is the most common library used in data science and data analysis. Data engineers use pandas in exploratory data analysis, cleaning and transformation. .csv and .json are the main data types and are easily compatible with pandas dataframe.
- **SciPy**
SciPy as the name suggests is a python library used to perform scientific calculations for better analysis of data.
- **psycopg2, pyodbc, sqlalchemy**
Data engineers use these libraries to connect to relational databases. Relational databases have a structured query language(SQL) and data is stored in tabular formats. Such popular databases include MySQL, Postgresql.
- **ElasticSearch**
This is the library mainly used to connect and manage NOSQL databases. These databases have no tabular format unlike the relational database.
- **petl**
A python package used to develop the ETL(Extract, Transform, Load) pipelines
- **Beautiful soup**
It is the most common library used for web scraping. Data engineers use this library to extract data from websites. Data is normaly in json and html formats. Clean data is then loaded into data frames either in csv, json or excel formats.


Generally python has an easy to read code, easily be interpreted and a dynamically typed language.
First Week as a Developer Advocate
Tags: devrel, learninpublic
Published: 2022-09-09 13:51:51

As I started my journey into DevRel as a Developer Advocate at the startup [askui](https://www.askui.com/) last week, thoughts about learning in public started to come into my mind.

Basically it will be a journal of what learning every week brought for me. So everyone (and me) can perhaps benefit from it :-)

## Startup World
Coming from a corporate world in Germany I noticed that I have to learn a lot of new tools startups use: Google-Suite, Github Discord, Slack to name a few.

Also talking to your founders directly is something refreshing!

## DevRel
This might be different in bigger companies but in a startup I basically had already contact to every department.

As a Developer Advocate you normally have to understand company goals to know what your DevRel strategy should be like.

Then you need product to get developer feedback recognized and ultimately integrated into your product.

For content creation and also for support of your developer community it is best to get your engineers on board as they have deep understanding of your product on a technical level.

Like it or not you are in sales in DevRel! Learning some lingo is unavoidable. I had to search for a few terms like PQL (Product Qualified Leads) and Inbound/Outbound Marketing.

## Speaking a lot of different Tongues
What it boils down to for me after the first week:

> **_You have to speak a lot of different tongues to get your work done!_**

That is it for today
Button with shine animation - Step-by-step guide
Tags: css, html, webdev, tutorial
Published: 2022-09-09 12:40:13

![Shiny button](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rpnquqvxb1hlcervrxsu.png)

## <u>HTML</u>
For HTML we have only one button element.

```html
<button>Button</button>
```
      

## <u>CSS</u>
For CSS, first we'll style the button.

We'll remove border and round it by 1 pixel.

Then we'll set background to green, add some paddings, hide everything that overflows and set position to relative.

```css
button {
    border: none;
    border-radius: 1px;
    padding: 5px 20px;
    background: #00ffb3;
    position: relative;
    overflow: hidden;
}
```

Now we'll style the before pseudo element. This element will create shine effect.

We'll set content and position to absolute with full height and 100 pixels width.

Background will be linear gradient, rotated by 120 degrees, with white color between two transparent ones.

We'll set top to 0 and left to -100 pixes (element's width).

```css
button:before {
    content: '';
    position: absolute;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(
        120deg,
        rgba(255,255,255, 0) 30%,
        rgba(255,255,255, .8),
        rgba(255,255,255, 0) 70%
    );
    top: 0;
    left: -100px;
}
```

Now we'll create animation.

We'll simply set left property to -100 pixels on zero percents, and to 100 percents on 20 percents of the animation.

Also, we'll set 100% to 100 percent of the animation, so that the element doesn't move back to it's original position.

```css
@keyframes shine {
    0% {left: -100px}
    20% {left: 100%}
    100% {left: 100%}
}
```

Now we'll add the animation to before pseudo element, with 3 seconds duration, infinite, linear.

```css
button:before {
    content: '';
    position: absolute;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(
        120deg,
        rgba(255,255,255, 0) 30%,
        rgba(255,255,255, .8),
        rgba(255,255,255, 0) 70%
    );
    top: 0;
    left: -100px;
    animation: shine 3s infinite linear; /* Animation */
}
```

And that's it.

You can find full code with video tutorial [here](https://designyff.com/code/shining_button).

Thank you for reading. ❤️
Write your own CORS Proxy with NodeJS in no time.
Tags: node, cors, proxy, javascript
Published: 2022-09-09 13:44:47

You know CORS otherwise you would not read this article, I guess. So let's get beyond it and straight to the solution coded in a few lines of JavaScript. Or better before, show the problem.

My demo page below shows it.

```
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <textarea id="output" rows="20" cols="120"></textarea>

  <script type="module">
    const outputNode = document.getElementById('output')
    const TARGET_URL = 'https://datahub.erde-und-umwelt.de/en/api/getServiceConfiguration/climateResilience'
    const URL = TARGET_URL
    // const URL = `http://localhost:8088/${TARGET_URL}`
    fetch(URL)
      .then((response) => response.json())
      .then((data) => outputNode.textContent = JSON.stringify(data, null, 2))
      .catch((exception) => {
        outputNode.textContent = exception
      })
  </script>
</body>
</html>

```

It simply tries to request some JSON data from a REST API and puts the result into a textarea.

But this does not happen, because of the wrong CORS header - the request is not allowed for every client.

So it only shows an error.

To get beyond this, you can write a backend that requests the data for you and put it through with a universal CORS header, so everyone can use it.

I will write this backend in NodeJS means JavaScript. The idea is, as also visible in the page, putting a proxy in front of the requested URL like this:

```
http://localhost:8088/${TARGET_URL}
```

That means a request to `http://example.de` is prefixed with `http://localhost:8080` in result gives `http://localhost:8080/http://example.de`

The proxy receives the request and extracts the requested URL from the request and requests the data. 

The code is pretty simple using the http-proxy-middleware.
There is not much to do, at all, as you can see below.

```
const express = require('express')
const cors = require('cors')
const { createProxyMiddleware } = require('http-proxy-middleware')

const app = express()
app.use(cors())
app.use(createProxyMiddleware({
  router: (req) => new URL(req.path.substring(1)),
  pathRewrite: (path, req) => (new URL(req.path.substring(1))).pathname,
  changeOrigin: true,
  logger: console
}))

app.listen(8088, () => {
  console.info('proxy server is running on port 8088')
})

```
 
I therefore use the external NodeJS modules [express](https://expressjs.com), [http-proxy-middleware](https://github.com/chimurai/http-proxy-middleware#readme) and [cors](https://github.com/expressjs/cors#readme).

How is it done?

This creates the server.
```
const app = express()

```

This enables CORS for all routes, methods and clients.
```
app.use(cors())

```

The only special tricky line is this.

```
app.use(createProxyMiddleware({
  router: (req) => new URL(req.path.substring(1)),
  pathRewrite: (path, req) => (new URL(req.path.substring(1))).pathname,
  changeOrigin: true,
  logger: console
}))
```

It creates the middleware. The middleware routes to the embedded URL and rewrites the path.

And that's it. You created a CORS Proxy in NodeJS.
Enviando Email com .NET 6 Web API
Published: 2022-09-09 13:43:02


Neste artigo, vamos aprender como enviar um email no ASP.NET, Web API. Vamos começar com a criação do projeto [webapi]
O que vamos utilizar no projeto?:  .NET 6.0 usando a [MailKit](https://www.nuget.org/packages/MailKit/) de cliente de email.

1 - no Projeto

> Na pasta Endpoint/Email, está classe fará conexão e envio de um email para plataforma de teste o [Ethereal](https://ethereal.email/create)

**SendEmail.cs**

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

_Saber mais sobre abordagem utilizando enpoints em vez de [controllers MVC](https://ardalis.com/mvc-controllers-are-dinosaurs-embrace-api-endpoints/), [Nick Chapsas](https://www.youtube.com/watch?v=SDu0MA6TmuM)_

**<u>Program.cs</u>**
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fe915n2ojs7ltv1j8hsn.png)

⚠️ _Qual a vantagem de está utilizando endpoints em vez de controllers?_

> Ao trabalhar com ASP.NET Core API Endpoints, seu projeto não precisará de nenhuma classe Controller. Você pode organizar os Endpoints como quiser. Por recurso. Em uma pasta gigante do Endpoints. Não importa - eles funcionarão independentemente de onde você os colocar. [Saiba mais.](https://github.com/ardalis/ApiEndpoints#1-motivation)

2 - Criando o objeto transferência de dados, o DTO para que seja injetado o IEmailService, onde vai ser colocado o body do email, o Connect e Authenticate.
How can ı find new technology trends ?
Tags: trends, webdev, beginners
Published: 2022-09-09 13:21:26

How can we be aware of today's technology and trends and adapt to technological changes?

To follow today's technology and trends;

Gartner IT Trending Topics: Trending Topics for IT (Information Technology) Leaders | Gartner

After finding trend technologies , to search the literature , to find the topics that the Institute focuses on trend technology ;

Wizdom ai : wizdom.ai - intelligence for everyone

To receive daily notifications via e-mail about trending technologies we find on the Gartner site or any subject we want (such as job postings/internship postings, etc.);

Google Alerts : İlginç ve yeni içerikleri kaçırmamak için Web'i izleyin

You can now buy me a coffe : Onur

#career #research #development #kariyer #staj #trend #is
Who Am I? Why Am I Here?
Tags: opensource
Published: 2022-09-09 13:09:53

Hello everyone! My name is Jordan and I am a third year software development student at Seneca College. I decided to take an open source course since I love the idea of multiple people being part of one big project, regardless of their location or programming level. As a student, it isn't always easy to get experience beyond the typical assignments created by professors. I hope this course gives me an opportunity to practice programming in the real world, and provides me with a sense of community that I would not be exposed to otherwise. I would love to work on mobile apps, and am very interested in UI/UX. 

The link to the GitHub repo I chose is [](url)https://github.com/expo/expo.
Expo is an open source platform that runs on iOS and Android devices, as well as the web. It is used for creating universal native apps with React. I chose this repo because of my interest in both mobile applications and open source. In addition, I also liked how Expo is created as a tool to help developers. There's unity in programmers trying to help other programmers, which I loved.
Who still uses Grunt.js?
Tags: discuss, devops, javascript, productivity
Published: 2022-09-09 13:09:34

[Grunt.js](https://gruntjs.com/) is a favorite tool of mine, while it's most commonly viewed as a (legacy) build system, I've found it to be a fairly robust CLI framework for designing local and automated tasks and still actively develop tasks to this day.  

I've thought about writing content around these other use cases, but I've been hesitant knowing that it's not widely popular given other build-focused tools available.  

If you use Grunt.js, or would be interested in how one could use it beyond build steps, share your thoughts below in the comments.  

![grunting](https://media.giphy.com/media/xT5LMK9KZ6iLYlYsAE/giphy.gif)
How to Build Creative Education Website Using HTML CSS JavaScript
Tags: javascript, css, beginners, tutorial
Published: 2022-09-09 12:56:24

{% youtube x26bQPxcFX4 %}

How to Build Creative Education Website Using HTML CSS JavaScript

This video will show you how to build a creative education website using html css javascript

[Github Repo](https://github.com/codewithsadee/eduweb)

---

HI 👋
I'm Sadee (webdev)
In this channel I make videos about Complete Responsive website.
You can checkout my channel 👇

📺 My Channel : [codewithsadee](https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g)
🔔 Subscribe : [subscribe now](https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g?sub_confirmation=1)

---

🔗 Essential links
-----------------------------
[Download the starter file to practice](https://drive.google.com/file/d/1xBIhV4D5Q1Q5lhC2aEgI88FhXoq6hSuC/view?usp=sharing)

---

⏱️ Timestamps
-----------------------------
0:00 - Demo
5:18 - File structure
5:46 - Project initial
11:40 - Header
28:02 - Hero section
39:16 - Category section
47:45 - About section
54:41 - Course section
1:10:14 - Video section
1:15:09 - State section
1:18:49 - Blog section
1:29:59 - Footer
1:43:35 - Media queries

---

[![Become a patreon](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fnjl14kdm5qf08hu5lop.png)](https://www.patreon.com/bePatron?u=62535867)
Introduction to MongoDB and Installing MongoDB Enterprise
Tags: beginners, mongodb, nosql, programming
Published: 2022-09-09 12:49:00

**MongoDB** is a free, open-source, cross-platform, document-oriented database. It is also classified as a non-sql database program. It was released in 2009. It represents a hierarchical relationship using a single record. It is also schema-free which means it has lesser data migration. Its schema has fewer models.

## Features:

* It is widely used for its flexibility & flexible query model.

* it is usable for its native aggregation. It helps users to extract & transform data from mongodb.

## Installing MongoDB Enterprise on Windows:

Follow the below steps to install MongoDB Enterprise on Windows:

**Step 1: **First we have to browse this [link.](https://www.mongodb.com/)

![](https://cdn-images-1.medium.com/max/2000/0*P83gRTN1Nkkg-BGf.png)

**Step 2: **Then we will find Products, then we have to go to Enterprise Server.

![](https://cdn-images-1.medium.com/max/2000/0*SZbs-Y4EueF-bN1k.png)

**Step 3: **There you will find the Available Download option, you may have to give your platform, then click Download.

![](https://cdn-images-1.medium.com/max/2000/0*CbkF_mRhLefRBsMP.png)

**Step 4:** Then you have to install the downloaded file.

![](https://cdn-images-1.medium.com/max/2000/0*s9FttR3oEBykOxD2.jpeg)

**Step 5: **Then you have to agree to the terms & conditions.

![](https://cdn-images-1.medium.com/max/2000/0*sx2U4yzg_3zzfUqp.jpeg)

**Step 6:** Then you have to choose for complete option.

![](https://cdn-images-1.medium.com/max/2000/0*HPQ0IoiRFNOzQNUU.jpeg)

**Step 7: **Then you have to click on next.

![](https://cdn-images-1.medium.com/max/2000/0*6hPR6s6Hdrwvqitr.jpeg)

**Step 8:** Wait for some time till the process is completed.

![](https://cdn-images-1.medium.com/max/2000/0*mc_E8vF8iWCKK7yt.jpeg)

**Step 9: **After completion, you can go to the start menu & then write services. There you will find the MongoDB server.

![](https://cdn-images-1.medium.com/max/2000/0*ILhAjeDqz41ZZBt6.jpeg)

**Step 10: **Then go to the command prompt. There you have to type the following two commands.

    mongo
    show dbs

![](https://cdn-images-1.medium.com/max/2000/0*dYzbfGYooxhSm_m9.png)

Then you will find MongoDB enterprise is installed properly. Hence your installation is successful.
TDD : La technique du double dragon (vidéo)
Tags: tdd, french
Published: 2022-09-09 12:44:31

Bonjour,

je viens d'arriver ici et pour mon premier post, j'ai envie de vous partager une technique que je suis en train de mettre au point pour pratiquer TDD.

Elle est très utile à titre pédagogique et je vous invite à la découvrir via une vidéo.

{% embed https://youtu.be/iP7FW1PPdVo %}

Je reste à votre disposition pour en parler.
What Are the Differences Between HSS and WAF?
Published: 2022-09-09 12:40:44

HSS and Web Application Firewall (WAF) are provided by HUAWEI CLOUD to help you defend hosts, websites, and web applications against risks and threats, improving system security. It is recommended that the services be used together.
LEARN MORE :https://activity.huaweicloud.com/intl/en-us/promotion/index.html
Advancing My Programming Skills Through Open-Source Development
Tags: opensource
Published: 2022-09-09 12:36:17

I am Taimoor, a Computer Programming student in my final year, in Toronto, Ontario. My program covers a vast array of programming languages and technologies, but I am primarily focused on developing web and mobile applications, using various open-source frameworks and libraries. I tend to use M-E-R-N stack technologies to implement my web-based solutions. When it comes to creating mobile apps, I employ Swift for iOS, and Java to develop applications for Android. 

One of the main reasons why I decided to enroll in OSD600 this semester is due to the high relevance of open-source development in the software development industry. So far, most of my learning outcomes have been through creating new projects and seeing them through completion. Through this course, I hope to gain valuable experience by contributing to various pre-existing web-based solutions. Whether it be implementing new features, or fixing existing bugs, this course will surely help me hone my programming skills. It could be a challenging journey, but it is through difficulties that we acquire useful skills. I will keep my audience updated as I will be logging my open-source development journey on weekly basis through blog posts on this platform. 

Going through the daily trends on GitHub, I found a project titled Notesnook captivating. Notesnook is an alternative to Evernote and is an open-source project. The solution is utilizing React for front-end development and is mainly beingprogrammed in Javascript and Typescript. In WEB422, I was briefly introduced to Typescript. Given that it is a strongly typed language, I decided to learn it at some point. It would be beneficial for me if I decide to contribute to Notesnook in any manner, as it would help advance my Typescript skills.

I look forward to improving my programming skills using Javascript and Typescript by contributing to my project releases and collaborating on projects started by others on the web.
Describe your deployment pipeline & what you like and don't
Tags: devops, cicd
Published: 2022-09-09 12:19:53

I'm looking to implement a new fast and easy deployment pipeline for a company, and was wondering how startups are building theirs.

I used to work with a simple pipeline:
- CI on pull requests
- auto deploy on staging when merged to `main` branch
- one-click deploy to production from custom tooling

What I liked about it was the ability to see _exactly_ what you were deploying (difference in commits between what was in `prod` and what was in `staging`).