teleren/devto huggingface dataset:
Generative Linear Gradients Background
Tags: codepen, gradient, css, glassmorphism
Published: 2021-06-30 06:42:47

This background is made from a set of linear gradients that are stacked on top of each other, and are applied to a single `div` element.

The gradients are made by generating a random color within the given hue range, and generating a set of random color stops, from transparent to the selected color and back.

Being made of gradients, this background is infinitely scalable.

Finally, the gradients are animated by changing the angle of each gradient, using the new CSS Houdini `@property` syntax.

You can click on the button to generate a new background.

{% codepen https://codepen.io/ykadosh/pen/RwVbdxM %}
Types of Software Licenses that you can use in your projects
Tags: programming, github, beginners
Published: 2021-06-30 06:20:52

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/miphwldh6dl4uijxixe1.png)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/42m4tylih38enzclq7m8.png)
Top Open-Source YOLO Object Detection Projects
Tags: machinelearning, datascience, python, computerscience
Published: 2021-06-30 06:18:14

https://ai.plainenglish.io/top-and-best-open-source-yolo-you-only-look-once-object-detection-projects-ce94e49b9820

As a fresher in the domain, you would like to get your hands dirty in the pool of object detection algorithms. To make it easy, here is the link to the article I wrote: Top Open-Source YOLO Object Detection Projects

YOLO (“You Only Look Once”) is an effective real-time object recognition algorithm, first described in the seminal 2015 paper by Joseph Redmon et al.

In this article, we introduce the concept of object detection, the YOLO algorithm itself, and one of the algorithm’s open-source implementations. We will review five of the best open-source YOLO Machine Learning projects available.
I'm not an expert; I'm learning
Tags: watercooler
Published: 2021-06-30 05:56:28

Although I've been a developer for most of my life, I can't say I'm an expert.

I do have some expertise, but as many things in Tech, they keep evolving, changing, and improving.
The same has to apply to my expertise.

Hence today's topic, being a software developer is a life-long commitment to learning.

In some recent posts, I've talked about [Python](https://daily-dev-tips.com/tags/python/) not because I'm an expert, but because I want to learn about it.
And my way of learning includes writing about it.

In those cases, I love it when people point out other use-cases or alternatives to the examples I sketch.
This doesn't mean my learning is wrong, but there might be room for improvement.

And this, in return, makes one a better developer.

## Public learning

You might call this approach public learning, and it doesn't work for everyone.

However, some aspect that might convince you to give public learning a try:

- Feedback by peers
- Feedback by product owners
- Help from community members

For me, those kinds of feedback you typically won't get in school or even in companies.
So pro for getting community help.

But how does one go about this type of learning?
Some ideas to get you started:

- Contribute to open source issues
- Write down some learnings on a blog
- Create a Twitter thread
- Open discussions on Reddit/StackOverflow/etc.
- Participate in meetups/events

And like mentioned before, don't expect to be the expert, but the learner. It's ok to make mistakes and have people guide you in the right direction.

If everyone knew how to do everything, it would be a very boring world.

## Provide feedback and questions

You might have heard me say this before: "Ask questions," and even here, it's valuable.

You might often see a tweet or discussion by me asking for feedback on a certain language, idea, or concept.

This is a valid way to get in touch with people who have done something like this before.

With the information from these people, you will complete your idea on this particular topic and learn from it.

Don't be afraid to ask something you're not sure about, or you question why it's done in that way.
I love it when my PR's are being reviewed and someone questions why I use method x over method y.
Often that's a super good question too, which I either can answer well because of z. Or I refactor it because it didn't have a particular choice to it.

## Conclusion

To conclude this article, in the upcoming week, ask yourself am I learning? If so, make that choice to ask/write/speak about that learning!

### 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)
[Angular] How to create beautiful and realistic confetti animations using tsParticles
Tags: angular, javascript, showdev, webdev
Published: 2021-06-30 05:34:00

I wrote a post about tsParticles and the new confetti animation created in the `1.30` version.

