teleren/devto huggingface dataset:
Important Subjects where Homework Help is Necessary
Published: 2021-05-25 07:50:01


You need to learn a lot of things in your academic career. Your instructor assigns you homework to get an insight into your understanding of the subject. The homework will help you learn more about each lesson taught in class. But there are some subjects which have a lot of tough questions. You will feel the need of someone to help you out with those tasks. These subjects are equally important, and you must not ignore any lesson of them. The following three subjects are tough compared to the others. You might need someone to help you out with the homework for these subjects. 

1.Math

<a href="https://assignmenthelp.us/homework-help/math-homework-help.html">Math homework help</a> is the most searched query online. Most students are unable to solve complicated questions of this subject. Hence, they need to seek the right help from the service providers. The chapters are not easy, and you need to be attentive in class if you wish to solve the mathematical problems yourself. Also, each task has a time attached to it. So, you cannot sit with this subject throughout the day. You need to be fast and finish all your tasks within the stipulated time. Seeking help with math homework can be beneficial for you in this case. The service providers also provide a step-by-step solution to help you learn the process as well. 

2.Science
Another subject which is equally important and deals with a lot of complex problems is science. You need to be well aware of the different terms and understand them correctly to complete these tasks. An expert can help you complete the task quickly and help you with complicated tasks. You can choose from different services like <a href="https://myassignmenthelp.co.uk/homework-help/accounting-homework-help.html">accounting homework help</a>, science homework help, etc. You need to learn the subject properly. The solutions provided by these experts can also help you learn more about the subject.

3.English

The subject has a lot of importance, and every student needs to learn each element of the subject properly. There will be many essays where you need to use your linguistic skills to get the suitable grades. An expert is well equipped to handle papers. They can help you with a well-written essay faster. Also, they keep the write-up well suited to your academic level. So, your instructor cannot question the writing. Students often take the help of an <a href="https://assignmenthelp.us/essay-rewriter.html">essay rewriter</a> to rewrite or edit their essays. Essay rewriting improves your essay by correcting your mistakes, adding synonyms, and making the sentence comprehendible, precise, and as effective as possible. <a href="https://myassignmenthelp.com/essay-help/essay-writers.html">essay writer</a> is of two types ongoing rewriting and draft rewriting.  

Students seek homework help mostly to get rid of the burden. You need to know about the essence of these tasks. So, when you get a completed task from an expert, go through them, and learn more about the subject.
IMPORTANCE OF CHAT BOTS (using AI tools)
Published: 2021-05-25 07:32:28

The last few years have seen a rapid surge in on-demand messaging that has shifted consumers’ way of communicating with brands. To provide superior customer service, more and more businesses today are integrating chatbots into their processes.

In specific industries where high-volume customer interaction is at the center of the business, such as banking, insurance, and healthcare, chatbots have been complete game-changers. They help save over 4 minutes on average per customer inquiry, compared to the executives answering the calls, with a high success rate per interaction.

case study:
KOTAK banks and securities use the chat bot integration on the company’s  website named as 'KAYA' the virtual assistant. used for navigating the website. this has been a huge revolution for the company. the feed back market research says that the 85% of customers are happy with the services instead of waiting on a call of toll free and be there in the token list for hours sometimes.
on an average the company saved 10% of the consumer drop and in terms of good human interactions with hasle free method.

There are numerous benefits to using chatbots, and it largely depends on how businesses and stakeholders can leverage them to enhance the customer’s experience.

Here are some of the top benefits of using a chatbot to improve your business efficiency:
Contrary to the popular belief that a chatbot’s main benefit is just answering queries and offering customer support, chatbots can provide value-driven, contextual support that can assist businesses significantly.

An AI chatbot uses the data to provide a personalized experience to the users. These chatbots go much beyond just answering pre-programmed questions that every customer will experience in a precisely similar way. This is what kotak did.
and surely one of the main advantage is it saves a firm from investing on human resource and training them.
One of the distinct advantages of chatbots for businesses is that they offer a wide range of applications and are not limited to the single-use case of answering customer questions.

Some of these everyday use cases of chatbots include –

