teleren/devto huggingface dataset:
Using 11ty to make blogs
Published: 2022-02-28 18:59:55

## 11ty
11ty calls itself an easy static site generator. After using 11ty for the last few weeks, I can see why it is getting so popular.

## Staring With 11ty

To get started with 11ty I created a "Hello World" site with the help of [11ty](https://www.11ty.dev/). After following the set of direction given by 11ty, I created a HelloWorld.md file and entered "Hello World". This is what 11ty generated:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qobp9sruytj5zus5h3p4.png)
Hello World [Github repo](https://github.com/Aiden-Brook/11ty-site-1)



## Using a Template to Create a Site

## First Site
The first site I worked on came from this 11ty [template](https://github.com/11ty/eleventy-base-blog). After editing the tags and post markdown files, I was able to get my own blog posts to show up. 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fyxghfcokdm2j4x3bzpu.png)
Site 1 [Github repo](https://github.com/Aiden-Brook/11ty-base-blog)

## Second Site
The second site I worked on came from this 11ty [template](https://github.com/surjithctly/neat-starter). This one was more decorated, but when I edited the blog posts the formatting was broken. This is what that site looks like


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

Site 2 [Github repo](https://github.com/Aiden-Brook/11ty-blog-2)
Appendix: Customer Engagement Services - AWS Certified Cloud Practitioner Study Guide
Published: 2022-02-28 18:59:50

[Amazon Connect](https://aws.amazon.com/connect/)
- Pay-as-you-go service for setting up a customer contact center
- Omnichannel voice and interactive chat experiences
- Embedded artificial intelligence (AI) and machine learning (ML) to automate interactions, understand customer sentiment, authenticate callers
Webinar this Wednesday: "Moving from Long-Lived to Ephemeral Environments: Why and How?"
Tags: devops, programming, news, tooling
Published: 2022-02-28 18:08:37

[Click here to register now!](https://zoom.us/webinar/register/5416452246916/WN_0cQ03PYaTAyDV5JApKooZg) 

**Discover**
• Why teams are moving from long-lived to ephemeral environments
• Common problems teams face in adoption
Day-33 Training At Ryaz
Tags: beginners, webdev, node
Published: 2022-02-28 17:52:33

- Date:28/02/2022
- Day:Monday

Today, I started at about 10:30 am as I was done with third module and then I started with fourth module and the instructor started with teaching about building Restful Api's using express as he started with that restful api's include set of convention for creating Http services like: 
Post:to create resources,Put: to update it,Get: to read it, delete:to delete it. and explained that express is basically framework of node.js and it is used for web servers.And instructor also explained how to handle the all requests. delete, post,get,put. and after this he taught about input validation and introduced new thing that isn nodemon: as nodemon is command line interface utility that wraps your node app, watches the file system, and then automatically restarts the process and if we look use of  nodemon in similar terms is that it is required in order make coding easier. so, today I got to know many new things as I had started building the crud app earlier so, concepts were replenished and got to learn lot of new things.
XUMM PYTHON SDK: 1. Get your XUMM API credentials 🔑
Tags: xrpl, xrp, xumm, sdk
Published: 2022-02-28 17:46:32

series: [[The XUMM SDK in Python]](https://dev.to/dangell7/the-xumm-sdk-in-python-xrp-ledger-payment-requests-5hk8)

Previous: [» Intro "XRP ledger payment requests"](https://dev.to/dangell7/the-xumm-sdk-in-python-xrp-ledger-payment-requests-5hk8)

Visit the [XUMM Developer Console](http://apps.xumm.dev) by navigating to https://apps.xumm.dev. If this is your first time using the XUMM Developer Console, you will need to register an account OR sign in with your Github account, if you have one.

After logging in to the **XUMM Developer Console**, [create a new application](https://apps.xumm.dev/create-application) by clicking the `Create new application` button. Enter a title and description for your app and upload an icon or picture if desired. If you are only going to be playing and testing with the API, the app title and description do not matter.

For this tutorial entering a `Webhook URL` is not required.

**After creating your new XUMM API application, you will be taken to a page showing your `API Key` and `API Secret`.**

Example credentials and where to find them.
[New App credentials](https://dev-to-uploads.s3.amazonaws.com/i/0ypo6flou5t29b09996t.png)

**_❗ Keep these credentials SAFE!_**
You can always find your **API Key** in the XUMM Developer Console however, your **API Secret** will be displayed **only once**. You can always generate a new one if required, but doing so will require updating the API Secret in all your applications.

**_❗ NEVER share or publish your app credentials!_**
Your **API Secret** is for backend use only. Never use these credentials in the frontend of a client side project. If you think your **API Secret** has been compromised, please regenerate a new secret in the XUMM Developer Console.

Congratulations, you have now registered your first (?) XUMM App. Let's get started!

Next:

**[2. Prepare your project and start coding 🔨](https://dev.to/dangell7/python-xumm-sdk-2-prepare-your-project-and-start-coding-1ige)**

[3. Your first payload 🔔](https://dev.to/dangell7/xumm-python-sdk-3-your-first-payload-56if)
[4. Verify the results ⛑ and push 🚀](https://dev.to/dangell7/xumm-python-sdk-4-verify-the-results-and-push-47nd)
[5. Security & finishing touch 🎉](https://dev.to/dangell7/xumm-python-sdk-5-security-finishing-touch-5gd2)

## Resources 📚
If you want to learn more about the XUMM SDK PY, platform, documentation, etc., make sure to check out:

The XUMM SDK (PY) [readme](https://pypi.org/project/xumm-sdk-py)
The XUMM SDK (PY) [source code](https://github.com/XRPL-Labs/xumm-sdk-py)
The XUMM API [documentation](https://xumm.readme.io/docs) & API [reference](https://xumm.readme.io/reference/about)
XUMM (end user) [support docs](https://support.xumm.app/hc/en-us)
In case of questions: support@xumm.app
The XUMM SDK in Python - XRP ledger payment requests
Tags: xrpl, xrp, xumm, sdk
Published: 2022-02-28 17:45:39

The **XUMM API** allows developers to deliver sign requests (payloads) to app users. A **payload** is a JSON formatted transaction template for a transaction on the XRP ledger.

XUMM app users can [scan a QR code](https://www.youtube.com/watch?v=P6hL1FDvF4c) or receive a push notification to open the sign request for a transaction. A user views the sign request and either authorizes XUMM to sign it or rejects it. If authorized, the sign request will be signed locally via XUMM, if rejected the sign request is destroyed and the transaction does not happen.

If authorized the transaction can then be sent directly to the XRP ledger. The initiating application will get realtime status updates and after signing, the end user will be returned to the initiating platform.

**To make it simple to interact with the XUMM API, and to help build intuitive flows for end users to sign their transactions, we have released the XUMM SDK ([pypi](https://pypi.org/project/xumm-sdk-py/)) for Python environments.**

Pre-requisite

Before beginning this XUMM SDK tutorial, we assume that you are ready to code with your code environment already set up for python. This includes [Visual Studio Code (IDE)](https://code.visualstudio.com), [python](https://www.python.org/downloads/), [git](https://github.com) & [virtualenv](https://packaging.python.org/en/latest/guides/installing-using-pip-and-virtual-environments/).

**This tutorial consists of five chapters:**

**[1. Get your XUMM API credentials 🔑](https://dev.to/dangell7/xumm-python-sdk-1-get-your-xumm-api-credentials-5afo)**

[2. Prepare your project and start coding 🔨](https://dev.to/dangell7/python-xumm-sdk-2-prepare-your-project-and-start-coding-1ige)
[3. Your first payload 🔔](https://dev.to/dangell7/xumm-python-sdk-3-your-first-payload-56if)
[4. Verify the results ⛑ and push 🚀](https://dev.to/dangell7/xumm-python-sdk-4-verify-the-results-and-push-47nd)
[5. Security & finishing touch 🎉](https://dev.to/dangell7/xumm-python-sdk-5-security-finishing-touch-5gd2)

## Resources 📚
If you want to learn more about the XUMM SDK PY, platform, documentation, etc., make sure to check out:

The XUMM SDK (PY) [readme](https://pypi.org/project/xumm-sdk-py)
The XUMM SDK (PY) [source code](https://github.com/XRPL-Labs/xumm-sdk-py)
The XUMM API [documentation](https://xumm.readme.io/docs) & API [reference](https://xumm.readme.io/reference/about)
XUMM (end user) [support docs](https://support.xumm.app/hc/en-us)
In case of questions: support@xumm.app
Thank you XRP Community!

... For checking, correcting & testing the SDK & tutorial!
@wietse, @technotip, @calvincs, @wenusch, @alloyxrp, @rippleitinnz, @Ubbah, @enclavia, @WormholeMech, @Chicles_, @3N0RYM, @XrpSpark, @devnullinator, @Vetjes, @KevinKing64, @Kujistudios, @nodehash, @4thMadHatter, @Vkumzy, @CarpeDiemXRP, @Hex539, @xrplosion1, @chemical_realm, @RossMacFirdeen
Here are some weird Javascript  
Tags: javascript, webdev, beginners, programming
Published: 2022-02-28 17:34:13

written in console : 

```
>typeof NaN
'number'

>9999999999999999
10000000000000000

>0.1 + 0.2 == 0.3
false

>Math.max()
-Infinity
>Math.min()
Infinity

>[]+[]
''

>[]+{}
'[object Object]'

>{}+[]
0

>true + true + true === 3
true

>true- true
0

>(!+[]+[]+![]).length
9

>91-"1"
90

>[]==0
true

```
5 free courses 
Tags: webdev, angular, react, python
Published: 2022-02-28 17:33:05

Hi all, 

I hope you will enjoy some of these [free courses by Pluralsight](https://learn.pluralsight.com/resource/free-course/free-monthly-courses)!

- Angular: Getting Started
- GitHub: Getting Started
- HTML, CSS, and JavaScript: The Big Picture
- React: Getting Started
- Practical Python for Beginners

I really enjoyed Angular: Getting Started, and I think it is a very good introduction to Angular. 
Here I am writing a short guide of [key concepts in Angular](https://www.vitainbeta.org/2022/02/06/angular-posts-and-tutorials/) 

Pluralsight has 5 free courses each month!
Javascript: [] ==![] is true ???
Tags: javascript, react, webdev, programming
Published: 2022-02-28 17:31:41

> Array is equal not array:

```
[] == ![]; // -> true

```
**<u>Explanation: </u>**

The **abstract equality operator** converts both sides to numbers to compare them, and both sides become the number 0 for different reasons. 

Arrays are **truthy**, so on the right, the opposite of a truthy value is **false**, which is then coerced to **0**. 

On the left, however, an empty array is coerced to a number without becoming a Boolean first, and empty arrays are coerced to 0, despite being truthy.

Here is how this expression simplifies:
```
+[] == +![];
0 == +false;
0 == 0;
true;
```


Follow @msabir for more such contents
How to use machine learning in your JS applications
Tags: javascript, machinelearning
Published: 2022-02-28 15:38:07

Maybe, like me, you always **wanted to use machine learning in your JS applications**: you had some problems you think ML could solve (like summarization, sentiment analysis, object detection in images, etc, etc...) or you just wanted to have fun. 

But the need to learn python, Machine Learning, and the whole ML stack is pulling you away. Building a good front-end is already hard enough...

So here is a **super easy way to use machine learning in your apps** (through the Hugging Face inference API, note that [the free-tier](https://huggingface.co/pricing) is quite generous). 

Start by choosing a model here: [hf.co/models](https://huggingface.co/models) (+30k available models, a lot of them state-of-the-art). If you don't know which one to choose you can start by checking the different [tasks available](https://huggingface.co/tasks).

![+30k models are available on the HuggingFace Hub](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h4ez4v85f9lglk16r7uh.jpg)

Once you found a model that you like just click **Deploy -> Inference API then select JavaScript**. For example, here is the one I usually use to do summarization: [https://huggingface.co/sshleifer/distilbart-cnn-6-6](https://huggingface.co/sshleifer/distilbart-cnn-6-6)

![The inference API with JavaScript code snippet selected](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o910bdhntpcngei0k6gd.png) 
 
And that's it! You can now use this super powerful ML model anywhere you want, or even try it directly in your JS console by pasting the JS snippet (here is an example for summarization):

![Trying a Hugging Face model in the Google Chrome console](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2ia2fuo33xy2jaquij6e.png)


Good luck and have fun!
Victor
Scrollable Content With Sticky Sidebar Using CSS
Tags: css, html, tutorial, design
Published: 2022-02-28 17:15:05

In this post, we are going to quickly see how can we create a page with _Scrollable Content and Sticky/Fixed Sidebar_.

We will create three div, one parent div i.e. **Container** and rest two are for **Content** and **Sidebar**.

```
<div class='container'>
   <div class='content'>
   </div>
   <div class='sidebar'></div>
</div>
```

We will use display as Grid to achieve our task, the CSS goes below

```
.container {
display: grid;
gap: 0 1rem;
grid:
"header side" auto
"inside side" auto
"content side" auto
"footer side" auto / auto 16rem;
margin: 0 auto;
max-width: 50rem;
padding: 1rem;
position: relative;
}
.content {
grid-area: content;
}
.sidebar {
grid-area: side;
margin-top: 1.5rem;
position: fixed;
right: calc(50% - 28.5rem);
top: 0;
width: 15rem;
}
```

That's it, just add your required HTML into content and side div respectively.

>Happy Coding, Thanks!
Love and Hate of PHP...
Tags: webdev, opensource, php
Published: 2022-02-28 17:01:28

Sometimes I wonder what the reasons for inventors of programming languages to categorize their inventions into a specific universal name were. They took long hours to prepare code lines rules that we must follow to produce outstanding applications, yet we have to spend sleepless nights solving bugs.

Enough of my mind's eye, and let's get into the love and hate of PHP.

**The Love**  

My interactions with developers will always end up with a debate on which language is the best, and PHP emerges at the top. They eat and sleep it. I could not even make them think otherwise. Some of the reasons why the developers love PHP include;

- It is easy to learn. This is the first common answer you will get from a PHP lover. Yes, it is. PHP is everywhere. The teaching materials are easily accessible in online resources. Also, most websites use PHP for backend scripting. I bet Dev.to is on the list.

- It is scalable. Now, you will realize PHP is scalable after years of interaction. It keeps evolving and accommodating different modern features. Also, the frameworks keep growing, making developer life simple.

- Love at first sight. It sounds ironic, but hey! If your mentor introduced you to python first, would you not love it or consider it a base programming language?

**The Hate**

Shakespeare said. Love me or hate me, Both are in my favor. The same saying applies to PHP. If something is good, it does have flaws, and if it has flaws, it indeed does not lack the good. Reasons for the hate include;

- It lacks a clear road map. Now, this was the opinion of one Java user programmer. He claims PHP functions and some arguments are not constant or somewhat opaque, meaning the language is sort of inconsistent.

- It is used everywhere. My C++ friend claimed PHP does not make you look cool or a tough developer. Also, suggesting it is easy to produce a 'bug' code.  


**Conclusion**

Every developer or programmer is entitled to opinions about a specific programming language. Use any language that makes you happy in the 'wallet or bank,' specifically.
 
_Your opinion about PHP... leave a comment_
What exactly is a Freelance Developer?
Tags: freelancer, developer, programming, softwaredeveloper
Published: 2022-02-28 16:58:07

The advent of digital technology has radically changed the labor landscape, such that employment is no longer limited to 9-to-5 jobs. It has given birth to the freelance economy - some say it is the future of work! One of the most in-demand workers in the freelance economy is the developer. But who are they and where did they come from? 

A freelance developer is a programmer who takes on a job in product development or software development - whether it be an app, web, or system. Some may choose to do a single project for multiple clients, depending on the time requirement and the project's complexity. Other freelance developers may choose to do only one project at a time for a single client on a contractual basis.

One of the advantages of working as a freelance developer is that they can determine their own availability and sets the hours they can work on a project. They are also freer to decide on the payment scheme and whether they want to do a per-project fee or hourly rate.

Such a freelancer is often hired by a company that does not have enough software development projects to justify hiring a full-time developer. Sometimes a company simply needs someone to temporarily fill in a gap created by a developer who left the position or went on a leave of absence. But it can also be an active choice from the company itself, while they can easily scale the team up and down based on current needs and requirements.
When did developers start working freelance?

When the financial crisis happened in 2008, many people around the world lost their jobs. Those who were displaced looked for short-term, part-time work to replace their lost income. Some took on more than one part-time work to augment their earnings. The technological advancements allowed displaced workers to find gig work worldwide. These work engagements scaled, and today, freelance jobs contribute more than a trillion dollars to the US economy. Given the nature of the developers job, that it quite often requires a laptop and a steady Wi-Fi, the developers were quickly early adopters to the freelance way of working. Besides, when the economy picked up and good developers came in high demand, many wanted to pick and chose the most interesting projects at any given time.
How many developers work freelance?

Based on data from Upwork, Freelance Union and McKinsey one can estimate that there are around 5 to 7 million freelance developers in the US alone. And with the assumption that more and more developers also in other countries are going freelance, we have maybe just seen the early beginning of how this trend will evolve, not only for developers and engineers, but in other professions as well.

Do you want to become one of them? Then make sure to register your profile with CodeMonk to take the first step towards your freelance career.
9 Websites To Get Free Illustrations Every Web Developer Should Know
Tags: webdev, opensource, ux, tooling
Published: 2022-02-28 16:42:18

## Drawkit
Provides Beautiful, free illustrations that are updated weekly. Most of them are Hand-drawn vector illustration and icon resources.
[Go to website](www.drawkit.io)

## Icons8
Get FREE Icons, illustrations, photos, music, and design tools
[Go to website](www.icons8.com)

## Ira Desgin
Use Ira Design to build your own amazing illustrations. You can use their awesome gradients and hand drawn sketch components to create your unique design. Also, Ira Design has a gallery where you can find already created illustrations to power up your project.

[Go to website](iradesign.io)

## ISOMETRIC
Get Free isometric illustrations for designers, startups and companies. ISOMETRIC contains free collections that are beautiful, SVG isometric illustrations. They can be used in your website, app or in any project without costs.

[Go to website](https://isometric.online)

## Storyset
Storyset provides Awesome free customizable illustrations for your next project. You can customize, animate and download their illustrations to make incredible landing pages, app or presentations!

[Go to website](www.storyset.com)

## Undraw
Undraw is a collection of open-source illustrations for any idea you can imagine and create. It is a constantly updated design project with beautiful SVG images that you can use completely free and without attribution.

[Go to website](https://undraw.co)

## Blush + Additions
Blush can be used to easily create and customize stunning illustrations with collections made by artists across the globe. It is completely free. You can simply choose a style from a collection, customize the art or use the provided illustration on your own design. Afterward, just download a PNG or SVG of your creation and use it on your web app, presentation, or any project you want.

[Go to website](www.blush.design)

### Openpeeps
Openpeeps is a library that works like building blocks made of vector arms, legs, and emotions. You can mix these elements to create different Peeps.
You can combine clothing and hairstyles to add flair and change emotion with different facial expressions.

[Go to website](www.openpeeps.com)

### Humaaans
Humaans provide different human bodies for Blush and can be used there. you can rotate and position the elements in your humaaans however you like. They're like legos made out of flesh... and vectors.

[Go to website](www.humaaans.com)

------------

Hopefully, these resources will help you. If you have any tips, feel free to contribute them.

Writing has always been my passion and it gives me pleasure to help and inspire people. If you have any questions, feel free to reach out!

Connect me on <a href='https://www.twitter.com/paulknulst' target="_blank">Twitter</a>, <a href='https://www.linkedin.com/in/paulknulst/' target="_blank">LinkedIn</a> and <a href='https://github.com/paulknulst' target="_blank">GitHub</a>!

Visit my <a href='https://medium.knulst.de' target="_blank">Medium Blog</a> for more articles like this.

---

Happy person photo created by master1305 — www.freepik.com