{% link https://dev.to/matteobruni/how-to-create-beautiful-and-realistic-confetti-animation-with-tsparticles-1lkm %}

This configuration can be used as is in any Angular tsParticles installation (`ng-particles` package).

*app.module.ts*
``` typescript
import { NgParticlesModule } from "ng-particles";

@NgModule({
  declarations: [/* ... */],
  imports: [/* ... */, NgParticlesModule],
  providers: [],
  bootstrap: [/* ... */]
})
```

*app.component.html*
``` html
<!-- this component can be placed anywhere -->
<Particles id="tsparticles" [options]="options"></Particles>
```

*app.component.ts*
``` typescript
export class AppComponent {
  options = {
    /* ... */
  }

  /* ... */
}
```

A working sample can be found below

{% codesandbox compassionate-sunset-3fz9d %}

{% github matteobruni/tsparticles %}
C# lambda vs foreach readability.
Tags: csharp, cleancode, help
Published: 2021-06-30 05:23:25

Hey guys, recently a receive an feedback that i need to change my code, turn an lambda expression into a foreach loop because its more adherent to clean code, i create this example to explain.
![Overall code example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d3z1y6sgu6xvykpdvqyk.png)

The both versions give me same results, but in my opinion this lambda expression is easy to understand, and easy to write and maintain, and i like to use that.

![lambdaExample](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fesbm1zhx6qrz7hb3kg7.png)

i receive an recommendation to change that to a for-each loop, like this, to be more clean code adherent.

![foreach](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xabtiotgtyeh46khqs37.png)

I really want see other people opinions and arguments about this, and i like lambda expression for me they are very powerful and easy to use.
5 Promising Benefits of Magento ERP Integration

Published: 2021-06-30 05:09:56

Magento eCommerce stores can save a lot of time and maximize efficiency by integrating an ERP system. From automating order entry, effective eCommerce PPC management to tracking ID distribution, ERP integration has multiple benefits. Moreover, ERP integration has proven its worth by taxation management, which is considered one of the most complex workflows for an eCommerce store.

https://www.magentobizz.com/blog/5-promising-benefits-of-magento-erp-integration
17 Fantastic Benefits Of Magento eCommerce Development
Tags: magentoecommerce
Published: 2021-06-30 05:07:49

Magento has a comprehensive eCommerce platform to fulfill all your needs, whether a store has fewer items or more. If you've selected Magento to run your eCommerce shop, you won't have to think about efficiency and scalability because it provides easy migration.

- https://www.magentobizz.com/blog/17-fantastic-benefits-of-magento-ecommerce-development
[NO DOT USE] How to set custom endpoint with AWS S3 on jCloud
Tags: java, jcloud, aws, s3
Published: 2021-06-30 05:03:38

** Aug 18, 2021 DO NOT USE THIS METHOD **

jclouds will make signature with your custom domain and *DEFAULT* region(us-east-1), and you'll see 403 Forbidden. You can use hack method(patched jcloud, override jcloud's class in your app, java-agent, etc) but it's not recommended if you have no time. so,

**DO NOT USE THIS METHOD. CONTACT YOUR NETWORK MANAGER TO GRANT ACCESS TO AWS WITH FIREWALL OR PROXY FOR FIGURE IT OUT THIS ISSUE!**

When you get `BlobStoreContext` from `ContextBuilder`, it provides `endpoint` method for initiize endpoint.

```java
BlobStoreContext context = ContextBuilder.newBuilder("aws-s3")
    .credentials(identity, credentials)
    .endpoint(endpoint)
    .buildView(AWSS3BlobStoreContext.class);
```

But it does not work, it will throws `NullpointerException` when putting blob, weird.

So, if you want set custom endpoint, you must set endpoint in override property. (fixed region due to your firewall rules, custom domain with proxy, etc.)

```java
import static org.jclouds.Constants.PROPERTY_ENDPOINT;

Property override = new Property();
override.setProperty(PROPERTY_ENDPOINT, endpoint); 

BlobStoreContext context = ContextBuilder.newBuilder("aws-s3")
    .credentials(identity, credentials)
    .overrides(override)
    .buildView(AWSS3BlobStoreContext.class);
```