Marketing: Chatbots can be used for multiple marketing activities, including lead generation, data collection, increased custom interaction, and product consulting.
Sales: Helps in the qualification of leads and supports throughout the sales funnel.
Customer Service: Assists in answering FAQs and offers dedicated support in case of problems.
IT Service Helpdesk: Offers support for internal or external service desk applications.
THE disadvantge of the chatbots are. the revolution of the AI creates a scope of unemployment like the BPO's lose their job due to automation of consumer interaction automation.
Feedback
Tags: feedback, practice, improvement
Published: 2021-05-25 07:31:31

---
title: Feedback
published: true
description: A quick post about issues with feedback
tags: feedback, practice, improvement
cover_image: https://raw.githubusercontent.com/StacyCash/blog-posts/main/general/feedback/cover-image.jpg
---

I know that you are not supposed to, but I struggle with feedback.

I have a few issues: Anxiety Syndrome, Depressive Mood Syndrome and PTSD. And they all make feedback - that is meant to help me improve - quickly trigger me to assume the worst about myself and makes me just want to run away and hide.

And knowing that this isn't healthy, and that people are trying to help me by giving feedback, doesn't help...

This also has a side effect that I find even worse.

***I'm also terrified of giving it to other people.***

You see, I know how it makes **me** feel. So how can I possibly do that to another person?

Last week, a good friend of mine asked for feedback for something she had written - and of course I was going to help her, it's what friends do.

So I sat down and wrote the best feedback I could. Being picky in places, giving suggestions where I thought, and, of course, including compliments where I thought something was fantastic.

And I felt truly awful whilst writing it - well aside from the compliments. It felt like I was being the meanest person and the worst friend in the world saying what I was saying.

But she was really happy with the feedback I gave. It helped her. And hopefully by doing this I also get to help me.

Feedback is so important. Both receiving it to allow ourselves to improve, and giving it to allow others to improve themselves too.

And I'm really thankful that I got the chance to do that (and also ask for feedback at the same time on something else) in a safe way.

Keep practicing!

Cover image by <a href="https://unsplash.com/@bewakoofofficial?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Bewakoof.com Official</a> on <a href="https://unsplash.com/s/photos/talking?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
CSS ::placeholder and :placeholder-shown
Tags: css, codenewbie, webdev, beginners
Published: 2021-05-25 07:16:30

<p><span class='first-letter'>T</span>he `:placeholder-shown` CSS pseudo-class represents any `<input>` or `<textarea>` element that is currently displaying placeholder text.</p>

```html
<input type="text" placeholder="some text" />
```

```css
input:placeholder-shown {
  font-family: "Baloo 2", cursive;
  font-weight: bold;
  background-color: pink;
}
```

#### Output:
<img src="https://i.imgur.com/EHH1pYC.gif" alt="placeholder shown" />

In above snippet, 
1. If user has not typed anything then placeholder shown background color will be pink
2. When user has typed something then there will be no placeholder shown and the background color will be transparent


📝 <mark>NOTE</mark>: `:placeholder-shown` won't work if there will be no placeholder text

🗓 <b>Example:</b>

```html
<input type="text" />
```

```css
input:placeholder-shown {
  background-color: pink;
}
```

❌ The above snippet doesn't work

### :placeholder-shown vs ::placeholder 🔥

We can use `:placeholder-shown` to style the input element.

```css
input:placeholder-shown {
  border: 1px solid pink;
  background: yellow;
  color: blue;
}
```

Here, we set `color: blue`, but it didn't work. That's because `:placeholder-shown` will only target the input itself. But for the actual placeholder text, you have to use the pseudo-element `::placeholder`.

`::placeholder` pseudo-element can be used to style the placeholder text in `<input>` or `<textarea>` element. 

```css
input::placeholder {
  color: blue;
}
```

#### Output:

<img src="https://i.imgur.com/lga0bsF.png" alt="placeholder" />


If you wanted to add styles for empty placeholder, we can pass empty string `" "` as placeholder.

```html
<input type="text" placeholder=" " />
```

#### Output:
<img src="https://i.imgur.com/BE4piBr.png" alt="placeholder shown" />

Now, why don't we combine two selector `:not` and `:placeholder-shown`.
So we can target if the input is not empty then we can apply css.

