teleren/devto huggingface dataset:
Education Ecosystem to Distribute $1 Million Grants to Developers
Published: 2020-05-06 19:37:39

[Education Ecosystem](https://www.education-ecosystem.com/) has announced the allocation of $1million in grant funding to developers. Education Ecosystem (LEDU) is a project-based learning platform that teaches professional developers and students how to build real products in areas such as programming, game development, artificial intelligence, cybersecurity, data science, and blockchain.

The grant funding was unveiled to provide developers on Education Ecosystem’s network with the necessary resources to create new projects for the network viewers. The funding will be split across the categories mentioned above.

“We believe that the grant funding is the best way for us to support and reach our goal of becoming the largest project-based online learning platform in the world,” said Education Ecosystem Manager Dusan Kolic “This funding is available to all developers who have the skills to create high-quality projects for our millions of worldwide viewers.

The grant will be allocated to the six areas that Education Ecosystem caters to – artificial intelligence, blockchain, cybersecurity, data science, game development, and programming – over a three year period. The funding will be divided equally per category and the number of recipients per category will be determined by demand. The funding rounds will be held as follows:

 ·      2020 – ⅓ of the fund will be allocated to all six categories

·      2021 – ⅓ of the fund will be allocated to the six categories

·      2022 – ⅓ of the fund will be allocated to the top 3 categories (based on interest from the grant applications).

 Since the launch of Education Ecosystem’s alpha product in 2015, the platform has been used by more than 1 million people from at least 194 countries. There are more than 200,000 pieces of video content on the platform created by at least 13,000 project creators. This funding will see more projects added to Education Ecosystem’s platform.

[The company](https://www.education-ecosystem.com/projects) will use a transparent and tried-and-tested system to determine who qualifies for the grant. As the platform is meant to benefit tech intermediates and experts, the funding will go to experienced developers with a proven track record in their areas of expertise. This is to ensure that only high-quality projects will be created with the aim of providing value to the viewers. Applicants have up to six months to prove to Education Ecosystem that they have the necessary experience and will be committed to this project for the duration of the funding. Applicants interested in receiving the grants should fill out this typeform.

Media Contact:

Brianna Weth

London, PR Agency

Email: content@education-ecosystem.com
FREE - 5 Years Subscription to 200+ Microsoft Cloud Computing Azure Courses, Certification Exams etc at Pluralsight
Tags: webdev, news, azure, cloudskills
Published: 2020-05-06 19:04:32

Its time to Learn `Cloud Computing` for FREE. :+1: :clap: :wave: 

Recently I came to know that `Pluralsight` and `Microsoft` have partnered to help you become an expert in `Azure`. With skill assessments and over 200+ courses, 40+ Skill IQs and 8 Role IQs, you can focus your time on understanding your strengths and skill gaps and learn `Azure` as quickly as possible.

**Azure is for Any language. Any platform. Any Developer.**

Azure is one of the leading cloud computing service in the market. You can use this FREE opportunity to learn how to build and deploy scalable apps in Azure.

**Which Role you want to play ?** :blush:

AI Engineer ? DevOps Engineer ? Data Engineer ? Data Scientist ? Security Engineer ? Solution Architect ?

Then grab this FREE opportunity. :)





**So What is `Pluralsight` and Why Should I use it ?**

`Pluralsight` is technology skills platform, companies can upskill teams and increase engineering impact.

With assessments, learning paths and courses authored by industry experts, our platform helps businesses and individuals benchmark expertise across roles, speed up release cycles and build reliable, secure products.

They have high Quality Courses in all `Programming` languages. These courses authored by industry experts.

**ROCK YOUR AZURE ROLE** :heart:

You’ll get unlimited access to selected `Azure` courses, skill assessments that help you validate your knowledge, Role IQ to measure your level of expertise in your job and more experiences.

**What Courses and Certification resources you get for FREE ?**

- Microsoft Azure Administrator - helps prepare for: AZ-103
- Microsoft Azure Developer - helps prepare for: AZ-203
- Microsoft Azure Solution Architect - helps prepare for: AZ-300 / AZ-301
- Microsoft Azure AI Engineer - helps prepare for: AI-100
- Microsoft Azure DevOps Engineer - helps prepare for: AZ-400
- Microsoft Azure Data Engineer - helps prepare for: DP-200 / DP-201
- Microsoft Azure Data Scientist - helps prepare for: DP-100
- Microsoft Azure Security Engineer - helps prepare for: AZ-500

Register now to learn Azure and measure your skills for FREE.

**Free Registration Link:**

https://www.pluralsight.com/partners/microsoft/azure

**OR**

https://azure.com/pluralsight/


[Reference.](https://www.reddit.com/r/AZURE/comments/ga9e33/free_5_years_subscription_to_240_microsoft_azure/)

Hope this helps.

Enjoy :smile:
Promise.all alternative in RxJS
Tags: help, javascript
Published: 2020-05-06 18:21:20

I'm a bit late to the party but I finally took out the time to learn RxJS and already in love with it ❤️.

### What I did
I was wondering, there has to be something like `Promise.all` in RxJS and here's what I came up with
```javascript
import { ajax } from 'rxjs/ajax';
import { of } from 'rxjs';

const myObs = of([
  ajax('https://jsonplaceholder.typicode.com/users/1'),
  ajax('https://jsonplaceholder.typicode.com/posts/1')
]);
// now myObs is of the type Observable<Observable<AjaxResponse>[]>
// for some reason I don't feel too good about this

myObs.subscribe(function(value) {
  /**
   * here I get an array of 2 observables which I have to
   * loop over and subscribe to each of the observables
   */
  console.log('emitted value:', value);
})
```
### What I need
So, my question is, is there any better way of doing what I'm trying to do?
Thanks a lot in advance!
Disabling services in Laravel Vapor
Tags: laravel, serverless, aws
Published: 2020-05-06 18:04:41

---
title: Disabling services in Laravel Vapor
published: true
description: Laravel Vapor allows us to deploy serverless Laravel apps, but how can we disable services we don’t need.
tags: Laravel, Serverless, aws
---

I’m a huge fan of serverless and Laravel and then Taylor Otwell came along with Laravel Vapor. Allowing us to deploy our Laravel apps to serverless infrastructure on AWS. 

We deploy a production and staging environment for each project. Really we don’t want to use Queues, Command Scheduler or Mail in our staging environment. We only want to use these features for our production environment. Vapor makes it really simple for us to do this by adding some configuration options to our Vapor config file: `vapor.yml`.

```yaml
id: 19
name: serverless-rules
environments:
    staging:
        queues: false
        mail: false
        scheduler: false
```

That’s all we need to is set these three config options to false in our staging environment and then it will remove Laravel’s Queue, scheduler and Mail sending functionality from AWS.

That’s all for this post, I use Vapor to deploy all my projects nowadays. If you would like to find out more about it then you can find it here: [Vapor](https://vapor.laravel.com). Enjoy.
A first look at Deno
Tags: deno, node, javascript, videos
Published: 2020-05-06 17:52:43

---
title: A first look at Deno
published: true
description: The release of Deno v1 is upon us. Today was the first day I played with it. Deno is a new runtime for JavaScript and Typescript and created by the founder of NodeJS. In the video I share my initial experiences.
tags: Deno, nodeJs, JavaScript, videos
---

### The release of Deno v1 is upon us. Today was the first day I played with it. Deno is a new runtime for JavaScript and Typescript and created by the founder of NodeJS. In the video I share my initial experiences.

{% youtube bNJU458W2SQ %}
componentWillReceiveProps / UNSAFE_componentWillReceiveProps in React Hooks world
Tags: react, javascript, typescript, productivity
Published: 2020-05-06 17:50:31


Probably you are also one of the React developers, who needs to, from time to time, refactor class based React component to React Hook (aka get rid off **lifecycle methods**). During this process you may encounter `UNSAFE_componentWillReceiveProps` function... very often it will look like:

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

In this case, we are only checking if `propA` **value has changed**. We can easily use `useEffect` during the refactoring to Hook:

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

Sometimes logic inside of `UNSAFE_componentWillReceiveProps` function will check **the current and next value** of the `propA`, like here:

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

To refactor it to Hook we need a way to store previous value of `propA` without rerendering the component:

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

In mentioned situation we can use `useRef` Hook and store previous value of the `propA` in it at the end of `useEffect` Hook.
#100DaysofTheRealDeal
Tags: 100daysofcode, productivity
Published: 2020-05-06 17:36:06

### Contents

  * [What's up](#what'sup)
  * [I will](#iwill)
  * [Conclusion](#conclusion)

<!-- Cool to be playing around here! -->

### What'sup? <a name="what'sup"></a>

I just came across the {% link https://dev.to/softwaredotcom/essential-guide-to-the-100-days-of-code-challenge-3b5g %} and realized I was not doing the [100DaysofCode](100DaysofCode.com)/[100DaysofX](https://www.100daysofx.com/). This is not my first attempt at the 100daysofCode, but this is the attempt I want to take seriously(like all the others have been 😂) and complete since I actually have no excuse this time. So I will do my best to follow what has been outlined here...

### I will: <a name="iwill"></a>

 * Actually code for a minimum of one hour each day(Tried for a few days, and I am averaging 2!)

 * Come up with an objective, and something that will help me in my quest to finally work on real projects and build [a strong portfolio](isaacthani.com).

 * I understand that writing real code on real projects should be my goal throughout the challenge, unlike times when I counted times spent on some (very) interactive tutorials haha.

"Time spent on tutorials, online courses, or other similar resources, generally do not count toward fulfilling the requirements of the 100 Days of Code. Tutorials are too passive; try to move from being a consumer to a creator. Learn as you code."

"At the end of each day, push your code to GitHub (or another public repository hosting service)" just to kind of track. I will do that also for my coding challenge.

"Above all else, the most important requirement is to write something every day"(I'm doing that already...).

"You can use a simple timer to ensure that you code for at least an hour every day. If you tend to code for more than an hour, tracking your coding will help you understand more about what projects you have worked on the most". The tools I found will help me manage this process. 

***"Pacing is the key to maintaining engagement throughout the 100 Days of Code challenge and ensuring you do not overcommit yourself"***

"Work on projects that are challenging for you, knowing that 100 Days of Code is about improvement—a rate of change—and not about skill—an absolute measurement."

"You should also write a retrospective blog post or journal entry detailing the successes and challenges of your 100 days of code, so that you may better prepare for more challenges in the future and give back to the next class of developers that are just beginning the challenge." - I can't wait to do that!

### Conclusion <a name="conclusion"></a>
I started a #100DaysofCloud earlier as part of the GADS2020 program and it is going great! I will leave that as it is(I'm enjoying it and not sure how I can plan yet), taking it a bit cool. I'm now planning my real 100daysofCode. 
Will announce it soon!

https://www.100daysofcode.com/
https://www.100daysofx.com/
iPadOS 13.4 cursor with Html and JS
Tags: javascript, ipadOS, html, css
Published: 2020-05-06 17:16:44

Hello everyone, today I spent my free time building a Javascript library that allows you to see cursor like ipadOS 13.4. This took a few minutes but was funny. The library is lightweight and you can import it to your project with two lines of code. Hope you like it!

https://github.com/josesaranda/ipadOSCursor

*Example:*
https://codepen.io/josesaranda/pen/oNjEWwb

### Motivation

It looks really good on iPadOS 13.4 and I thought it would be possible with web technologies and the answer was yes!

### How it was

You only need to think how to hide normal browser cursor and then how to built yours. It was easy.

#### Hide browser cursor and style yours

```css
* {
  cursor : none;
}
#ipadOSCursor {
  z-index: 9999;
  background: grey;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  position: absolute;
  transition: opacity 0.4s;
}
```

#### Create a class to set to "highlights" elements
##### And how it look when cursor is hover
```css
.highlight {
  padding: 10px;
  line-height: 10px;
  background: transparent;
  border-radius: 6px;
  display: inline-block;
  transition: all 0.2s;
  margin: 6px;
}

.highlight:hover {
  background: rgba(239, 239, 239, 0.8);
  transition: all 0.2s;
  transform: scale(1.05);
}
```

#### Create and subscribe your custom cursor to mousemove
##### You'll need to set cursor position to your custom cursor

```javascript

  let cursorElement = document.createElement('div');
  cursorElement.id = 'ipadOSCursor';
  document.getElementsByTagName('body')[0].appendChild(cursorElement);
  document.addEventListener('mousemove', event => setPosition(cursorElement, event));
```
#### Subscribe "highlights" elements to mouseenter and mouseleave
##### When cursor enter inside one of your elements hide your custom cursor

```javascript
let highlightElements = document.querySelectorAll('.highlight');
  highlightElements.forEach(highlightElement => {
    highlightElement.addEventListener('mouseenter',() => {
      cursorElement.style.opacity = 0;
    });
    highlightElement.addEventListener('mouseleave',() => {
      cursorElement.style.opacity = 1;
    });
  });
```

That's all. Hope you like it!
Recap of GitHub Satellite
Tags: github, vscode, security, git
Published: 2020-05-06 17:03:58

Quick summary for **GitHub Satellite** 

▫️ **GitHub discussions** coming out this summer. [Example here](https://github.com/twbs/bootstrap/discussions)
▫️ VSCode embedded in GitHub : **Codespaces**. [Pre-register here](https://github.com/features/codespaces)
▫️ **GitHub enhances safety** on repositorys areas
▫️ Private instances
▫️ Code scanning

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


More informations at [GithubSatellite.com](https://githubsatellite.com/) or directly on [GitHub Blog](https://github.blog/2020-05-06-new-from-satellite-2020-github-codespaces-github-discussions-securing-code-in-private-repositories-and-more/)

_____
|☕|Check my [Twitter account](https://twitter.com/thomasbnt_). You can see many projects and updates. You can also [support me on BuyMeaCoffee](https://www.buymeacoffee.com/thomasbnt?via=thomasbnt).|
|---|---|
100daysofcode Flutter
Tags: 100daysofcode, flutter
Published: 2020-05-06 16:59:33

day 58/100 of #100daysofcode #Flutter
Learning Flutter , courses Udemy from
@maxedapps

Today learn about Future.builder, refactoring code like cahnge statefull to stateless, make error handling
https://github.com/triyono777/100-days-of-code/blob/master/log.md
Don't do these things when learning to code [video]
Tags: react, techtalks, webdev, beginners
Published: 2020-05-06 16:56:40

> This video is a talk from [*Byteconf React 2020*](https://www.bytesized.xyz/react-2020), a free, live-streamed React conference that aired on May 1st-2nd, 2020. Join our newsletter at the [conference website](https://www.bytesized.xyz/react-2020) to stay in the know about future conferences, videos, and more!

This talk has two goals:

1. I'm going to openly share some of the mistakes I made and I see other beginners are making when they decide to learn how to code. (To avoid them/stop making them). This talk will be given from the point of view of someone who has been learning front-end development for over a year.

2. To show that you don’t need to be an expert in your field to share what you’ve learned with the developer community.

Thanks to [Mahmoud Abdelwahab](https://twitter.com/thisismahmoud_) who presented this talk at [Byteconf React 2020](https://www.bytesized.xyz/react-2020)!

{% youtube N9wK9AlZwdg %}

If you enjoyed the video, give it a thumbs-up, and [subscribe to our channel](https://www.youtube.com/channel/UC046lFvJZhiwSRWsoH8SFjg?sub_confirmation=1) for more web dev content every week. We also have a newsletter where we send out what's new and cool in the web development world, every Tuesday – [join here](https://www.bytesized.xyz/newsletter)!
Seja mais produtivo com Linux #2
Tags: linux, produtividade, terminal, bash
Published: 2020-05-06 16:35:50

---
title: Seja mais produtivo com Linux #2
published: true
description: Histórico de comandos (“history”, “!” e “CTRL + R”)
tags: linux, produtividade, terminal, bash
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/e77xk06x2waszq32b9s5.png
---
Como consultar e usar o histórico de comandos usados no terminal com `history`, `!` e `CTRL + R`.

Três comandos que me ajudam muito no dia a dia desde que os aprendi são os comandos: `history`, `!` (_ponto de exclamação_) e `CTRL + R`.

## History

O comando `history` mostra os comandos utilizados no pelo usuário até o limite especificado no arquivo `~/.bashrc`:

```
HISTSIZE=1000
HISTFILESIZE=2000
```

Esse comando é legal pois ele permite que você filtre, utilizando o `grep`, os comandos que você usou com determinado padrão. Por exemplo:

```
$ history | grep npm
1953 npm install
1955 npm run dev
1956 npm start
```

Ou seja, ele mostra todos os registros do histórico do comando `npm`.

## Ponto de Exclamção (!)

O segundo comando `!` serve para executar o último comando com determinada aplicação. No caso acima, vamos que a última entrada com o comando `npm` é `npm start`, logo se usarmos `!npm` teremos:

```
$ !npm
npm start
```

Se for dado o comando com duas exclamações `!!`, será executado o último comando (_esse comando é equivalente a apertar a tecla para cima seguido de enter_).

## CTRL + R

O comando `CTRL + R` permite procurar por palavras chaves no seu histórico de comandos utilizados e retorna o último comando com aquela palavra-chave.

Por exemplo, vamos dizer que você utilizou vários comandos com a aplicação `npm`, sendo que o último comando foi `npm install --save axios`, e você quer utilizar o comando `npm run dev`. Você não pode usar o comando `!npm` pois esse irá executar o último comando com `npm`.

Com o `CTRL + R` você pode buscar o último comando com a palavra chave `dev` e ele te retornará último comando que contenha essa palavra, conforme abaixo, depois de ativar o atalho com `CTRL + R`:

```
(reverse-i-search)`': ~> assim irá aparecer ao ativar o atalho
(reverse-i-search)`dev': npm run dev
```

Obs.: Note que utilizando este comando, ele encontrar qualquer comando que tenha a sequência ‘dev’. Ou seja, se houver outro comando mais recente com a palavra dev, esse será o comando mostrado.

## Conclusão

Com esses três comandos você não precisará mais ficar apertando para cima e para baixo até encontrar o comando que está procurando. Você perceberá muito rápido como esses comandos facilitam seu dia a dia com Linux.

## Mais dicas

Leia também o artigo sobre como otimizar a navegação entre diretórios:

{% link https://dev.to/arielbarcellos/seja-mais-produtivo-com-linux-1-2c18 %}
8 Freelancing blunders to Avoid!🛑
Tags: freelancing, career, codenewbie, webdev
Published: 2020-05-06 16:34:15


## What is Freelancing???

To be brief, It is a Job where you are the boss and you take projects directly from the client and do the majority of the work yourself. You mostly work alone on the project. You get paid for the projects which you work on.

### These are some Biggest Blunders made by Freelancers and you need to avoid them.

**1. Never Pick Projects from an unauthorized source**
- Rely on Trusted sources/websites.
- Do not trust Facebook/LinkedIn groups where you get projects.
- There are many incidents of how clients have cheated by just paying 50% and receiving the project.

**2. Never be Greedy**
- You would probably never end up at your project if you are greedy.Bid for reasonable rates. Build good reputation first.

**3. Never Ignore the Terms and Conditions/Guidelines of the Marketplace**
- Read the rules of conduct before you start to use the Website. You may get blocked for not following the guidelines.

**4. Don’t forget to communicate with your Client**
- Your first goal must be to understand the project really well and be honest to yourself about whether you can complete the project. Be open to your client.
- Share your progress with your client regularly, so that , If you go offtrack, it would be easy for you to get back on track.

**5. Never agree to an Unauthorized Payment from the Client**
- Sometimes the client wants you to receive money in direct payment, If you do not know them personally Don’t accept it. 
- They try to do that to prevent the service charges from the Freelance Website. They many even cheat you on the payment. Always use the Marketplace Payment Gateway.

**6. Never! Ever! Commit to more than 3 projects at max.**
- You will drop your efficiency and reputation if you Flop on your projects.

**7. Choose the Freelance Website/ Clients carefully**
- There are some websites which just don’t work out. So research well about the website where you are spending your valuable time.

**8. If you are a beginner, Never get stuck waiting for your project from a single website.**
- Spend some time in registering in a few reliable Freelancing websites.

These are some most unnoticed mistakes that we do. So stay safe and don’t waste your valuable talent and time. **If you have few more tips on freelancing, or incidents on freelancing, please share with us in the discuss section below, would love to know😊**

{% link https://dev.to/tharunshiv/free-course-learn-javascript-in-7-hours-540e %}

{% link https://dev.to/tharunshiv/free-course-learn-css3-web-development-1idd %}

Have a great Day!!

_This article was written at https://tharunshiv.com_
SavedURL Chrome extension
Tags: chrome, savedurl, extension, websites
Published: 2020-05-06 16:19:38

---
title: SavedURL Chrome extension
published: true
description: This extension allows you to save webpage links so that you can view them later. It only uses your computer's local memory. It is never connected to an external server. It does not save any of your personal information.
tags: chrome,savedurl,extension,websites
---

Hi all,
I want to share the link of the my Chrome extension, I released 2 days ago. Hopefully it benefits to you.

https://chrome.google.com/webstore/detail/savedurl/eibnclbfcpecgpakbignnkjodngancld