Plus, if you want enable logging for monitoring how to works on jCloud, set a module with `SLF4JLoggingModule`. it will requires additional dependency: `org.apache.jclouds.driver:jclouds-slf4j:${sameVersionWithYourjCloud}`

```java
Iterable<Module> modules = ImmutableSet.<Module>of(new SLF4JLoggingModule());

BlobStoreContext context = ContextBuilder.newBuilder("aws-s3")
    .credentials(identity, credentials)
    .modules(modules)
    .buildView(AWSS3BlobStoreContext.class);
```

That's all. Happy coding!
Explaining things is hard.
Published: 2021-06-30 04:47:11

This is a post about creating this image, and a few others like it:

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

---
We're on day two of React, and I went to bed last night determined to feel better about the material today than I did yesterday.

So I woke up about four hours before class - enough time to finish up a slightly-past due assignment, and then roll-up my sleeves on yesterday's React material for a thorough overview.

Mission accomplished. I was able to get a grasp on the core functionality that we've been introduced to, and if not totally flex that new understanding on the material, at least keep up with my pair programming partner who came into the program with a strong React base.

Hard work pays off.

So with my newer, deeper (though still shallow) understanding, I thought I'd examine some of the issues that hindered me yesterday in getting a grasp on the intro material.

Part of it was the short turn-around time from study to application in a pair environment. Tied into that is the dreadful feeling of not pulling your own weight for the team.

But I thought that the study materials provided to us were wanting, and I was able to identify a key issue that prevented me from connecting the dots in our instructional material and the workings of our basic sample app.

It came down to props and their role in passing information down through the component structure, from parent to child.

So in an effort to clarify it for myself and maybe even come up with some material that I could share with some of my classmates, I started on some diagrams that would visually draw connections between the components and expedite the reader through my understanding process.

Well, that turned out to be way easier said than done.

So credit to whoever designed our materials. I still think that extra care can and should be taken with the theme of passing data into the props object, but I wasn't able to bridge that gap in the hour or so I spent on diagrams that I intended to solve that issue.

Here are some other pieces of that work:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6taze36rcmyuzdnw7ahq.png)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ybj37gzwkebv77fzva4p.png)
Por que você deveria consumir inglês mesmo sem entender 
Published: 2021-06-30 04:07:32

Você lembra como aprendeu português? você era um bebê que cresceu ouvindo bastante o idioma local e em algum momento, quase que do nada, você começou a falar, certo? 
No dia 26/04/2020 tomei a decisão de que iria realmente aprender inglês. Fazer com que o inglês fizesse parte da minha rotina e consumir bastante conteúdo na língua e me familiarizar com termos e expressões. 

E como fiz isso? Através do Professor Mairo Vergara (aquele da propaganda do youtube) eu conheci o método de estudos com o Anki, que te permite realizar um estudo de flashcards utilizando repetição espaçada. E isso me ajudou muito a construir um pequeno vocabulário para poder começar a técnica do mar. Mas o que é a técnica do mar? É basicamente começar a consumir o inglês no seu dia a dia, apenas com auxílio de legendas em inglês e nada de português. Seja assistindo uma série ou ouvindo um podcast. 

A partir disso comecei a ver séries em inglês com legenda em inglês mas não conseguia consumir tanto, me batia uma preguiça enoooorme! Mas daí conheci o podcast do Joe Rogan, e eu sou viciado em podcasts, e assim pude realmente começar a consumir conteúdo em inglês. No início foi super difícil, não entendia quase nada, toda palavra eu pesquisava no google imagens ou no tradutor. Estabeleci uma meta de ouvir 50 horas de podcast em inglês e confesso que as 10 primeiras horas foram as mais desafiadoras, porém a partir disso começou a acontecer algo muito motivador, eu comecei a entender frases inteiras sem nem precisar olhar pra legenda ou tentar lembrar do significado de algumas palavras, era quase que instantâneo e a partir disso, ouvir as outras 40 horas foi fichinha. 

