teleren/devto huggingface dataset:
10 Best Magento 2 Extensions for 2020

Tags: magento2developers, magento2upgradeservices, magento2developmentcompany
Published: 2020-08-17 12:12:09

People who are looking to opt for Magento or are already using Magneto for their eCommerce website must know that Magneto doesn’t come with any sort of extensions for your eCommerce store. Well, there is nothing to be surprised here, Magento is just a single platform and not the answer to all your business queries or problems.

Who doesn’t like an eCommerce website with all the necessary functions? Well, for having such a website, one has to opt for Magento Extensions. This extension comprises all the functions and is attached to Magento, which increases its functionality. For handling this Magento 2 Extensions, one can choose a Magento 2 Developer who will make your eCommerce website functional and smooth.

Original content here:- https://rocktechnolabs.com/best-magento-extensions/
Mensageria básica no ServiceBus do Azure
Tags: azure
Published: 2020-08-17 12:08:54

Mensageria é o nome dado ao esquema de troca de informações entre dois ou mais sistemas.
Composto por 3 camadas:
- Producer;
- Channel;
- Consumer;

Azure Service Bus é o agente provedor de mensageria da Azure.
Oferece transferência assíncrona de dados, o que é a funcionalidade mais importante pois permite que mensagens sejam enviadas ou recebidas quando o sistema estiver disponível. A mensagem estará aguardando na plataforma do Azure Service Bus. 

Utilização:
- Transferência de dados comerciais;
- Separar aplicativos e melhorar a escalabilidade de aplicativos e serviços.

Arquitetura:
Filas: Mensagens são enviadas e recebidas a partir de filas. As filas armazenam mensagens até que o aplicativo de recebimento esteja disponível

Tópicos: Diferente da fila que é usada para comunicação ponto a ponto, os tópicos são úteis em cenários de publicação/assinatura.
Os tópicos podem ter várias assinaturas independentes e podem ser filtradas as mensagens para que cada assinatura recebe tipos de mensagens.
Starting a CS degree after 4 years of working in the high tech industry?
Tags: discuss, career
Published: 2020-08-17 12:06:13

I believe a passionate autodidact can go very far and much beyond traditional academy trajectory, as the hunger for learning endlessly abides.
In my very core of existence i am absolutely fascinated with technology, of all kinds, and so with the help of the great internet I taught myself how to code. I have been working over 4 years as a web developer, mostly on large scale backend systems but in my free time I develop mobile apps using hybrid technologies.

Salaries are great, job offers pouring down on me like men from the song "its raining men" by the weather girls.

Yet I quit my job, and decided to pursue academy as means of indeepening my knowledge in the field, improving math abilities and knit a network of brilliant engineers.

Would you do the same given similar circumstances? Or have you already pursued academy while being "settled" in the job market? Kindly share your thoughts :)
Build a Complete Responsive Website Using HTML and CSS | Frontend Mentor
Tags: html, css, webdev, codenewbie
Published: 2020-08-17 12:04:19

In this tutorial we will create a complete landing page of a website using just HTML and CSS. 

We will use an existing design from front-end mentor challenge. This will give you a real world experience where a client gives you an `existing design` in form of an image or sketch files and your work is to convert it into a `pixel perfect` HTML and CSS web page.

###Support my Content
Subscribe to my YouTube channel: https://youtube.com/c/chaoocharles
Stalk my Twitter: https://twitter.com/ChaooCharles
PayPal Support: [Donate to my PayPal](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=NZCBMP9V54G9J&source=url)

###Video Tutorial
{% youtube 31LnGc92J8s %}
Daily Developer Jokes - Monday, Aug 17, 2020
Tags: jokes, dailydeveloperjokes
Published: 2020-08-17 12:00:05

---
title: "Daily Developer Jokes - Monday, Aug 17, 2020"
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=Monday%2C%20Aug%2017%2C%202020"
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/5e1259869e0aa.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:___ What kind of computer can hold a musical note?

___A:___ A Dell.
 -->
Laravel: Specified key was too long; max key length is 767 bytes
Tags: laravel, mariadb, mysql, debugging
Published: 2020-08-17 11:51:12

