teleren/devto huggingface dataset:
Working with Hugging Face models on Amazon SageMaker
Tags: deeplearning, aws, huggingface, nlp
Published: 2021-10-12 08:30:14

---
title: Working with Hugging Face models on Amazon SageMaker
published: true
date: 2021-03-25 14:41:08 UTC
tags: deeplearning,aws,huggingface,nlp
canonical_url: https://julsimon.medium.com/working-with-hugging-face-models-on-amazon-sagemaker-6a8efa8e1f84
---

In this video, I show you how to fine-tune a Hugging Face model on Amazon SageMaker, and how to predict with the model on your local machine.

{% youtube leyrCgLAGjM %}

[AWS and Hugging Face Collaborate to Simplify and Accelerate Adoption of Natural Language Processing Models | Amazon Web Services](https://aws.amazon.com/blogs/machine-learning/aws-and-hugging-face-collaborate-to-simplify-and-accelerate-adoption-of-natural-language-processing-models/)
Stupion - app idea generator
Tags: showdev, webdev, html, productivity
Published: 2021-03-25 14:40:36


Hello, I've made a generator of ridiculous (funny) ideas for apps. When I have extra time, I can often do a side projects. What's always a problem to me are ideas, I always spend a lot of time to find some simple, cool ideas that I can start to develop without much thought. I often try different technologies in this process, so I always kind of miss the idea of new projects.


That's how **[Stupion](https://stupion.com/)** was born.


The idea behind this project is to have funny, (sometimes stupid) ideas to develop. Ideas are ranked according to the number of likes, those with the highest number are at the beginning of the list.


In the future, I have various ideas about how to turn this into a small community of people who would develop new apps on different technologies and help those who are just starting to learn programming.


If you have ideas for new applications or ideas you plan to develop, I invite you to share yours on this link: [Stupion](https://stupion.com/)


Thank you all, keep on coding :-)
How-to use the Kaggle API in Python
Tags: python, tutorial, datascience, machinelearning
Published: 2021-03-25 14:27:07

{% youtube DgGFhQmfxHo %}

Kaggle is the world’s platform for everything data science. Like a strange social network, full of data scientists, with Jupyter notebooks everywhere.

It’s a great platform to learn and compete thanks to the dazzlingly large number of competitions on the site posted by companies looking for solutions to their data science problems, without spending too much.

This ecosystem unsurprisingly produces a lot of datasets — which is why you’re here. You want to download data from Kaggle with Python, and that is exactly what we will do.
Part 2 How to Implement Cucumber In POM | Cucumber In POM
Published: 2021-03-25 14:35:06

Part 2: Video attached Please see below VIDEO

How to Implement Cucumber In POM | Cucumber In POM
https://youtu.be/T_QA7aeKNUM

---------------------------------
What this VIDEO Covered :
- How to install Cucumber in Cypress (*Link is given below)
- How we integrate Cucumber in POM.
- How to create a .feature file.
- How to integrate a .feature file with step definition.

-------------------------------------------------
Part 1 Link below 
POM(Page Object Model) In Cypress: https://youtu.be/9jul26uOutE
---------------------------------------------------
Install Cucumber link given below:
 https://kailash-pathak.medium.com/how-to-grow-cucumber-in-cypress-in-just-10-steps-21c5a086b929
What do Software Developers ACTUALLY do? (coding life)
Tags: webdev, 100daysofcode, beginners, python
Published: 2021-03-25 14:27:22

What do Software Developers ACTUALLY do? This is a very valid question and will allow you to visualize what it would be like when you start working as a software developer.

In this video, I give you an example from my own coding life and how I approach a typical day as a programmer.

{% youtube vPEgrlk_XYA %}

Please subscribe on YouTube if you like this sort of content:
[What do Software Developers ACTUALLY do? (coding life)](https://youtu.be/vPEgrlk_XYA?sub_confirmation=1)
Update useState immediately
Tags: react
Published: 2021-03-25 14:04:18

useState does not update the state immediately.

I'm using [`react-select`](https://react-select.com/) and I need to load the component with the (multi) options selected according to the result of the request.

For this reason, I created the state defaultOptions, to store the value of the queues constant.

It turns out that when loading the component, the values ​​are displayed only the second time.

I made a console.log in the queues and the return is different from empty.

I did the same with the defaultOptions state and the return is empty.

I created a [`codesandbox`](https://codesandbox.io/s/confident-cohen-11hdh?file=/src/App.js) for better viewing.

```javascript
const options = [
  {
    label: "Queue 1",
    value: 1
  },
  {
    label: "Queue 2",
    value: 2
  },
  {
    label: "Queue 3",
    value: 3
  },
  {
    label: "Queue 4",
    value: 4
  },
  {
    label: "Queue 5",
    value: 5
  }
];

const CustomSelect = (props) => <Select className="custom-select" {...props} />;

const baseUrl =
  "https://my-json-server.typicode.com/wagnerfillio/api-json/posts";

const App = () => {
  const userId = 1;
  const initialValues = {
    name: ""
  };
  const [user, setUser] = useState(initialValues);
  const [defaultOptions, setDefaultOptions] = useState([]);
  const [selectedQueue, setSelectedQueue] = useState([]);

  useEffect(() => {
    (async () => {
      if (!userId) return;
      try {
        const { data } = await axios.get(`${baseUrl}/${userId}`);
        setUser((prevState) => {
          return { ...prevState, ...data };
        });

        const queues = data.queues.map((q) => ({
          value: q.id,
          label: q.name
        }));

        // Here there is a different result than emptiness
        console.log(queues);
        setDefaultOptions(queues);
      } catch (err) {
        console.log(err);
      }
    })();

    return () => {
      setUser(initialValues);
    };
  }, []);

  // Here is an empty result
  console.log(defaultOptions);

  return (
    <div className="App">
      Multiselect:
      <CustomSelect
        options={options}
        defaultValue={defaultOptions}
        isMulti
      />
    </div>
  );
};
export default App;
```
Transparent Background in Vscode
Tags: vscode
Published: 2021-03-25 13:56:40

So I came across the [Show off your VSCode Setup 👩🏻‍💻💯](https://dev.to/sarthology/show-off-your-vscode-setup-3k9n) Post on [Dev.to](https://dev.to), and 
I decided to post a screenshot of my setup.

So as a reply to a [comment](https://dev.to/fidohun/comment/1cm6g), by [@FidoHUN](https://dev.to/fidohun), I'll be telling you how to accomplish this.

## Applying on Windows

Install the [Glass-it](https://marketplace.visualstudio.com/items?itemName=s-nlf-fh.glassit) Extension from the [vscode marketplace](https://marketplace.visualstudio.com)

Press `ctrl+alt+z` to increase the transparency, `ctrl+alt+c` to decrease.

![Linux Screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m7jadctlmg056fds18qe.png)
## Applying on Linux
### Requirements
- Xorg display server
- [xprop](https://www.x.org/releases/X11R7.5/doc/man/man1/xprop.1.html) package.

Then like on windows, install the [Glass-it](https://marketplace.visualstudio.com/items?itemName=s-nlf-fh.glassit) Extension from the [vscode marketplace](https://marketplace.visualstudio.com)

Press `ctrl+alt+z` to increase the transparency, `ctrl+alt+c` to decrease.

## Applying on Mac-Os(Untested)
Tweaking Vscode has proven to be harder on the MacOs. But we can try.

Install `yabai`
Then:
```sh
yabai -m rule --add app="Visual Studio Code" opacity=0.7
```

Happy Vscoding!!!
How to add class file to web application in ASP.NET
Tags: csharp
Published: 2021-03-25 13:39:28

**IDE**
Visual Studio 2019

**Scenario**
I was trying to create a public class and add it to a webform.

**Solution**
After researched a bunch of materials, I finally figured the simple way to do it.

**In Class file**
1. Create an ASP.NET folder"App_Code" in your project.
2. Create a class file in the folder "App_Code".
3. Declared the class as a public class and type your methods there.
4. Right-click the class file to properties
5. Look for "Build Action", change it to "Compile"

**In webform**
6. Go back to the webform that you wanted to add a class file and type "using webForms.App_Code;" at the top of the page.
7. There you go! Now you can reference your public class file anywhere you want!
Landing Page Boilerplate
Tags: tailwindcss, html, webdev
Published: 2021-03-25 12:59:12

Hey guys, I just made a boilerplate for a scrollable landing page with centered content, footer and fixed navigation bar with the help of tailwindcss and published in tailwind components. Let me know what kind of improvements that can be made to make the boilerplate more friendly and usable for all. I've shared the link for the boilerplate below.
https://tailwindcomponents.com/component/landing-page-boilerplate
Configuring HA-proxy LoadBalancer on RedHat & AWS using Ansible Roles & Dynamic Node Addition into Ha-proxy config file
Tags: ansible, aws, haproxy, redhat
Published: 2021-03-25 12:25:31

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vn1xceuvfo55nrxyb1km.png)
ImageCredits: wikipedia.org
<br />
<h3>About Haproxy</h3>
Haproxy is a fast, free and reliable open-source software that provides a high availability load balancer for TCP and HTTP-based applications distributed over multiple servers.
Haproxy - https://www.haproxy.org/
<br />
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9sa05svagqmkghzhcj1p.png)
Image credits: serverlab.ca
<br />
<h3>What is Ansible?</h3> 
https://dev.to/rajitpaul/automated-configuration-management-using-redhat-ansible-4mk0
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5dowv4id3cll0moek3vq.png)
<i>imagecredits volumes.blog</i>
<br />
<h3>What are Ansible Roles?</h3>
Roles help us automatically load variables, handlers, templates and also helps to maintain a proper file structure which makes it simple for understanding and using the role.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tigcc1sgk5h5snuk1q2g.png)
<I>image credits - edureka</i> 
<h3> Haproxy on RedHat </h3>
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/znngejgixx5p1x93e41q.jpg)
<i>imagecredits redhat.com</i>
Haproxy Role for RedHat - https://github.com/RajitPaul11/Ansible-Roles/tree/master/haproxylb_role
<br />
<h3> Haproxy on AWS </h3>
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5bhgl8md9hj7ikc6betv.png)
<i>imagecredits wikipedia.org</i>
Haproxy Role for AWS - https://github.com/RajitPaul11/Ansible-Roles/tree/master/haproxyaws_role
How to Open IncrediMail to Outlook 2010, 2013 & Others
Tags: incredimail, outlook, 2010, 2013
Published: 2021-03-25 12:24:43

Were you using IncrediMail but after it’s discontinued, you would like to go with Outlook from IncrediMail data? Then you can trust on this blog that will help to open IncrediMail files into Outlook 2019, 2013, 2010, 2016, etc. Therefore, stay on this blog till the end to find out the exact solution.

We know that IncrediMail was used for graphics work and now it has been discontinued, so users have switched with another mail client. At this time, our focus goes to Outlook because it is advanced and supported advanced functions. When users go to the data migration from IncrediMail to Outlook, they face difficulties because Outlook has no option to import its data. Its main reason is that Outlook supports PST file extension while IncrediMail data is in IMM, IML file format and its contacts are saved in DB3 format. At this time the <a href="https://www.pcvare.com/incredimail-converter.html">PCVARE IncrediMail Converter</a> can help them to find out an exact migration solution to solve how to open IncrediMail to PST for Outlook query. 

The IncrediMail to PST Migration tool has auto-detect function so if you have IncrediMail data (configured) then it can automatically find and also has option to select IMM, IML & DB3 files into PST & other saving options. It maintains all mails attributes including attachments from IncrediMail to Outlook 2019, 2013, 2016, 2010, 2007.

For you satisfaction, it also provides free demo edition so after downloading & installing it, you can transfer 25 emails from <a href="https://www.pcvare.com/incredimail-to-outlook-converter.html">IncrediMail to Outlook</a> for free of cost to check out its procedure and simply know about how to open IncrediMail to Outlook.
Fly problem x509: certificate signed by unknown authority
Published: 2021-03-25 12:09:42

Hey Community,

I have build up concourse pipelines and would like to do the following in Visual Studio Code:

    fly -t <target_name> login -n <team_name> -c <bucc_url> -u -p
    Do some GIT Changes to the yml files…
    Git add, commit and push
    Apply the pipeline: fly -t up -p
    Error:
    could not find a valid token.
    logging in to team ‘xxx’
    could not reach the Concourse server called xxx:
    Get "https://bucc.domain.cloud/api/v1/info": x509: certificate        
    signed by unknown authority

    is the targeted Concourse running? better go catch it lol

When i do the step 1.) i also get the error - BUT when i set the option -k then it works, but i cannot set the -k flag:
PS C:\tmp\GIT\pipelines> fly -t -k xxx up -p “xxx”
error: expected argument for flag /t, /target', but got option   -k’
PS C:\tmp\GIT\pipelines> fly -t xxx up -p -k “xxx”
error: expected argument for flag /p, /pipeline', but got     
option -k’
Daily Developer Jokes - Thursday, Mar 25, 2021
Tags: jokes, dailydeveloperjokes
Published: 2021-03-25 12:00:19

---
title: "Daily Developer Jokes - Thursday, Mar 25, 2021"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
cover_image: "https://private.xtrp.io/projects/DailyDeveloperJokes/thumbnail_generator/?date=Thursday%2C%20Mar%2025%2C%202021"
published: true
tags: #jokes, #dailydeveloperjokes
---

Generated by Daily Developer Jokes, a project by [Fred Adams](https://xtrp.io/) ([@xtrp](https://dev.to/xtrp) on DEV)

___Read about Daily Developer Jokes on [this blog post](https://xtrp.io/blog/2020/01/12/daily-jokes-bot-release/), and check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/).___
### Today's Joke is...
![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e125997196ca.png)

---
*Have a joke idea for a future post? Email ___[xtrp@xtrp.io](mailto:xtrp@xtrp.io)___ with your suggestions!*

*This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit.*

<!-- 
Joke text:
___Q___: Why are keyboards always working so hard?

___A___: Cause they have two shifts!
 -->
Bootstrap 5 Masks
Published: 2021-03-25 11:44:58

Masks alter the visibility of an element by either partially or fully hiding it. 
 
-----
## Crucial resources


Here are the resources that we have prepared to help you work with this component:

- [📄 Masks tutorial & documentation](https://mdbootstrap.com/docs/standard/content-styles/masks/) <-- start here
- [⚙️ Bootstrap Masks Gradient Generator](https://mdbootstrap.com/docs/standard/tools/design/gradients/)
- [📦 Free UI Kit for Bootstrap 5](https://mdbootstrap.com/docs/standard/)
- [💽 Free hosting for any Bootstrap project (beta)](https://mdbootstrap.com/docs/standard/cli/)



-----

## Additional resources

Learn web development with our **learning roadmap**:
**[:mortar_board: Start Learning](https://mdbootstrap.com/docs/standard/getting-started/)**

Join our mailing list & receive **exclusive resources** for developers
**[:gift: Get gifts](https://mdbootstrap.com/newsletter/)**

Join our private FB group for **inspiration & community experience**
**[👨‍👩‍👧‍👦 Ask to join](https://www.facebook.com/groups/682245759188413)**

**Support creation of open-source packages** with a STAR on GitHub
[![GitHub Stars](https://img.shields.io/github/stars/mdbootstrap/mdb-ui-kit?label=Star%20now&style=social)](https://github.com/mdbootstrap/mdb-ui-kit/)
Bootstrap 5 Card
Published: 2021-03-25 11:41:33

The card is a responsive content container with an extensible option for headers, footers, images, and a wide variety of content.

-----
## Crucial resources


Here are the resources that we have prepared to help you work with this component:

- [📄 Cards tutorial & documentation](https://mdbootstrap.com/docs/standard/components/cards/) <-- start here
- [📥 27 examples of Bootstrap 5 Cards](https://mdbootstrap.com/docs/standard/components/cards/examples-and-customization/)
- [⚙️ Bootstrap Card Generator](https://mdbootstrap.com/docs/standard/tools/builders/cards/)
- [📦 Free UI Kit for Bootstrap 5](https://mdbootstrap.com/docs/standard/)
- [💽 Free hosting for any Bootstrap project (beta)](https://mdbootstrap.com/docs/standard/cli/)


-----

## Additional resources

Learn web development with our **learning roadmap**:
**[:mortar_board: Start Learning](https://mdbootstrap.com/docs/standard/getting-started/)**

Join our mailing list & receive **exclusive resources** for developers
**[:gift: Get gifts](https://mdbootstrap.com/newsletter/)**

Join our private FB group for **inspiration & community experience**
**[👨‍👩‍👧‍👦 Ask to join](https://www.facebook.com/groups/682245759188413)**

**Support creation of open-source packages** with a STAR on GitHub
[![GitHub Stars](https://img.shields.io/github/stars/mdbootstrap/mdb-ui-kit?label=Star%20now&style=social)](https://github.com/mdbootstrap/mdb-ui-kit/)
Angular Firebase Auth - Email/Password Authentication with AngularFire2 v4
Tags: angular, firebase, authentication, angularfire
Published: 2021-03-25 11:40:00

https://grokonez.com/frontend/angular/angular-4-firebase-auth-email-password-authentication-with-angularfire2-email-login

Angular Firebase Auth - Email/Password Authentication with AngularFire2 v4

In this tutorial, we're gonna look at way to implement Email/Password authentication (with form validation) using AngularFire2 v4.

Related Posts:
- <a href="https://grokonez.com/frontend/angular/how-to-integrate-firebase-with-angular-4">How to integrate Firebase with Angular</a>
- <a href="https://grokonez.com/frontend/angular/angular-4-firebase-auth-anonymous-authentication-with-angularfire2-auth-login">Angular Firebase Auth – Anonymous Authentication with AngularFire2 v4</a>

<!--more-->
<h2>I. Technology</h2>
- Angular
- AngularFire2 4.0
<h2>II. Overview</h2>
We will build an Angular App that allows user sign up and login (with form validation):
<img src="https://grokonez.com/wp-content/uploads/2017/09/angular-4-firebase-auth-email-password-overview.png" alt="angular-4-firebase-auth-email-password-overview" width="695" height="493" class="alignnone size-full wp-image-8070" />
<h2>II. How to do</h2>
<h3>1. Set up the Firebase Project & Install AngularFire2</h3>
Please visit <a href="https://grokonez.com/frontend/angular/how-to-integrate-firebase-with-angular-4">this post</a> to know step by step.

<img src="https://grokonez.com/wp-content/uploads/2017/08/angular-4-firebase-integration-copy-firebase-project-config.png" alt="angular-4-firebase-integration-copy-firebase-project-config" width="660" height="380" class="alignnone size-full wp-image-7736" />
<h3>2. Enable Firebase Auth for Email/Password</h3>
Go to your Project on Firebase Console -> <strong>Authentication</strong> tab -> <strong>SIGN-IN METHOD</strong> -> enable <strong>Email</strong>/<strong>Password</strong>:
<img src="https://grokonez.com/wp-content/uploads/2017/09/angular-4-firebase-auth-email-password-enable-console.png" alt="angular-4-firebase-auth-email-password-enable-console" width="675" height="400" class="alignnone size-full wp-image-8072" />


https://grokonez.com/frontend/angular/angular-4-firebase-auth-email-password-authentication-with-angularfire2-email-login
Bootstrap 5 Button
Published: 2021-03-25 11:38:45

Buttons provide predefined styles (warning, info, danger) for multiple button types: outline, rounded, social, floating, fixed, tags, etc.

-----
## Crucial resources


Here are the resources that we have prepared to help you work with this component:

- [📄 Buttons tutorial & documentation](https://mdbootstrap.com/docs/standard/components/buttons/) <-- start here
- [⚙️ Bootstrap Buttons Generator](https://mdbootstrap.com/docs/standard/tools/builders/buttons/)
- [📦 Free UI Kit for Bootstrap 5](https://mdbootstrap.com/docs/standard/)
- [💽 Free hosting for any Bootstrap project (beta)](https://mdbootstrap.com/docs/standard/cli/)


-----
## Video tutorial

{% youtube RkViQUAQ15I %}

-----

## Additional resources

Learn web development with our **learning roadmap**:
**[:mortar_board: Start Learning](https://mdbootstrap.com/docs/standard/getting-started/)**

Join our mailing list & receive **exclusive resources** for developers
**[:gift: Get gifts](https://mdbootstrap.com/newsletter/)**

Join our private FB group for **inspiration & community experience**
**[👨‍👩‍👧‍👦 Ask to join](https://www.facebook.com/groups/682245759188413)**

**Support creation of open-source packages** with a STAR on GitHub
[![GitHub Stars](https://img.shields.io/github/stars/mdbootstrap/mdb-ui-kit?label=Star%20now&style=social)](https://github.com/mdbootstrap/mdb-ui-kit/)
Bootstrap 5 Charts
Published: 2021-03-25 11:33:24

Charts are visual representations of data. They are responsive and easy to customize. At your disposal are eight types of charts with multiple options for customization.

-----
## Crucial resources


Here are the resources that we have prepared to help you work with this component:

- [📄 Charts tutorial & documentation](https://mdbootstrap.com/docs/standard/data/charts/) <-- start here
- [⚙️ Bootstrap Charts Generator](https://mdbootstrap.com/docs/standard/tools/builders/charts/)
- [📦 Free UI Kit for Bootstrap 5](https://mdbootstrap.com/docs/standard/)
- [💽 Free hosting for any Bootstrap project (beta)](https://mdbootstrap.com/docs/standard/cli/)


-----
## Video tutorial

{% youtube fGOO4WiNIzg %}

-----

## Additional resources

Learn web development with our **learning roadmap**:
**[:mortar_board: Start Learning](https://mdbootstrap.com/docs/standard/getting-started/)**

Join our mailing list & receive **exclusive resources** for developers
**[:gift: Get gifts](https://mdbootstrap.com/newsletter/)**

Join our private FB group for **inspiration & community experience**
**[👨‍👩‍👧‍👦 Ask to join](https://www.facebook.com/groups/682245759188413)**

**Support creation of open-source packages** with a STAR on GitHub
[![GitHub Stars](https://img.shields.io/github/stars/mdbootstrap/mdb-ui-kit?label=Star%20now&style=social)](https://github.com/mdbootstrap/mdb-ui-kit/)
Rebuilding E-Rickshaw with Plain HTML and CSS
Tags: webdev, html, css, codepen
Published: 2021-03-25 11:24:45

It just feels great that how HTML5 and CSS3 can make different types of shapes. Besides normal web design patterns, if we explore we can create stunning arts. It can help you to sharpen your CSS skills.

Here's the codepen link
{% codepen https://codepen.io/nirazanbasnet/pen/LYbozQJ %}

Also, you can check my other codepen works [here] (https://codepen.io/nirazanbasnet "here")

👏👏 Feel free to share your thoughts and opinions and leave me a comment if you have any problems or questions.

Till then,
Keep on Hacking, Cheers