Hoje, depois de ouvir mais de 50 horas de inglês só em 2020, posso dizer que meu nível de inglês avançou absurdamente. Consigo consumir vídeos/artigos em inglês com uma certa tranquilidade, tendo dificuldade  em algumas palavras/contextos. 

Em 2021 dobrei a meta e hoje ela é de 100 horas de podcasts em inglês. Portanto, não desanime se não entende inglês hoje, mas entenda o benefício de fazer um pouco todo dia.

``` 
   Mas comece devagar, porque a direção
   é mais importante que a velocidade.

```
Learning about I.O.T will help you find a new love for computation!
Tags: rust, embeddedsystems, python, iot
Published: 2021-06-30 03:24:22

If you are anything like me , when you started writing software you began with console applications that took in small pieces of data and did something cool with them.I began to notice over the years of writing software that all I do in my software is transfer data over networks and do some sort of computation on this data to reach some end result.

I always knew about the concept of computational devices controlling things in the physical world , but I didn't have any use cases for creating physical computation devices with the matching software , until I heard about I.O.T. 

Once I heard about I.O.T, I began studying the concepts of IOT and embedded systems that have network connectivity, I was hooked! I began studying minimal circuits so that I could build my very own cloud controlled RC car.

I fell in love with computation all over again, because for the first time in my long relationship with computation I had wrote the software and the hardware that controls a physical device, once I built this small device I really reflected on the journey that I took to gather the knowledge about circuits/smart devices that I needed to complete this task.

The reflection that I had about the process of learning about smart devices really prompted me to create a central hub autodidacts to come and assemble common smart devices since the information wasn't easily accessible. The name of this place is called "House Of Iot".

House of Iot is a community of software engineers/electrical engineers that are working to create easy guides for autodidacts to automate their homes and other bodies of land/property , without having the need to know deep implementation of hardware/software. If you would like to learn more about House of Iot you can check this [post]()

Give I.O.T a chance!!
Types of organization of  records in files
Tags: sql, database, hash, file
Published: 2021-06-30 03:23:08

So here are the next two of the file organization and they are 
Hash File Organization and Clustered File Organization.

**Hash File Organization** provides the faster access to records under the search conditions .It works as the same formula of the hash table. The idea behind it is to provide the function h called a hash function or randomizing function.

**Clustered File Organization** As the name suggests it is used when there is a frequent need for joining the tables with the same organizations like making kind of foreign key and maybe kind of  joins concept and it will gives only a few records from both the table

*Thanks for reading!!!*
Create a React TreeGrid Component in 6 Minutes
Tags: reactnative, treegrid, webdev, react
Published: 2021-06-30 03:10:45