---
title: Laravel: Specified key was too long; max key length is 767 bytes
published: true
description: Older MySQL and MariaDB versions trigger this Laravel issue. Here is how to fix it.
tags: 
  - Laravel
  - MariaDB
  - MySQL
  - Debugging
canonical_url: https://peterthaleikis.com/posts/laravel:-specified-key-was-too-long-max-key-length-is-767-bytes/
---

## The Problem: "Specified key was too long; max key length is 767 bytes"

One of these issues you might stumble across using the PHP framework Laravel is this one:

```bash
Specified key was too long; max key length is 767 bytes
```

After some research, I've found out it's coming up when using older versions of MySQL (prior to 5.7.8) or MariaDB (prior to 10.2.2). It was MariaDB in my case.


## Solution #1:

In Laravel this can be resolved simply by changing your app service provider configuration (in `app/Providers/AppServiceProvider.php`) with the following:

```php
use Illuminate\Support\Facades\Schema;

public function boot()
{
    /**
     * Ensure we aren't running into `Specified key was too long; max key length is 767 bytes`
     *
     * @see https://peterthaleikis.com/posts/laravel:-specified-key-was-too-long-max-key-length-is-767-bytes/
     **/
    Schema::defaultStringLength(191);
}
```

After this you might need to rebuild your database using `php artisan migrate:fresh --seed` - this will completely reset your database and start off fresh.


## Solution #2:

You can also upgrade your database server. This hasn't been discussed here as it is very system-specific. DuckDuckGo is your friend 💪️
hello guys how can i get rid of this error in my angular+spring boot project
Published: 2020-08-17 11:47:13

Access to XMLHttpRequest at 'http://localhost:3000/signup' from origin 'http://localhost:4200' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

thanks in advance
4 Awesome Array Methods in JavaScript
Tags: javascript, webdev
Published: 2020-08-17 11:41:09

Arrays are one of the most commonly used data structures in JavaScript, and they have a lot of awesome methods that make development a bit easier for us. Here are a few of my favorite array methods. 

## Set
While not technically an array method, I often use this data structure to filter out duplicates from arrays storing primitive types. A [Set](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set) is a data structure which stores unique values, making it a simple way of eliminating duplicates in arrays.

```js
const arr = [1,2,2,3,3,3]
const filteredArr = [...new Set(arr)]	// [1,2,3]
```

## Filter
When you have more complex data structures stored in your arrays, and need to remove duplicates or only some of the items, filter is the way to go. Filter allows you to return a new array containing any elements which pass a test of your choice. 

```js
const arr = [1,2,2,3,3,3]
const filteredArr = arr.filter((value, index, self) => {
	return self.indexOf(value)===index)
} 
```

The above snippet passes each item of the array into the filter function, which will check to see if it is the first occurrence of its value. If it isn't, then that means it's a duplicate, and it will be removed.

## Some
Array.some is a neat method which returns true if any element of an array matches a condition. I often use this method in conjunction with filter to filter my arrays with more complex logic. 

```js
/* I use the arrow function implicit return syntax here 
to make the code easier to read. 
If you aren't familiar with the syntax, 
the arrow function returns the value of the statement 
following it.
*/
const arr = [1,2,3,4,5]
const contains1 = arr.some((value) => value===1) // true
const contains6 = arr.some((value) => value===6) // false
```

## All
Array.all is exactly what you think it is. It returns true only if every element in an array matches a condition. While I don't use this function as frequently as the others on this list, it is great to have in my back pocket. 

```js
const all1 = [1,1,1]
const arr = [1,1,2]
const all1Only1 = all1.all((value) => value===1) //true
const arrOnly1 = arr.all((value) => value===1) //false
```
role="presentation" vs aria-hidden
Tags: a11y, screenreaders
Published: 2020-08-17 11:37:48

---
title: role="presentation" vs aria-hidden
published: true
description: If you are accessibility enthusiastic then you must be aware of the role = presentation and aria-hidden. There is always confusion that what is the difference between them? As at the high level, both are used to hide the content fro
tags: a11y, accessibility, screenreaders

---

If you are accessibility enthusiastic then you must be aware of the role = presentation and aria-hidden. There is always confusion that what is the difference between them? As at the high level, both are used to hide the content from the assistive technologies. Then why we need both?