```html
<input placeholder="some text" value="Check with empty!" />
```

```css
input:not(:placeholder-shown) {
  background-color: pink;
}
```

#### Output:

<img src="https://i.imgur.com/ybliArD.gif" alt="placeholder not shown" />

In above snippet, 
1. If the input has value then the `background-color` will get applied
2. If the input is empty then `background-color` not applies

📝 <mark>NOTE</mark>: `::placeholder` does not work with `:not` selector.

## Reference 🧐

- <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/::placeholder">MDN Doc Placeholder</a>
- <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/:placeholder-shown">MDN Doc placeholder-shown<a>
- <a href="https://caniuse.com/css-placeholder-shown">caniuse - placeholder-shown</a>

<table>
  <tbody>
    <tr>
      <td>
        🌟 <a href="https://twitter.com/suprabhasupi"> Twitter</a>
      </td>
      <td>
        👩🏻‍💻 <a href="https://www.suprabha.me/"> suprabha.me</a>
      </td>
<td>
        🌟 <a href="https://www.instagram.com/suprabhasupi/"> Instagram</a>
      </td>
    </tr>
  </tbody>
</table>
How to Delete All Docker Images Using Powershell
Tags: docker, shell
Published: 2021-05-25 07:05:10

---
title: How to Delete All Docker Images Using Powershell
published: true
tags: docker, shell
---

There are a plenty of Shell Commands on how to delete all docker images in single command.

But really hard to find command for Windows.