Learn how easily you can create and configure the **Syncfusion** [React TreeGrid](https://www.syncfusion.com/react-ui-components/react-tree-grid "React TreeGrid") using the create-react-app toolchain. In this video, I'll add required columns and show parent-child hierarchal data using the expand and collapse options. I'll also show you how to add prominent features to your TreeGrid like paging, sorting, and filtering.

*Download an example from GitHub*:
https://bit.ly/33Bpjjr

**Product overview**: https://www.syncfusion.com/react-ui-components/react-tree-grid

**Documentation**: https://ej2.syncfusion.com/react/documentation/treegrid/getting-started

**Online sample**: https://ej2.syncfusion.com/react/demos/#material/treegrid/treegrid-overview

**Download free trial**: https://bit.ly/39HJjVo

{% youtube dQcIAoSgARc %}
What is Block Scope in JS?
Tags: javascript, beginners
Published: 2021-06-30 03:08:40

####What is a block in JS?
Let's define what a block is before we proceed to understand block scope. A block is known as a compound statement which is a simply a group of multiple statements. You need to use blocks when you need to execute more than one statement. The following example will hopefully clear up any confusion.

```js
{
  //compound statements in a block
  let a = 1;
  console.log(a);
}

if (true) console.log('no block'); // we don't need a block because it is one statement
if (true) { // if we need to use more than one statement we need a block
  let a = 1;
  console.log(a);
}
```

####What does it mean that let & const are block scoped?
Let's use an example.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ifba7z0zw0paejuvpmc2.png)

As you can see let & const are block scoped. This means that let & const cannot be accessed outside of this block. 
```js
{
 var a = 1;
 const b = 2;
 let c = 3;
 console.log(a); // 1
 console.log(b); // 2
 console.log(c); // 3
}
console.log(a); // 1
console.log(b); // ReferenceError: b is not defined
console.log(c); // ReferenceError: c is not defined
```
wicked pdf does not render UTF-8
Published: 2021-06-30 03:00:03

Unicode characters does not render properly when generate pdf using wicked pdf. There are 3 steps need to follow:

1. Set encoding: 'utf8'
```ruby
render pdf: "myfile",
       ....,
       encoding: 'utf8',
       ...
```
2. Make sure to render proper meta tag in layout template
```
%meta{:content => "text/html; charset=utf-8", "http-equiv" => "content-type"}
%meta{:charset => "utf-8"}
```

3. Install system fonts
```
apt-get install fonts-khmeros
```
Go Power for vscode
Tags: go, vscode, code
Published: 2021-06-30 02:53:12

Go Power is an extension for GoLang, supporting more Go snippets and popular Go packages.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2nmnkxshfs8h25bizgb9.gif)

## Version 1.0.0
- Main snippets for go
- Fiber package snippets

[Download Extension for vscode](https://marketplace.visualstudio.com/items?itemName=Ja7ad.go-power)

[Project for contributing](https://github.com/Ja7ad/vscode-go-power)
Is let & const Hoisted in JS?
Tags: javascript, beginners
Published: 2021-06-30 02:31:26

####Is let & const hoisted?
In short, yes. But when a variable is declared using let or const, memory is allocated in a different space and not in the global object like when a variable is declared with var.
```js
console.log(a); // cannot access 'a' before initialization
console.log(b); // undefined
console.log(c); // c is not defined
let a = 1;
var b = 2;
```

As you can see in the browser screenshot below with a debugger on line 2, JS allocated a value of *undefined* to variables declared with let in the same way that it does with var. The only difference is that it is stored in a different memory space which prevents it from being accessed before it is initialized. We say that this variable is in the **temporal dead zone** which we will get into in the following section. 

To sum up, let & const is hoisted. But in a different memory space which prevents access before initialization.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ulzetna3mcgxb73igi95.png)

####What is the temporal dead zone in JS?
The temporal dead zone is the time starting from when a variable was hoisted using let or const to the time when that variable is initialized. The following example will hopefully clear up any confusion.
```js
console.log(a); // This console.log(a) is in the temporal dead zone because variable *a* has not been initialized yet. 

let a = 1; // this is when variable *a* is initialized. Anytime before this line is the temporal dead zone.
```

####How do you use const?
Const is abbreviated for constant which means that it should not be changed. But there are some things that can be changed in const which makes it confusing! Let's dive in to see what you can and cannot change. First, you cannot change the value for primitive data types such as numbers, booleans, strings, etc. in const. As you can see in the example below, once you declare a const with a value of 1, you can't change it afterwards. This is the same for reference variables such as objects and arrays. Once an object or array is referred to using const, you can change the properties inside the object but you cannot change the object or array you are referring to.
```js
let a = 1;
a = 3; //this is possible
const b = 1;
b = 3; // this is NOT possible
```
```js
let a;
a = 3; // this is possible
const a; //this is NOT possible
```
```js
let a = {name: 'joe', age: 34};
let b = {name: 'kim', age: 30};
const c = a;
c.age = 25; // this is possible because you can change the properties in an object with const
c.school = "Diamond Bar HS" // this is possible. You can add properties as well
c = b; // this is NOT possible because you are changing what you are referring to
```