For this blog, we need a voice over. I am using Mac OS, Safari browser, and default Mac voice over. And accessibility DOM, I am using Mozilla, and Chrome browser on Mac OS.

PS: If you are using the Mac system please prefer to use the safari browser over chrome or Firefox for Voice Over (screenreaders).

[Read more here...](https://a11ytips.dev/docs/roles-vs-presentation/)
Block Twits by Keyword
Tags: tutorial, twitter, filter
Published: 2020-08-17 11:31:32

Opening twitter to see the state-of-the-art web designs and trends and all you get to see is twits about 50 followers, 100 followers and twits about a thousand followers. This kind of twits indisputably ruins your experience on twitter, but did you know that there's a built in option in twitter to filter out this sort of annoyance.

Here's how you can get rid of them: 

[29 seconds long video guide](https://youtu.be/2K4QZ-REHm4)

* Open Notifications on Twitter
* Click on the **gear icon** on top right corner of the notifications div
* Click on **Muted**
* Click on **Muted Words**
* Click on the **+ (plus sign)** and add items you want to filter out
* **CHECK MUTE FROM ANYONE** to completely block the keywords out o your timeline.

This won't block the peoples that post them, just the twits that contains your passed in keywords.
Slack Loading Animation 🛹
Tags: html, css, beginners, tutorial
Published: 2020-08-17 11:21:10

Hello Guy's hope you all coding well in this pandemic situation. And in this dev post, we will learn how to make a Slack loading animation with just HTML and CSS. 

So Checkout this codepen for entire slack animation code and play with it, Happy coding 👋

{% codepen https://codepen.io/atulcodex/pen/zYqBqoX %}
5 common benefits of an effective salesforce development department:-
Tags: salesforcedevelopment
Published: 2020-08-17 11:12:56

Regular and continuous research by professionals has facilitated database management and accessibility for business owners. It doesn't matter if you are running a small or medium-sized business, in order for the database to be managed properly, you must hire experts. They will help you do things with ease and easily enjoy the premium benefits of services.

When planning to get the necessary [Salesforce development](https://www.cloudanalogy.com/) from the pros, it's a must to connect with trusted companies. Only reputable and professional IT companies will help you get the job done easily. Here are some of the most common benefits of these exceptional facilities:

**1. Highly Adoptive: -** The tool or software that experts develop and install to manage the database and business registry is highly adaptable in nature. This will help business owners, as well as employees, to get the best management facilities for the database. As a business owner, you will also be able to easily manage your existing customer file for future communication.

**2. Painless updates: -** Like other tools and software, you can use the update with a few simple steps. This will help you update the tool and software when necessary to get the latest version and get additional benefits. The upgrade process can be completed by following the steps to get better results and benefits from the tool.

**3. Easy customization: -** In order to meet the specific needs of clients, different companies serve business owners with efficient customization facilities. The company's experts will first know the customer's requirements and then customize the tool or software accordingly. This will help business owners to use the tools or software with ease and enjoy the premium benefits of business enhancements.

**4. Seamless integration: -** The available tools are expertly designed and developed in such a way that users can easily use them to obtain the necessary benefits. All the functions are seamlessly integrated to help the user update the information in the database for future reference. It will help you manage business assets more comfortably and enjoy premium benefits.

**5. Easy to use interface: -** It is the common but effective advantage of using such software or tool for business enhancements. You will get a simple, safe, and easy to use interface to use the tool and enjoy the premium benefits of managing your business database.

For more information about the benefits of salesforce development do visit cloud analogy a [salesforce development company.]()
🇬🇷Vlog: A Day In A Developer's Life | Working From Home (Lock down?! last vlog?!🤦‍♀️) | 2020
Tags: productivity, vlog, covid19, dayinthelife
Published: 2020-08-17 11:07:54

⬇️In this video:
💪I'll show you my day as an app developer working from home.
We'll also talk about the current COVID-19 situation in Greece (maybe we are going back to lockdown?!) 
And also my future plans with this channel (is this the last vlog)😉

Have a beautiful and productive week.


👋Hello, I' m Eleftheria, an app developer, master student, freelancer, public speaker, and chocolate lover.

🙆Previous [vlog](https://youtu.be/HvbxBk-Lh0g)


************************************

👋Hello, I' m Eleftheria, an app developer, master student, public speaker, and chocolate lover.

🍩Would you care about buying me a coffee? You can do it here: [paypal.me/eleftheriabatsou](paypal.me/eleftheriabatsou) but If you can't that's ok too!

**************************************

🙏It would be nice to subscribe to my [Youtube](https://www.youtube.com/c/EleftheriaBatsou) channel. It’s free and it helps to create more content.

🌈[Youtube](https://www.youtube.com/c/EleftheriaBatsou) | [Codepen](https://codepen.io/EleftheriaBatsou) | [GitHub](https://github.com/EleftheriaBatsou) | [Twitter](https://twitter.com/BatsouElef) | [Site](http://eleftheriabatsou.com/) | [Instagram](https://www.instagram.com/elefintech/)
10 Best Sites Like RedBubble Alternatives | Stores Like Redbubble-2020-21

Tags: othersiteslikeredbubble, siteslikeredbubblealternative
Published: 2020-08-17 10:50:07

All of you know that Redbubble Site is world famous for print on demand.  Here in this article, you found the top 10 other best sites like Redbubble alternative.  So you can find the right place to print your product. Like a t-shirt, i-phone covers, mugs etc.

Today we come with the new- topic the topic name is print – on demand.  If you are searching for product who give you print on demand then you are in the right place in this article I will find out the complete details of print on demand.https://bit.ly/2PbBAUb
Using Flake8 and pyproject.toml with FlakeHell
Tags: python, flake8, linting, pythonpoetry
Published: 2020-08-17 10:50:05

More and more, I am using [Python] tools like [Poetry] and [Black] that use `pyproject.toml` as a central configuration file for packaging and tools. The finalized [PEP 518](https://www.python.org/dev/peps/pep-0518/) defined the specification for `pyproject.toml`, and many tools have adopted it.

Unfortunately, two tools I use frequently do not yet support configuration through `pyproject.toml`: [Flake8] and [Mypy].

Thus far, I have not found any option for [Mypy] other than `setup.cfg` or `mypy.ini`, but I have found a solution for [Flake8].

Enter [FlakeHell].

[FlakeHell] is a Flake8 wrapper. [Configuration is handled in `pyproject.toml`](https://flakehell.readthedocs.io/config.html) and can enable/disable specific Flake8 plugins, ignore specific errors, and handle files differently.

## Example configuration

Here is my current configuration in `pyproject.toml`:

```toml
[tool.flakehell]
exclude = ["README.rst", "README.md"]
format = "colored"
max_line_length = 88
show_source = true
whitelist = "../../allowlist.txt"

[tool.flakehell.plugins]
flake8-bandit = ["+*", "-S322"]
flake8-bugbear = ["+*"]
flake8-builtins = ["+*"]
flake8-comprehensions = ["+*"]
flake8-darglint = ["+*"]
flake8-docstrings = ["+*"]
flake8-eradicate = ["+*"]
flake8-isort = ["+*"]
flake8-mutable = ["+*"]
flake8-pytest-style = ["+*"]
flake8-spellcheck = ["+*"]
mccabe = ["+*"]
pep8-naming = ["+*"]
pycodestyle = ["+*"]
pyflakes = ["+*"]
pylint = ["+*"]
```

## Configure plugins

The above demonstrates that configuration can be passed from FlakeHell to the relevant plugin, such as the `whitelist` variable, a part of flake8-spellcheck.

## Ignore specific warnings

Also note that certain codes (such as Bandit's S322 warning about `input()` that is not relevant in Python 3) can be ignored by prefixing them with a `-` and adding them to the list.

## Pretty output

[FlakeHell] can [format the output](https://flakehell.readthedocs.io/formatters.html) in various ways, including colorizing, grouping, or JSON-formatting.

## Drop-in replacement for `flake8`

Thankfully, [there is `flake8helled`](https://flakehell.readthedocs.io/ide.html), a command that replaces `flake8`, making it easy to configure your editor to use FlakeHell in place of Flake8.

## Useful commands

When using [FlakeHell], I frequently use the following commands:

- `flakehell lint` runs the linter, similar to the `flake8` command
- `flakehell plugins` lists all the plugins used, and their configuration status
- `flakehell missed` shows any plugins that are in the configuration but not installed properly (such as with `pip` or `poetry add -D`)
- `flakehell code S322` (or any other code) shows the explanation for that specific warning code.

See [FlakeHell's documentation][FlakeHell] for more direction and ideas.

Happy linting.



[FlakeHell]: https://flakehell.readthedocs.io/
[Flake8]: https://flake8.pycqa.org/
[Black]: https://pypi.org/project/black/
[Mypy]: http://mypy-lang.org/
[Python]: https://www.python.org/
[Poetry]: https://python-poetry.org/
The First and Only Tool in the World to do W3C Monitoring
Published: 2020-08-17 10:03:32

![Screpy W3C Monitoring and Analysis](https://dev-to-uploads.s3.amazonaws.com/i/p652tmsw1k30r0p3ass6.png)

[Screpy](https://screpy.com) the first and only tool in the world to do w3c monitoring.

## What is the W3C?

The Markup Validation Service is a validator by the World Wide Web Consortium that allows Internet users to check HTML and XHTML documents for well-formed markup. Markup validation is an important step towards ensuring the technical quality of web pages.
10 Paying Customers - Here Is What Worked
Tags: saas
Published: 2020-08-17 10:42:51

In my last post here I gloated how I got 10 paying customers and I have barely launched. 
TeraCrawler(https://teracrawler.io/) is a web crawler in the cloud. So it was related to my other product in the same domain, Proxies API. 
A link from my existing product Proxies API to TeraCrawler. Community posts on Reddit, DEV.TO and a couple of SAAS Facebook groups. Thats it. Thats all it took.
TELEPORTATION WITH AUGMENTED REALITY
Tags: ar, augmentedreality, teleportationwithar, queppelin
Published: 2020-08-17 10:34:58

Teleportation is traveling by an imagery form of transport. It involves movement of a matter from one place to another without actually crossing the physical boundaries. Learn More about Teleportation with Augmented Reality: https://www.queppelin.com/teleportation-with-augmented-reality/
setTimeouts inside a for loop
Tags: javascript, coding, forloops
Published: 2020-08-17 10:33:28

So I've encountered a problem that I've been trying to solve for a week now... Say I have a setTimeout inside a for loop. Inside the setTimeout function I have -> setTimeout(callback, timer, parameters of the callback). My problem is that, the values of the parameters aren't always the values that I am expecting and it seems to be that their values are always getting overwritten on each execution. My question is, how can I avoid this in a way where the values of the parameters aren't overwritten. I know this has something to do with scope but I'm not too sure how to approach it or do it.
Validate changed files
Tags: actionshackathon, github
Published: 2020-08-17 09:39:09

### My Workflow
This Action is used to validate at every commit or pull request.

If you want to check to validate changed files on pushed at the master or on the pull request.

just add it in GitHub action steps like below.


### Submission Category:  Maintainer Must-Haves


### Yaml File or Link to Code

```yml
name: 'build-test'
on:
  pull_request:
  push:
    branches:
      - "master"

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - run: npm ci
      - uses: syeutyu/validate-changed-files@v1
        with:
          file-names: '["package.json", "READMD.md"]'
          github-token: {{ Token }}
```



### Additional Resources / Info

Behind history

When I developed the custom service sdk of npm package
Sometimes I missing update package.json version

Then I merged after

umm...? why the sdk version is not changed?
Ahh... I missed upgrade version :(

So I created this GitHub action.

{% github syeutyu/validate-changed-files %}
SQL Server Database Recovery - Repair Database SQL Server?
Tags: sqlrecovery, recoversql, sqldatarecovery
Published: 2020-08-17 10:29:11

Here I'll suggest this <a href="http://www.pcrecoverytools.com/sql-database-recovery.html">SQL server database</a> recovery software to recover all corrupted SQL mdf and ndf files in few and simple steps. This software easily recover all deleted sQL mdf files while recovery. This can restore all deleted mdf files without affecting the original data hierarchy. It provide an easy to use user friendly interface for instant recovery of SQL corruption and allow all users can easily use this software without having any technical or specific knowledge. Use it free demo version to see the preview of bak files and export 25 records per table.

Use this coupon code (SYSPRING30OFF) to get 30% discount on purchasing the full licensed product.

Simply follow this link to more info:- http://www.pcrecoverytools.com/sql-database-recovery.html