teleren/devto huggingface dataset:
Qute Bot GitHub Action
Tags: actionshackathon, showdev, github
Published: 2020-09-15 19:03:30

[Instructions]: # (To submit to the GitHub Actions x DEV Hackathon, please fill out all sections.)

>Its a Telegram bot action which sends inspiring quotes daily morning

### My Workflow : [Qute Bot](https://github.com/veerreshr/quteBot/actions?query=workflow%3A%22Qute+Bot%22)
[Note]: # (Make sure to include the name of your GitHub Action and share where it's being used!)
### Submission Category: Wacky Wildcards

[Note]: # (Maintainer Must-Haves, DIY Deployments, Interesting IoT, Phone Friendly, or Wacky Wildcards)


### Yaml File or Link to Code

[Note]: # (Our markdown editor supports pretty embeds. Try this syntax: `{% github link_to_your_repo %}` to share a GitHub repository)
{% github https://github.com/veerreshr/quteBot %}
Element Locator Strategy using CSS - Write Dynamic CSS Selectors
Tags: css, testing, tutorial, beginners
Published: 2020-09-15 19:02:20

CSS Selectors are faster than XPATH and are easier to read. Having durable, well-designed CSS selectors to target elements in your web application is very important and allows for more robust tests. CSS Selectors are also important in development to apply appropriate styles and functionality.

In this video I walk you through the different syntax that CSS offers for id, classname, attributes, element state and element positions.

At the end of this video you will be able to create well-designed, durable and dynamic CSS Selectors for your application or test automation.

{% youtube Tyj3DZadK8Q %}
How do you organize communication with the client?
Tags: webdev, discuss, productivity
Published: 2020-09-15 18:59:10

---
title: How do you organize communication with the client?
published: true
description: 
tags: webdev, discuss, productivity
cover_image: https://2h2fxj2oochv47z6ig3v0sve-wpengine.netdna-ssl.com/wp-content/uploads/2019/03/effective-communication-650x423.jpg
---
It's a well-known fact, that content is king and the client's opinion is always a priority. In order to satisfy the client's expectations and deliver an awesome final product, communication is the key.

Obviously, these would depend on whether or not the client is local or remote, the specifics and the scale of the project, and so on, but what is your preferred approach to sourcing the information from the client before and during the project?

Do you organize on-site meetings, have discussions, where you take some notes, present some ideas, sketches right away?

Do you use some online collaboration tools and let the client put down some ideas, where you can add comments, ask for precisions?

Do you prefer to use some communication channels like Slack to organize more real-time discussion and ask info right away if the necessity arises?

Or do you have some other communication workflows you have discovered to work best and would love to share with us?
Laravel 8 and Laravel Jetstream- Initial Reactions
Tags: laravel, jetstream
Published: 2020-09-15 18:53:03

Today I was exploring the newly released [Laravel 8 framework](https://laravel.com/) and found the fresh composer package that Laravel developed for authentication view and route scaffolding: [Jetstream](https://jetstream.laravel.com/). 

![Screenshot of the Profile Dashboard in Jetstream](https://dev-to-uploads.s3.amazonaws.com/i/zlzg4jqqmjhoosdj206z.jpg)

I was initially a little concerned about the move away from React & Vue, but I decided to give it a try anyway. 

I was very happily surprised that Jetstream looks like a wonderful improvement for the Laravel framework.

Here are some awesome features that come with Jetstream, for free, right out of the box:
- Profile Updates
- Two Factor Authentication
- Session logouts.
- Configurable API tokens
- Teams
- TailwindCss configured for you

Jetstream even comes with profile images!

One thing that I am still unsure about is Inertia.js. For my apps, I want to separate the backend from the views to be able to have an API for the backend that all my frontend applications use. (mobile and web)

It looks like with the Jetstream approach, I will still be needing to have to build some of the routes separately for the API, but we will see.

Other than that, I really like Jetstream. Good work, Laravel Team!
Moment.js is Done
Tags: javascript, angular, react, typescript
Published: 2020-09-15 18:51:48

"We(Team Moment.js) now generally consider Moment to be a legacy project in maintenance mode. It is not dead, but it is indeed done." Moment.js Team

Alternatives:

* [Luxon](https://moment.github.io/luxon/)
* [Day.js](https://day.js.org/)
* [date-fns](https://date-fns.org/)


https://momentjs.com/docs/#/-project-status/
Rainbow 🌈 animation page background
Tags: html, javascript, showdev, codepen
Published: 2020-09-15 18:46:42

---
title: Rainbow 🌈 animation page background
published: true
description: A little how to on how to use JavaScript to animate a background image
tags: html,javascript,showdev,codepen
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/f2wgbix3sx8kg8v9fdsh.png
---

I was inspired by {% link soorajsnblaze333/make-it-rain-in-html-canvas-1fj0 %} to show off an old animation of mine. It's probably possible to do this with just CSS, so if you know how post it in the comments!

I had an idea to make balls zoom across the screen, in the colours of the rainbow. Here's the result (it can take a second to load, so be patient):

{% codepen https://codepen.io/schmellen/pen/oNxMWry default-tab=js,result %}

I wrote this before I knew about `let` and `const`, so please forgive that! In fact there are a few things I would change now, like using template strings. But, I suppose, if it isn't broken I shouldn't try to fix it :D

The frames are generated upfront, so the animation is just changing pictures, not calculating each frame. You can see the data-url updating in the page's background for each frame.

The speed of each ball is random.

If you save the background image, it will tile perfectly.
Ethical Hacking Series : Part 1: Common types of Hacking 
Tags: devops, linux, beginners
Published: 2020-09-15 18:44:50

Hello friends, Enjoy this series.

**Following are most common types of Hacking:**

1. By Virus / Torjan
2. By Phishing ( replicate site to get login - in case of banks etc)
3. DDos: Denial of service attack where a hacker sends lots of traffic to your website and crashing it.

4.Keylogger: hacking your keyboard key to know which key pressed.

5.Eavesdropping: watching your actions silently.(May be your govt 😁)

6.Fake Wifi: you get free access to wifi but actually it is to steal sensitive information from your device.

7.Watering hole: is a computer attack strategy in which an attacker guesses or observes which websites an organization often uses and infects one or more of them with malware. 

8.Fake social phone calls or messages to get your identity or crucial information from you.

9.Cookie theft: hackers tries to theft cookies to get benifit of referal commissions.

10.Bait & Switch: you get an ad... Or image... You click... Virus in.

Special note to my regular readers:

1. Remember cloud brother series where these two brothers created a cloud service like digital ocean / Google cloud. They missed security.

2. Docker by default doesn't has rules for firewall. Is host security enough?

3. Read on my profile an article why hackers love docker? See how I by special search engine was able to figure out which host has docker default export exposed on public network

4. On my profile search an article possibility of Hacking realtime chat applications like whatsapp, line, telegram etc.

In the next part we will see how to hack.

Hacking should always be Ethical. Do it to safeguard  common people from blackhat hackers.

**Please visit my profile for more interesting articles**


######***IMP REQUEST:***

###### You are most welcome to join my team 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3qhbvg5fsrh3nt7anh36.png)

[ Click here for joining my team ]
(https://forms.gle/pSCALuEWHus3pg9F6).

###### *Also you are most welcome to join OPEN SOURCE INTELLIGENT SYSTEM (OSINT) if you can help in open source project regarding safeguarding humans from various diseases like CORONA outbreak*
######https://github.com/Manishfoodtechs/OSINTHRH/wiki

Contact email: Manishfoodtechs@gmail.com. 

If you have any problem, our team is also engaged in professional consultancy and delivery.

![](https://media2.giphy.com/media/oNrPzIy3OhHm7zrvA3/source.gif)

Imagecredit: pixabay
Initial Release
Tags: news, opensource, github
Published: 2020-09-15 18:37:45

## Initial release
This is the initial release for the Dev-action. The action developed during a hackathon on [DEV](https://dev.to/devteam/announcing-the-github-actions-hackathon-on-dev-3ljn). 

This is the post added through the [GitHub action](https://github.com/sheikh005/dev-action). For more details refer [here](https://github.com/sheikh005/dev-action/blob/master/README.md)
The 7 Most Popular DEV Posts from the Past Week
Tags: top7
Published: 2020-09-15 17:44:43

---
title: The 7 Most Popular DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week.
tags: icymi
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---

Every Tuesday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week. ❤️

---

### Working Nonstop is Not Sustainable

This post from @catalinmpit resonated with a lot of people — and for a good reason! This article takes myths of “super developers” seriously and debunks some toxic ideas many folks have about this profession. 
{% link https://dev.to/dailydotdev/why-you-do-not-have-to-be-a-super-developer-4p6o %}

### Getting Crafty With Chrome

@ayushi7rawat has a ton of saves on this article. Looks like a lot of people are in the market for a fun, practical tutorial with a video option that guides you through making a Chrome extension. 🎨

{% link https://dev.to/ayushi7rawat/how-to-make-your-own-google-chrome-extension-dbl %}

### A Day in the Life of a Nairobian Dev

Thanks for sharing this awesome glimpse into your typical day, @godwillbarasa! It’s always so fun to see the differences and similarities between the work lives of developers all over the world! 

{% link https://dev.to/godwillbarasa/life-of-a-kenyan-software-developer-jbf %}

### Breaking Through the Jargon

@sarahob provided a public software service with this post that explains Kubernetes clearly and in an engaging way. There is a ton of jargon and complexity in the Kubernetes realm -- no shame in wondering what it all really means!

{% link https://dev.to/sarahob/what-exactly-is-kubernetes-anyway-4k9h %}


### Labels Are For GitHub Issues — Not Humans

It always hurts to see developers call themselves mediocre or “average” when everyone truly has distinct, valuable skills and offerings. I’m glad @chechenev found a way so see their worth and reject harmful labels! 

{% link https://dev.to/chechenev/confession-of-an-average-developer-1bf4 %}

### The Seven Rules of a Great Commit Message

@helderburato breaks down their personal template for writing helpful, clear, and consistently good git commit messages. 

{% link https://dev.to/helderburato/patterns-for-writing-better-git-commit-messages-4ba0 %}

### Command Line Exposure Therapy

When learning the command line, many folks get intimidated by the topic of text editors. To conquer their fears, @deniselemonaki decided to dive in with a basic overview of two of the most frequently used and most popular command line text editors in Linux and Unix like systems: nano and Vim. 

{% link https://dev.to/deniselemonaki/don-t-fear-the-command-line-text-editors-6lh %}

_That's it for our weekly wrap up! Keep an eye on DEV this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Tuesday!_
FunGhAction
Tags: actionshackathon, firstpost
Published: 2020-09-15 17:44:30

[Instructions]: # (To submit to the GitHub Actions x DEV Hackathon, please fill out all sections.)


### My Workflow
[Note]: # (Make sure to include the name of your GitHub Action and share where it's being used!)
Just a fun-github-action `funghaction` to comment a _joke/quote/fact_ on your pull requests on each commit! :D 

Action : [FunGhAction](https://github.com/marketplace/actions/funghaction)
![funghaction demo](https://dev-to-uploads.s3.amazonaws.com/i/kcg6mmq709luqcveaoyc.png)

### Submission Category: 
 Wacky Wildcards :stuck_out_tongue_closed_eyes:


### Yaml File
Workflow:
```yaml
name: 'Funghaction'
on:
  - pull_request
jobs:
  fun:
    name: 'Fun'
    runs-on: ubuntu-latest
    steps:
      - name: 'Fun'
        uses: karancode/funaction@42
        env:
          GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}
```
Action Repo : `{% https://github.com/karancode/funghaction %}`
Hybrid App Performance Issues
Tags: react
Published: 2020-09-15 17:28:26

I have an admittedly weird question to ask. We are in the process of migrating an existing application over to react. Due to some limitations of the legacy code we are dealing with, the majority of our users are on IE11 in IE10 compatibility mode. We are running into an issue with fairly large doms where the rest of the non react application has experienced maybe a 20% rendering time increase with react not actually rendering anything on the page (though it is still loaded in memory). This doesn't quite make sense to me since i thought that react only keeps track of its own trees. Is there anything else that react might be doing globally that might cause these types of performance problems? I've dug through performance session traces in IE and nothing really jumps out at me as being executed on the react side. Ideally we'd have smaller doms I realize, but we're dealing with some legacy code and that's not an immediate option.
Flutter PDF Viewer - Automated using GitHubActions
Tags: actionshackathon, flutter, github, dart
Published: 2020-09-15 17:27:01

View PDF directly into your Flutter App using - *flutter_plugin_pdf_viewer* .

You can implement this using the flutter plugin and load a PDF directly into your Flutter App. It works offline too as it downloads the pdf and then loads it into the app.

### My Workflow
The GitHub Action PDF_Flutter CI is designed to automate certain tasks for the developers making their life less complicated.

 * Configuring Flutter version
 * Installing dependencies
 * Run Test

### Submission Category: 

Maintainer Must-Haves and Wacky Wildcards


### Yaml File and Link to Code
```
name: PDF_Flutter CI

# This workflow is triggered on pushes to the repository.

on:
  push:
    branches:
    - master

# on: push    # Default will running for every branch.

jobs:
  build:
    # This job will run on ubuntu virtual machine
    runs-on: ubuntu-latest
    steps:

    # Setup Java environment in order to build the Android app.
    - uses: actions/checkout@v1
    - uses: actions/setup-java@v1
      with:
        java-version: '12.x'

    # Setup the flutter environment.
    - uses: subosito/flutter-action@v1
      with:
        channel: 'stable' # 'dev', 'alpha', default to: 'stable'
        flutter-version: '1.17.5' # you can also specify exact version of flutter

    # Get flutter dependencies.
    - name: Install dependencies
      run: flutter pub get
    - name: run tests
      run: flutter pub run tests
 
```
{% github rupanshi-chawda/Pdf-Viewer-in-Flutter %}

### Additional Resources / Info

{% github subosito/flutter-action %}

###### _Made with love by rupanshi-chawda_
Universal Data Tool Weekly Update 5
Tags: machinelearning, datascience
Published: 2020-09-15 17:07:26

If you haven’t heard of the [the Universal Data Tool](http://universaldatatool.com), it’s an open-source web or desktop program to collaborate, build and edit text, image, video, and audio datasets with labels and annotations. 

This is our fifth community update! We’re hoping by releasing these we can better engage the community and encourage new contributors. Let’s get started…

You can [watch the full video here](https://youtu.be/Ag5kROqp8e8)

#New Feature: Documentation
We are super excited to announce the docs.universaldatatool.com site. It has all the how-to documents as well as ways to use UDT with machine learning frameworks. You are welcome to help us add more details in it using github.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3d59huxov9lt4lf245t2.png)

#New Feature: Convert tool
With this update, you can now convert JSON or CSV files into PNG or SVG files. To use it all you need to click on the “convert” option on the Universal Data Tool Homepage. This option supports conversion with image options output as of now, however, we are hoping to add more features in it soon. The good part is that you can use this option to convert fairly large datasets with ease. Also, this option can be used online as well as on local machines.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/a4n8x9t3fwuatmbotayf.gif)

#New update: Fixed Universal Data Tool Desktop Builds
Our desktop builds are back in action. Now you can download the Universal Data Tool for Mac, Linux, and Windows stable releases. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/e3v1s6s7p6z1x36355oj.png)

#Other updates:
Portuguese translation: Now you can access the website in Portuguese translation as well (thanks @mrjunato!)
New responsive page: With this update, the Universal Data Tool landing page is responsive in any size (thanks @congdv!)

That’s it for our fifth community update, be sure to follow us on [Twitter](http://twitter.com/UniversalDataTl), or join our [Slack](https://workaroundon.slack.com) to hear more!
Deno?
Tags: javascript, deno, node
Published: 2020-09-15 17:06:02

Today I'm going to be talking about this new runtime environment called Deno. But wait why should we care about Deno if we already have node.js. We should care, because Deno is actually created by the same person so you can almost say that Deno is node.js 2.0.
Ryan Dahl saw many flaws over the years that node.js had and basically said I could do this better. Ryan even had a talk called, "10 Things I regret about node.js" where he announced Deno.

###What is Deno?

As I stated earlier it's another runtime environment for Javascript and TypeScript. If you are not familiar with TypeScript it's just a stricter version of Javascript. It's still based on the V8 Javascript engine and the Rust programming language.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/7epye6yx96n69tmgylbm.jpeg)

What start to set Deno apart from node.js is that from out of the box, you can write in Javascript or TypeScript. There's no need to configure anything because it's already taken care of behind the scene.

Deno is also in charge of being its own package manager. So in node.js where we would require a package-management program like npm, Deno is able to be it's own package manager within single executable. Instead of having to install a library, all you would need is the Url of the file that has the instructions.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/c7nrmljbxx82vakd3mxk.png)

From the code snippet above that [Deno](https://deno.land/) website provides us, we can see that it's importing serve directly from the provided url. With this being implemented, it gets rid of the need for a package.json and also the huge nasty node_module folder that we have to do an extra step to ignore.

Deno also has almost all the browser Api like fetch built in. Where in node even though fetch is built in you can't use fetch in the server side unless you install a package. With Deno, if you are not writing Deno specific code you can write the same code you use for the browser, for outside of the browser. It allows for that flexibility.

###Security
One main focus about Deno is security. If a script needs access to the internet or access to the file system, you would have to grant that script permission to be ran. So in the case of a corrupt package that is trying to get access to another file to read or modify, you will get a warning in the console saying that the script will need permissions before it gets executed. Where as in node.js, it would just get ran and the damage will be done.

###Deno or Node?
Even though Deno is an upgrade from Node and has all these new fancy features, as of right now node.js is in v.14 while Deno is in v.1. It's still new and still has some things that need to be worked out. Javascript is also really dependent on the Npm library because there is so many packages written out for it. Deno is definitely something to pick up and learn but because it's still so young, companies are not going to switch over to this new environment anytime soon.
Get to The Point: The "One-Pager"
Tags: writing, inthirtyseconds
Published: 2020-09-15 16:49:31

*"Some honored me by giving me, the secret of their works" - [32], Sappho*

You have an idea you want people to read. You've heard about this thing called a "one-pager". You've heard that this may or may not actually be one page (depending on the margins, the font size, spacing, etc).

The purpose of a "one-pager" is to succinctly describe a problem, why someone should care, and your proposal to address it. *You want them to walk away with the why and the what comes next. Quickly.*

Here is an outline of the bare essentials, to help you focus your time and energy:

#TITLE

##Executive Summary
[* DELETE THESE DIRECTIONS - 2-3 sentences with summary of your proposal below]

##Problem Statement
[* DELETE THESE DIRECTIONS - 2-3 paragraphs max]

##Proposal for Action
[* DELETE THESE DIRECTIONS - 2-3 paragraphs max]

##How Do We Define Success?
[* DELETE THESE DIRECTIONS - 2-3 paragraphs max]

##Immediate Action Items
[* DELETE THESE DIRECTIONS - 3-4 bullet points of what needs to happen immediately to get your proposal moving]

##Frequently Asked Questions
- What might people ask about the above?
 - We’ll answer it here!
- What has someone asked you after reading this brief?
 - Answer it here!
LINK YOUR GITHUB PROFILE AND GET HIRED 
Tags: github, coders, job, javascript
Published: 2020-09-15 16:47:01

<a href="bit.ly/2NbSVLS">CodersRank</a> is a platform made to help developers in job-seeking and professional growth. Find a developer job on <a href="bit.ly/2NbSVLS">CodersRank</a>: Your CodersRank profile serves as a proven track record of your coding knowledge. Just connect your private and public repositories to generate your true profile.

If you are looking for a #remote 🌴 developer job, check this out:

<a href="bit.ly/2NbSVLS">CodersRank</a> can help you get matched with a relevant job: just add your job preferences to your profile! 👨💻👩💻

Login/register here: <a href="bit.ly/2NbSVLS">Coders Rank</a>
#codersrank101 #jobsearch #remote


#codersrank101: The more info you provide on your profile, the better your chances of finding your dream job! 💼

Add YOUR Tech Stack today! <a href="bit.ly/2NbSVLS">Add Your Stack</a>

Create your always up-to-date 360-degree coder profile and let your work speak for itself!
Join CodersRank now!  <a href="bit.ly/2NbSVLS">Coders Rank</a>
goURL
Tags: opensource, go
Published: 2020-09-15 16:45:56

# Introduction
I am [zongwei Yang](https://github.com/yzwdroid) living in Toronto,Canada.



[goURL](https://github.com/yzwdroid/goURL) is a golang program which checks dead links from a file.

The GitHub trending I have rearched are [vim-go](https://github.com/fatih/vim-go), [vscode](https://github.com/microsoft/vscode), [LeetCode-Go](https://github.com/halfrost/LeetCode-Go). They are the tools I use everyday. I benefit from the opensource programs, so I want to contribute back to the opensource community and take OSD600 this term. 


```go
fmt.Println("Hello, opensource")
```