Thanks to [mastroiannim](https://github.com/mastroiannim) the contributor in [This Gist](https://gist.github.com/daredude/045910c5a715c02a3d06362830d045b6).

## TLDR

```powershell
docker images -aq | foreach {docker rmi $_ -f}
```

## How it works?

It combines of two commands.

```powershell
docker images -aq
```

This command returns ID(s) of all images one ID per line. And we combine with below command to loop throught each line and using Docker Image ID as argument.

```powershell
foreach {docker rmi $_ -f}
```

So, we run both two command in the single line.

```powershell
docker images -aq | foreach {docker rmi $_ -f}
```

Hope this post has some benefit for you.
The New Age in Software: Mentorship
Published: 2021-05-25 06:58:55

#**As 'new-comers' enter the industry, mentorship programs become a must-have.**

In the last nine months, I mentored 20+ software developers on their journey. During this time, I experienced massive changes in software demographics.

Crunching some numbers from my mentoring activity:

roughly **54%** of the developers I tutored identify as female
**62%** were older than **30**
**98%** used **JavaScript**
**18+ countries** were present
Comparing these numbers with **official figures*** regarding the current IT workforce confirms it. Software professionals of tomorrow will be nothing like the ones of today.

###_A highly **diverse crowd** is entering the industry._

Meanwhile, startups are becoming corporates, and corporates are becoming conglomerates. Inclusion and professionalism are critical in absorbing this new workforce. This is **not a bunch of dudes*** and a web-app. It is a multicultural and highly skilled workforce.

And that's our challenge. The current leadership and middle management layer don't match these demographics because of systemic and structural reasons. We will have to bridge this gap to keep attracting the best talent.

We are missing the opportunity of a lifetime unless this reality is acted upon by C-levels and managers. This directly impacts business results.

###_Employee loyalty translates directly into profits in an industry with such a **high turnover***._

We need to change mindsets, structures, and processes to serve these new kind of professionals. Mentorship is a bridge between leadership and the new workforce it is mentorship. It shows the commitment of companies to the success of this new and diverse generation of developers.

###_**Mentorship** enables **performance** and inspires action._

With hundreds of fresh developers seeking advice, strong initiatives are taking off. My advice for tech companies? Some mentorship programs already started in non-profit setup*. Approach these non-profits and start a conversation.

###_Make mentorship a **central part** of your employee development program._

The clock is ticking a late hour and as I write these lines, I can only smile. I smile because I feel proud to be part of such a dynamic industry. We are pioneers of change.

I am confident that **we will reinvent** ourselves as we already did countless times in the past. And to the "new-comers':

###_You are the future of software. Make us proud!_



If you want results immediately, then I have a suggestion for you: get in touch with my team. You can apply for **a FREE initial consultation** where we will go over the details of each step via Zoom.

In this call, me or one of my colleagues will give you every single step that we go through with our clients once they book our program to fast track their growth as a developer.

###[**Click here now if you want to reach technical excellence!**](codewithdragos.com)
Generating barcodes in Google Sheets
Tags: googlecloud
Published: 2021-05-25 06:51:47

We learned [how to create QR codes in Google Sheets](https://daily-dev-tips.com/posts/generating-qr-codes-in-google-sheets/), and with that, I thought let me try and see if Barcodes are also possible.

It turns out it is!

![Generating barcodes in Google Sheets](https://cdn.hashnode.com/res/hashnode/image/upload/v1621695874758/yh25BZYHW.gif)

## Creating barcodes in Google Sheets

To start, let's write the product IDs in column A. This will be our reference point.

![Google Sheets product IDs](https://cdn.hashnode.com/res/hashnode/image/upload/v1621695380333/VY0QFIfTR.png)

To make a valid barcode, we need to get that value and append two stars (\*).

Let's fix that with a formula in row B.

```text
="*"&A1&"*"
```

This will take the value from row A and wrap it in the two stars.
Pull down the cells to have it working for all items.

![Barcode raw](https://cdn.hashnode.com/res/hashnode/image/upload/v1621695505210/A3QrgFxMw.png)

You might be thinking, ok, but how is this now a barcode?
And the magic is actually in the font we will be using!

Select row B and click "More fonts" change the font to be "Libre Barcode" there are two options, but we'll use Code 39 for this article.

You now have barcodes in your Google Sheet.

![Barcodes in Google Sheet](https://cdn.hashnode.com/res/hashnode/image/upload/v1621695660549/wnc2ZR6EK.png)

Check out my [Barcode Google Sheet here](https://docs.google.com/spreadsheets/d/1TVP2I4RALyl2QxrTlmnvH-yNhUcijJrjZ0gt1DMFbBo/edit?usp=sharing).

### Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on [Facebook](https://www.facebook.com/DailyDevTipsBlog) or [Twitter](https://twitter.com/DailyDevTips1)
WSL2 GUI Setup in Windows 10
Tags: wsl, wsl2, wslg
Published: 2021-05-25 06:49:41

*In the recent release of windows 10 dev build 21364, microsoft announced early dev preview of WSL GUI app support, in this article i will show you how to setup GUI on WSL.*

Note that for this setup you should be Windows Insider and Windows 10 Insider Preview build 21362+ is required.

Open Powershell with admin privileges

run the command
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b70p8pv96qc16ll7us6b.png)
after installation, reboot the system, after reboot installation procedure will continue.

create username and password

Whola the setup is complete, now you can install any ubuntu software using apt package manager or by manually installing .deb file using command “sudo dpkg -i deb-package-name”
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cc49k6obnnxf3f1xtp9u.png)
We'll be using the Captain Rogers: Battle at Andromeda demo as an example.
Published: 2021-05-25 06:39:41

We'll be using the Captain Rogers: Battle at Andromeda and [cookie clicker](https://cookie-clicker.co) demo as an example.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/82n8rhtx5intmkgtiur7.png)
 Captain Rogers was created using the Phaser framework, the most popular tool for simple 2D game development in JavaScript right now, but it should be fairly easy to reuse the knowledge contained within these articles when building games in pure JavaScript or any other framework. If you're looking for a good introduction to Phaser, then check the 2D breakout game using Phaser tutorial.

In the following articles we will show how to implement various different control mechanisms for Captain Rogers to support different platforms — from touch on mobile, through keyboard/mouse/gamepad on desktop, to more unconventional ones like TV remote, shouting to or waving your hand in front of the laptop, or squeezing bananas.

As you can see there are folders for images, JavaScript files, fonts and sound effects. The src folder contains the JavaScript files split as a separate states — Boot.js, Preloader.js, MainMenu.js and Game.js — these are loaded into the index file in this exact order. The first one initializes Phaser, the second preloads all the assets, the third one controls the main menu welcoming the player, and the fourth controls the actual gameplay.

Every state has its own default methods: preload(), create(), and update(). The first one is needed for preloading required assets, create() is executed once the state had started, and update() is executed on every frame.

For example, you can define a button in the create() function:

create: function() {
	// ...
	var buttonEnclave = this.add.button(10, 10, 'logo-enclave', this.clickEnclave, this);
	// ...
}
It will be created once at the start of the game, and will execute this.clickEnclave() action assigned to it when clicked, but you can also use the mouse's pointer value in the update() function to make an action:

update: function() {
	// ...
	if(this.game.input.mousePointer.isDown) {
	    // do something
	}
	// ...
}
This will be executed whenever the mouse button is pressed, and it will be checked against the input's isDown boolean variable on every frame of the game.

That should give you some understanding of the project structure. We'll be playing mostly with the MainMenu.js and Game.js files, and we'll explain the code inside the create() and update() methods in much more detail in later articles.
UI Dev Newsletter #58
Tags: webdev, html, css, javascript
Published: 2021-05-25 06:33:35

- [Learn CSS](https://bit.ly/3yzSrp6)
Google's evergreen CSS course and reference to level up your web styling expertise.


- [Microsoft is finally retiring Internet Explorer in 2022](https://bit.ly/3fDdG0D)
Internet Explorer will no longer be supported in June 2022.


- [Fun Animated Button Hover Effect In CSS](https://bit.ly/2SkhbkA)
Aphinya Dechalert explains how to create --fun-- hover effect using transitions and pseudo elements.


- [Add scroll margin to all elements which can be targeted](https://bit.ly/2QNM94s)
Andy Bell shows how to add an extra bit of space to targeted elements using 'scroll-margin-top' property.


- [136 facts every web dev should know before they burn out and turn to landscape painting or nude modelling](https://bit.ly/3c5G6Qf)
Baldur Bjarnason shares a list of everything he learned about web development in the almost twenty-five years of practise.


- [Advanced CSS Animation Using cubic-bezier()](https://bit.ly/3yvriUv)
Temani Afif explains how to use custom timing functions and a bit of math to do fancy animations without the complex keyframes we generally reach for.


- [A Love Letter to HTML & CSS](https://bit.ly/3yvTw1i)
Ashley Kolodziej writes a letter of appreciation for HTML and CSS, the two most neglected, yet integral heros of modern web technology.


- [To those who struggle to get perfect score in Page Speed Insights. YNWA.](https://bit.ly/2RHvMqv)
Google homepage score is far from perfect.



Happy coding!

[Subscribe to the newsletter here!](https://bit.ly/34155z3)
How to update environment variable on Mac
Published: 2021-05-25 06:25:17


Goto terminal
Run : VIM ~/.BASH_PROFILE 
Enter I
TO INSERT NEW ENVIRONEMNT PATH
export M2_HOME=/Users/1138872/Documents/Automation/Software/apache-maven-3.6.3
export PATH=$PATH:$M2_HOME/bin:$JAVA_HOME/bin:$GRAILS_HOME/bin

You can add multiple paths in PATH variable by using : also remember to use /bin in the end of path variable
Once edited this file, tap esc button
Enter :wq to edit this file and quit
To execute this file close all terminal and rerun again else 	Type source .bash_profile to execute the .bash_profile file.

To verify successful installation enter: echo $PATH. It should display your newly added path. Also, You can type echo $M2_HOME
How to append child to body with rescript
Tags: rescript, dom, createelement, appendchild
Published: 2021-05-25 05:06:14

---
title: How to append child to body with rescript
published: true
description: 
tags: rescript, dom, createElement, appendChild
//cover_image: https://direct_url_to_image.jpg
canonical_url: https://arbaaz.io/posts/how-to-append-child-to-the-body-with-rescript
---
Install bs-webapi

```bash
npm install --save bs-webapi
```

Add the entry to bsconfig.json
```json
"bs-dependencies": ["bs-webapi"],
```

use the following snippet
```rescript
open Webapi.Dom
open Belt

document
->Document.asHtmlDocument
->Option.flatMap(document => document->HtmlDocument.body)
->Option.map(body => {
  let root = document->Document.createElement("div", _)
  root->Element.setId("app")
  // ReactDOM.render(<App />, root) // if you are using react
  root->Element.appendChild(body)
})
->ignore
```